.designer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.designer-head h2{font-size:25px;margin:4px 0}.designer-head p{font-size:11px;color:var(--muted);margin:0}.designer-actions{display:flex;align-items:center;gap:9px}.designer-actions>span{font-size:9px;color:#4d9b75}.designer-shell{display:grid;grid-template-columns:205px minmax(410px,1fr) 325px;gap:14px;align-items:start}.designer-nav,.designer-editor,.live-preview{background:white;border:1px solid var(--line);border-radius:16px}.designer-nav{padding:13px;position:sticky;top:110px}.designer-nav>span{display:block;font-size:9px;color:var(--muted);padding:5px 8px 12px}.designer-nav button{width:100%;border:0;background:transparent;border-radius:11px;padding:11px 8px;display:grid;grid-template-columns:29px 1fr;text-align:right;gap:8px;align-items:center;color:var(--muted)}.designer-nav button+button{margin-top:4px}.designer-nav button>i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;background:var(--bg);border-radius:8px;font-size:8px}.designer-nav button strong,.designer-nav button small{display:block}.designer-nav button strong{font-size:10px;color:var(--ink)}.designer-nav button small{font-size:7px;margin-top:3px}.designer-nav button.active{background:var(--mint)}.designer-nav button.active>i{background:var(--green);color:white}.designer-editor{padding:21px;min-height:675px}.design-pane{display:none}.design-pane.active{display:block}.pane-title{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:18px}.pane-number{width:42px;height:42px;border-radius:12px;background:var(--green);color:white;display:grid;place-items:center;font-weight:800}.pane-title span{font-size:8px;color:var(--gold);font-weight:700}.pane-title h3{font-size:18px;margin:2px 0}.pane-title p{font-size:9px;color:var(--muted);margin:0}.settings-section{background:#fbfcfb;border:1px solid var(--line);border-radius:13px;padding:15px;margin-bottom:13px}.settings-title{margin-bottom:14px}.settings-title strong,.settings-title span{display:block}.settings-title strong{font-size:12px}.settings-title span{font-size:8px;color:var(--muted);margin-top:3px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-grid .wide{grid-column:1/-1}.settings-grid .field{margin:0}.settings-grid input{width:100%;background:white}.layout-target{display:flex;background:var(--bg);padding:4px;border-radius:10px;margin-bottom:14px}.layout-target button{flex:1;border:0;background:transparent;border-radius:7px;padding:8px;font-size:9px;color:var(--muted)}.layout-target button.active{background:white;color:var(--green);font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.05)}.field-order-list{display:grid;gap:8px}.field-order-item{display:grid;grid-template-columns:24px 35px 1fr auto auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:11px;background:white;padding:10px}.drag-mark{color:#b8c3be;letter-spacing:-2px}.field-order-item>i{font-style:normal;width:34px;height:34px;background:var(--mint);border-radius:9px;display:grid;place-items:center}.field-order-item strong,.field-order-item small{display:block}.field-order-item strong{font-size:10px}.field-order-item small{font-size:8px;color:var(--muted);margin-top:3px}.order-controls{display:flex;gap:3px}.order-controls button{border:1px solid var(--line);background:white;width:25px;height:25px;border-radius:7px;font-size:9px}.switch input{display:none}.switch i{display:block;width:32px;height:18px;border-radius:20px;background:#cbd4d0;position:relative;transition:.2s}.switch i:after{content:"";position:absolute;width:13px;height:13px;background:white;border-radius:50%;top:2.5px;right:3px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.switch input:checked+i{background:var(--green)}.switch input:checked+i:after{right:16px}.setting-note{display:flex;gap:10px;background:#f3f8f6;border-radius:11px;padding:12px;margin-top:15px;color:var(--green)}.setting-note strong,.setting-note p{display:block;margin:0}.setting-note strong{font-size:9px}.setting-note p{font-size:8px;margin-top:2px;color:var(--muted)}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.color-grid label{background:white;border:1px solid var(--line);padding:9px;border-radius:10px;display:flex;gap:9px;align-items:center}.color-grid input{width:32px;height:32px;padding:0;border:0;background:none}.color-grid strong,.color-grid small{display:block}.color-grid strong{font-size:9px}.color-grid small{font-size:8px;color:var(--muted);direction:ltr;margin-top:2px}.range-setting{margin:14px 0}.range-setting>div{display:flex;justify-content:space-between;font-size:10px}.range-setting span{color:var(--green);font-weight:700}.range-setting input{width:100%;accent-color:var(--green)}.density-options>strong{font-size:10px}.density-options>div{display:flex;gap:6px;margin-top:8px}.density-options button{flex:1;border:1px solid var(--line);background:white;border-radius:8px;padding:8px;font-size:9px}.density-options button.active{background:var(--green);color:white}.theme-presets>strong{font-size:10px}.theme-presets>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.theme-presets button{border:1px solid var(--line);background:white;border-radius:9px;padding:8px;text-align:right;font-size:9px}.theme-presets button i{display:inline-block;width:22px;height:11px;border-radius:6px;background:linear-gradient(90deg,var(--a) 50%,var(--b) 50%);vertical-align:middle;margin-left:5px}.portal-color-card{border:1px solid var(--line);border-radius:13px;padding:14px;margin-bottom:11px}.portal-card-head{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center}.portal-icon{width:35px;height:35px;border-radius:10px;background:var(--mint);display:grid;place-items:center;color:var(--green)}.portal-card-head strong,.portal-card-head span{display:block}.portal-card-head strong{font-size:11px}.portal-card-head span{font-size:8px;color:var(--muted);margin-top:3px}.portal-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.portal-colors label{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--muted);background:var(--bg);border-radius:8px;padding:7px}.portal-colors input{width:25px;height:25px;border:0;padding:0;background:none}.live-preview{position:sticky;top:110px;overflow:hidden}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.preview-head>div{display:flex;align-items:center;gap:6px;font-size:9px}.preview-head>div>i{width:6px;height:6px;border-radius:50%;background:#38a16f}.device-switch{background:var(--bg);padding:3px;border-radius:7px}.device-switch button{border:0;background:transparent;border-radius:5px;font-size:10px}.device-switch button.active{background:white;box-shadow:0 1px 4px rgba(0,0,0,.08)}.preview-frame{height:390px;margin:13px;background:#f6f8f6;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:42px 1fr;overflow:hidden;font-size:7px;transition:.3s}.preview-frame.mobile{width:180px;margin:13px auto;grid-template-columns:1fr}.preview-frame.mobile .preview-sidebar{display:none}.preview-sidebar{background:#17352b;padding:9px 7px}.preview-logo{width:26px;height:26px;border-radius:7px;background:#d99a42;display:grid;place-items:center;font-size:10px;font-weight:800}.preview-sidebar span{display:block;height:6px;background:rgba(255,255,255,.14);border-radius:4px;margin-top:14px}.preview-main{padding:11px}.preview-top{display:flex;justify-content:space-between}.preview-top i{width:14px;height:14px;border-radius:5px;background:white}.preview-hero{height:91px;border-radius:9px;background:linear-gradient(120deg,var(--preview-primary,#17352b),color-mix(in srgb,var(--preview-primary,#17352b),white 18%));color:white;margin-top:10px;padding:16px;display:flex;flex-direction:column;justify-content:center}.preview-hero small{color:var(--preview-accent,#d99a42)}.preview-hero strong{font-size:13px;margin:3px 0}.preview-hero span{font-size:6px;opacity:.75}.preview-title{display:flex;justify-content:space-between;margin:13px 0 7px}.preview-title i{width:50px;height:9px;background:white;border-radius:5px}.preview-products{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preview-products>div{background:white;border-radius:8px;padding:8px;display:grid}.preview-products span{font-size:20px;text-align:center}.preview-products b{margin-top:4px}.preview-products small{color:var(--preview-primary,#17352b)}.preview-main>button{width:100%;border:0;border-radius:7px;background:var(--preview-primary,#17352b);color:white;padding:7px;margin-top:9px;font-size:7px}.preview-status{padding:0 14px 13px;display:flex;justify-content:space-between}.preview-status span{font-size:7px;color:#3d936d}.preview-status small{font-size:6px;color:var(--muted)}.design-unsaved{color:#c37a35!important}.custom-hidden{display:none!important}
@media(max-width:1250px){.designer-shell{grid-template-columns:180px 1fr}.live-preview{grid-column:1/-1;position:relative;top:0}.preview-frame{max-width:420px;margin:13px auto}}
@media(max-width:850px){.designer-head{align-items:flex-start;flex-direction:column;gap:13px}.designer-actions{width:100%;flex-wrap:wrap}.designer-shell{grid-template-columns:1fr}.designer-nav{position:relative;top:0;display:grid;grid-template-columns:1fr 1fr}.designer-nav>span{grid-column:1/-1}.settings-grid,.color-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}}
@media(max-width:520px){.designer-nav{grid-template-columns:1fr}.designer-editor{padding:14px}.portal-colors{grid-template-columns:1fr}.theme-presets>div{grid-template-columns:1fr}.designer-actions>span{width:100%}}
.panel,.menu-card,.cart-panel,.order-card,.metric-card,.stat-card,.restaurant-panel{border-radius:var(--custom-radius,16px)}.menu-area{display:flex;flex-direction:column}body[data-density="compact"] .panel,body[data-density="compact"] .metric-card,body[data-density="compact"] .stat-card{padding:12px}body[data-density="spacious"] .panel,body[data-density="spacious"] .metric-card,body[data-density="spacious"] .stat-card{padding:24px}