*{box-sizing:border-box}body{background:#f0f2f5;margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}#root{width:100vw;height:100vh;flex-direction:column;height:100dvh;display:flex}.login-container{height:100vh;background:#2c3e50;justify-content:center;align-items:center;height:100dvh;display:flex}.login-box{background:#fff;border-radius:8px;flex-direction:column;gap:15px;width:100%;max-width:400px;padding:40px;display:flex;box-shadow:0 4px 15px #0003}.login-box h2{text-align:center;color:#2c3e50;margin:0 0 10px}.login-box input{border:1px solid #ccc;border-radius:4px;outline:none;padding:12px;font-size:16px}.login-box button{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:4px;padding:12px;font-size:16px;font-weight:700;transition:background .2s}.login-box button:hover{background:#2980b9}.error-message{color:#e74c3c;text-align:center;font-size:14px;font-weight:700}.portal-header{color:#fff;z-index:100;background:#1a252f;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;box-shadow:0 2px 5px #0003}.portal-header h1{margin:0;font-size:20px}.price-badge{background:#27ae60;border-radius:20px;padding:5px 15px;font-size:18px;font-weight:700}.admin-layout{background:#fff;flex:1;display:flex;overflow:hidden}.admin-left-col{color:#fff;background:#2c3e50;flex-direction:column;flex-shrink:0;width:280px;display:flex}.admin-center-col{border-right:1px solid #ddd;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.admin-right-col{background:#fafafa;border-left:1px solid #ddd;flex-direction:column;flex-shrink:0;width:360px;display:flex}.admin-left-col h2{text-transform:uppercase;background:#1a252f;border-bottom:1px solid #34495e;margin:0;padding:15px;font-size:14px}.customer-list{flex:1;overflow-y:auto}.customer-item{cursor:pointer;border-bottom:1px solid #34495e;padding:15px;transition:background .2s}.customer-item:hover{background:#34495e}.customer-item.active{background:#2980b9;border-left:4px solid #3498db}.customer-item h3{margin:0 0 5px;font-size:16px}.customer-item p{color:#bdc3c7;margin:0;font-size:14px;font-weight:700}.drafting-tab{background:#34495e;border-bottom:2px solid #1a252f}.drafting-tab:hover{background:#3b536b}.drafting-tab.active{background:#27ae60;border-left:4px solid #2ecc71}.admin-actions{background:#1a252f;padding:15px}.settings-panel{background:#fff;border-bottom:1px solid #ddd;flex-direction:column;gap:8px;padding:15px;display:flex}.settings-panel label{color:#7f8c8d;text-transform:uppercase;margin-top:5px;font-size:12px;font-weight:700}.settings-panel input,.settings-panel textarea{border:1px solid #ccc;border-radius:4px;width:100%;padding:8px;font-family:inherit}.chat-header{background:#f8f9fa;border-bottom:1px solid #ddd;padding:15px;font-weight:700}.chat-messages{flex-direction:column;flex:1;gap:10px;min-height:150px;padding:15px;display:flex;overflow-y:auto}.msg{border-radius:8px;max-width:85%;padding:10px;font-size:14px}.msg.me{color:#fff;background:#3498db;border-bottom-right-radius:0;align-self:flex-end}.msg.them{color:#333;background:#e0e0e0;border-bottom-left-radius:0;align-self:flex-start}.chat-input{padding:10px;padding-bottom:calc(15px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ddd;align-items:center;gap:5px;display:flex}.chat-input input[type=text]{border:1px solid #ccc;border-radius:4px;flex:1;margin:0;padding:8px}button{cursor:pointer;border:none;border-radius:4px;padding:10px 15px;font-weight:600;transition:opacity .2s}button:hover{opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}button.primary{color:#fff;background:#3498db;width:100%}button.success{color:#fff;background:#27ae60;width:100%}button.danger{color:#fff;background:#e74c3c;width:100%}button.outline{color:#fff;background:0 0;border:1px solid #fff;padding:6px 12px;font-size:12px}.customer-page-wrapper{height:100vh;background:#f0f2f5;flex-direction:column;height:100dvh;display:flex;overflow-y:auto}.customer-page-content{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1200px;margin:0 auto;padding:20px 20px 80px;display:flex}.customer-visualizer{flex-direction:column;width:100%;height:100%;display:flex}.customer-visualizer-container{background:#fff;border-radius:8px;height:600px;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000001a}.customer-chat-container{background:#fff;border-radius:8px;flex-direction:column;height:auto;margin-bottom:40px;display:flex;box-shadow:0 4px 6px #0000001a}.customer-chat-container .chat-messages{flex:none;height:auto;overflow-y:visible}.embed-container{background:#fff;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;padding:15px;position:relative}.embed-container iframe,.embed-container img,.embed-container video{border-radius:4px;max-width:100%}.chat-widget{width:100%;margin-top:8px;position:relative}.chat-widget iframe,.chat-widget video{border-radius:4px;max-width:100%}.fullscreen-overlay{width:100vw!important;height:100vh!important;z-index:1050!important;background:#000000d9!important;border-radius:0!important;flex-direction:column!important;max-width:none!important;height:100dvh!important;margin:0!important;padding:40px 20px 20px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.fullscreen-overlay>div{flex:1;justify-content:center;width:100%;height:100%;display:flex}.fullscreen-overlay iframe{background:#fff;width:100%;height:100%}.view-half{background:#fff;flex:1;min-height:0;transition:all .3s;position:relative}.view-half.fullscreen{width:100vw;height:100vh;z-index:1000;border-radius:0;height:100dvh;position:fixed;top:0;left:0;border:none!important}.expand-btn{color:#fff;z-index:10;cursor:pointer;background:#3498db;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:700;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 5px #0000004d}.expand-btn:hover{background:#2980b9}.close-fullscreen-btn{color:#fff;cursor:pointer;z-index:1001;background:#e74c3c;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:24px;font-weight:700;transition:background .2s,transform .2s;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 10px #0000004d}.close-fullscreen-btn:hover{background:#c0392b;transform:scale(1.05)}.accordion-container{background:#fff;border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex}.accordion-header{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#3498db;border-bottom:2px solid #fff;justify-content:space-between;align-items:center;padding:8px 15px;font-size:16px;font-weight:700;transition:background .2s;display:flex}.accordion-header:last-child{border-bottom:none}.accordion-header:hover{background:#2980b9}.accordion-content{background:#fff;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.accordion-content.embed-content{overflow-y:auto}.sidebar{z-index:20;background:#f8f9fa;border-right:1px solid #ddd;flex-direction:column;height:100%;transition:width .3s,min-width .3s;display:flex;overflow:hidden}.sidebar.open{width:350px;min-width:350px}.sidebar.closed{border-right:none;width:0;min-width:0}.sidebar-header{color:#fff;background:#2c3e50;flex-shrink:0;padding:20px 15px;font-size:18px;font-weight:700}.sidebar-content{flex:1;padding:15px;overflow-y:auto}.wall-group{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:15px}.wall-title{color:#333;align-items:center;gap:10px;margin-bottom:12px;font-size:20px;font-weight:700;display:flex}.wall-badge{color:#fff;background:#2563eb;border-radius:6px;padding:4px 10px;font-size:16px}.cat-title{text-transform:uppercase;color:#888;margin:12px 0 6px;font-size:14px;font-weight:700}.cab-item{background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;font-size:16px;display:flex}.cab-idx{margin-right:12px;font-weight:700}.cab-item.clickable{cursor:pointer}.cab-item.clickable:hover{border-color:#93c5fd}.cab-item.selected{box-shadow:0 0 0 2px #f9731640;border-color:#f97316!important}#kitchen-app-container{background-color:#fff;flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.control-panel{z-index:10;background:#fff;border-bottom:1px solid #e5e5eb;flex-direction:column;flex:none;display:flex}.input-row{align-items:center;gap:12px;padding:12px 16px;display:flex}.input-row.primary{background:#f0f7ff;border-bottom:1px solid #eef2f6;flex-direction:column;align-items:stretch;gap:12px;padding:15px 16px}.input-label{color:#555;white-space:nowrap;text-align:right;width:130px;font-size:14px;font-weight:600}.control-panel input,.control-panel textarea{color:#374151;resize:vertical;border:1px solid #d1d5db;border-radius:6px;outline:none;flex:1;margin:0;padding:8px;font-family:Consolas,Monaco,monospace;font-size:14px}.control-panel button{color:#fff;cursor:pointer;white-space:nowrap;background-color:#2563eb;border:none;border-radius:6px;width:auto;height:38px;padding:10px 20px;font-size:14px;font-weight:600}.left-controls{flex-direction:row;flex-shrink:0;gap:8px;display:flex}.control-panel button.toggle-view,.control-panel button.toggle-sidebar{background-color:#2c3e50;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:14px;display:flex}.viewport{touch-action:none;background-color:#fff;flex:auto;width:100%;height:100%;position:relative;overflow:hidden}.viewport.mode-2d{cursor:grab;background-image:radial-gradient(circle,#e5e7eb 1px,#0000 1px);background-size:20px 20px}.viewport.mode-2d:active{cursor:grabbing}svg{touch-action:none;width:100%;height:100%;display:block}.status-overlay{color:#6b7280;pointer-events:none;z-index:50;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:4px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px;left:12px}.details-card{z-index:60;color:#1f2937;cursor:default;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:236px;max-width:calc(100% - 20px);max-height:calc(100% - 20px);font-size:12px;position:absolute;top:10px;right:10px;overflow-y:auto;box-shadow:0 4px 14px #00000029}.details-card.at-left{max-height:calc(100% - 66px);top:56px;left:10px;right:auto}.details-card.lowered{max-height:calc(100% - 86px);top:76px}.details-card.at-bottom{top:auto;bottom:10px}.details-card.compact{max-height:55%}.details-card.minimized{width:auto;max-width:236px;overflow:hidden}.details-head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-bottom:1px solid #eef0f3;align-items:center;gap:2px;padding:5px 4px 5px 10px;display:flex;position:sticky;top:0}.details-head:active{cursor:grabbing}.details-card.minimized .details-head{border-bottom:none}.details-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}button.details-btn{color:#6b7280;background:0 0;border-radius:4px;flex-shrink:0;width:auto;height:auto;padding:2px 6px;font-size:14px;line-height:1}button.details-btn:hover{opacity:1;background:#f3f4f6}.details-table{border-collapse:collapse;width:100%}.details-table th{text-align:left;color:#6b7280;vertical-align:top;width:48%;padding:4px 6px 4px 10px;font-weight:600}.details-table td{font-variant-numeric:tabular-nums;word-break:break-word;padding:4px 10px 4px 0}.details-table tr+tr th,.details-table tr+tr td{border-top:1px solid #f3f4f6}.details-note{color:#6b7280;border-top:1px solid #f3f4f6;padding:5px 10px 7px;font-size:11px}.details-action{border-bottom:1px solid #eef0f3;padding:6px 10px}button.details-action-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;width:100%;height:auto;padding:6px 10px;font-size:12px;font-weight:700}.elev{width:100vw;height:100vh;z-index:1100;box-sizing:border-box;cursor:default;background:#fff;height:100dvh;padding:60px 16px 16px;position:fixed;top:0;left:0}button.elev-save{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:4px;width:auto;height:auto;padding:8px 14px;font-size:14px;font-weight:700;position:absolute;top:14px;left:16px;box-shadow:0 2px 5px #0003}.studio{width:100%;height:100%;min-height:0;display:flex}.bt-row.describe{padding-top:0}.dk{background:#fff;border-radius:6px;flex:1;min-width:0;display:flex;position:relative}.control-panel textarea.dk-text{z-index:1;color:#111827;background:0 0;border:1px solid #cbd5e1;width:100%;height:70px;min-height:44px;padding:7px 30px 7px 10px;font-size:14px;line-height:1.45;position:relative}.control-panel textarea.dk-text:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f62e}.dk-back{z-index:0;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;color:#0000;pointer-events:none;padding:7px 30px 7px 10px;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.45;position:absolute;top:1px;left:1px;overflow:hidden}.dk-back mark{color:#0000;background:#fed7aa;border-radius:2px}.dk-back mark.bad{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:3px;background:0 0;-webkit-text-decoration:underline wavy #dc2626;text-decoration:underline wavy #dc2626}.control-panel button.dk-clear{z-index:2;color:#94a3b8;background:0 0;border-radius:11px;width:22px;height:22px;padding:0;font-size:13px;font-weight:700;line-height:22px;position:absolute;top:5px;right:6px}.control-panel button.dk-clear:hover{color:#475569;opacity:1;background:#f1f5f9}.expand-btn.bl{top:auto;bottom:10px;left:10px}.viewport.admin-full{z-index:1000;border-radius:0;top:0;left:0;width:100vw!important;height:100vh!important;height:100dvh!important;position:fixed!important}.full-toggle{z-index:10;color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:4px;padding:8px 12px;font-size:14px;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 2px 5px #0000004d}.lv{background:#fff;border-right:1px solid #dfe3ea;flex-direction:column;width:440px;min-width:440px;height:100%;min-height:0;display:flex}.lv-title{color:#111827;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:8px;padding:8px 10px 8px 12px;font-size:15px;font-weight:700;display:flex}.lv-title .bad{color:#b91c1c;font-size:12px;font-weight:600}.lv-title .lv-sp{flex:1}button.lv-copy{color:#1f2937;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:auto;padding:4px 10px;font-size:12px;font-weight:600}button.lv-copy:hover{opacity:1;background:#f1f5f9}.lv-top{border-bottom:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 10px;display:flex}.lv-now{color:#1f2937;background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #f97316;border-radius:5px;padding:5px 9px;font-size:12.5px;line-height:1.4}.lv-now.bad{color:#b91c1c;background:#fef2f2;border-color:#fecaca #fecaca #fecaca #dc2626}.lv-now b{font-family:Consolas,Monaco,monospace}.lv-note{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:5px;padding:6px 9px;font-size:12px;line-height:1.4}.lv-warns{flex-direction:column;gap:3px;max-height:110px;display:flex;overflow-y:auto}.lv-warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:5px;flex-shrink:0;padding:4px 8px;font-size:12px;line-height:1.35}.lv-table{flex:1;min-height:0;position:relative;overflow-y:auto}table.lv-grid{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12.5px}.lv-grid col.c-num{width:48px}.lv-grid col.c-input{width:41%}.lv-grid col.c-wall{width:42px}.lv-grid th{z-index:2;text-align:left;color:#475569;background:#f1f5f9;border-bottom:1px solid #cbd5e1;border-right:1px solid #e2e8f0;padding:5px 7px;font-size:11.5px;font-weight:700;position:sticky;top:0}.lv-grid td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e5e7eb;border-right:1px solid #eef0f3;padding:4px 7px;line-height:1.35}.lv-grid th:last-child,.lv-grid td:last-child{border-right:none}.lv-row{cursor:pointer;background:#fff}.lv-row:hover{background:#eff6ff}.lv-num{color:#16a34a;font-weight:700}.lv-input{color:#111827;cursor:text;white-space:pre-wrap;outline:none;font-family:Consolas,Monaco,monospace}.lv-input:focus{background:#fff;box-shadow:inset 0 0 0 2px #3b82f6}.lv-input:empty:before{content:attr(data-placeholder);color:#94a3b8}.lv-wall{color:#16a34a;text-align:center;font-weight:700}.lv-result{color:#1f2937}.lv-result.upper{color:#b91c1c}.lv-row.plain .lv-result{color:#64748b}.lv-row.bad{background:#fef2f2}.lv-row.bad .lv-result{color:#b91c1c;font-weight:600}.lv-row.typing .lv-result{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lv-row.on{background:#fff7ed}.lv-row.on td:first-child{box-shadow:inset 3px 0 #f97316}.lv-add td{cursor:default;background:#fcfcfd}@media (max-width:1100px){.lv{width:360px;min-width:360px}}@media (max-width:760px){.studio{flex-direction:column-reverse}.lv{border-top:1px solid #dfe3ea;border-right:none;width:100%;min-width:0;height:38%}}.bt-row.code input[readonly]{color:#475569;background:#f8fafc}.bt-row{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.bt-row.code{padding-top:0}.bt-row.code input{border:1px solid #d1d5db;border-radius:6px;flex:1;min-width:120px;padding:8px;font-family:Consolas,Monaco,monospace;font-size:13px}.bt-row.code .input-label{width:auto}.control-panel{background:#f0f7ff}.control-panel button.bt{color:#1f2937;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:auto;height:34px;padding:7px 12px;font-size:13px;font-weight:600}.control-panel button.bt.dark{color:#fff;background:#2c3e50;border-color:#2c3e50}.control-panel button.bt.green{color:#fff;background:#27ae60;border-color:#27ae60}.bt-sep{background:#cbd5e1;width:1px;height:22px;margin:0 2px}@media (min-width:850px){.customer-page-wrapper{overflow:hidden}.customer-page-content{flex-direction:row;align-items:stretch;height:calc(100vh - 100px);padding-bottom:20px}.customer-visualizer-container{flex:2.5;height:100%;margin-bottom:0}.customer-chat-container{flex:1.5;min-width:380px;max-width:480px;height:100%;margin-bottom:0}.customer-chat-container .chat-messages{flex:1;height:0;overflow-y:auto}}