:root{color:#1d2320;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}html,body,#root{height:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:256px minmax(0,1fr);height:100dvh;min-height:100vh;display:grid;overflow:hidden}.login-shell{background:#eef2ef;align-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dce4df;gap:18px;width:100%;max-width:440px;margin:0 auto;padding:28px;display:grid}.login-brand{color:#15201d}.login-card h1{margin:0;font-size:28px;line-height:1.08}.login-card p{color:#62706a;margin:7px 0 0}.login-card label{color:#4f5d57;gap:6px;font-size:13px;display:grid}.form-error{background:#fff3f1;border:1px solid #efb6ae;padding:10px 12px;color:#8c2f28!important;margin:0!important}.sidebar{color:#f4f0e8;background:#15201d;flex-direction:column;gap:22px;height:100dvh;min-height:0;padding:18px;display:flex;position:sticky;top:0;overflow:hidden}.brand{align-items:center;gap:10px;min-height:42px;display:flex}.brand span{color:#15201d;background:#e6b35f;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:inline-flex}.sidebar nav{flex:auto;align-content:start;gap:6px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.sidebar nav a,.sidebar-footer button,.button{cursor:pointer;border:0;align-items:center;gap:8px;min-height:38px;padding:9px 12px;display:inline-flex}.sidebar nav a{color:#dbe5df}.sidebar nav a:hover{background:#23332d}.sidebar-footer{border-top:1px solid #ffffff1f;flex:none;gap:12px;margin-top:0;padding-top:16px;display:grid}.sidebar-footer span{color:#aebbb5;font-size:13px}.sidebar-footer button{color:#f4f0e8;background:#23332d}.workspace{min-width:0;min-height:0;padding:26px;overflow-y:auto}.page-stack{gap:22px;display:grid}.page-title{align-items:center;gap:14px;display:flex}.page-title h1{margin:0;font-size:28px;line-height:1.1}.page-title p{color:#62706a;margin:5px 0 0}.page-title-icon{background:#fff;border:1px solid #dce4df;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.metrics article,.panel,.row-card,.editor-section,.media-tile,.designer-tools{background:#fff;border:1px solid #dce4df}.metrics article{gap:8px;padding:18px;display:grid}.metrics span,.quiet,.row-card span,.media-tile span,.media-tile small,.device-card small,.details dt{color:#62706a}.metrics strong{font-size:30px}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.panel{gap:16px;padding:20px;display:grid}.panel h2,.tool-group h2{margin:0;font-size:17px}.panel p{margin:0}.details{grid-template-columns:130px minmax(0,1fr);gap:9px 16px;margin:0;display:grid}.details dd,.details dt{margin:0}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.button{color:#fff;background:#1f6f62;font-weight:700}.button.secondary{color:#1d2320;background:#e6eee9}.button:disabled{cursor:progress;opacity:.64}.primary-action{justify-content:center;width:fit-content}.success{color:#1f6f62;margin:0;font-weight:700}.list-panel,.menu-editor,.item-editor-list,.media-grid{gap:14px;display:grid}.compact-form,.media-upload-panel,.screen-create-panel{align-content:start}.compact-form label,.media-upload-panel label,.screen-create-panel label{color:#4f5d57;gap:6px;font-size:13px;display:grid}.form-pair{grid-template-columns:minmax(0,1fr) 120px;gap:8px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.row-card{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.row-card>div:first-child{gap:4px;display:grid}.device-card{align-items:start}.device-controls{grid-template-columns:minmax(180px,1fr) 130px 130px 130px;align-items:center;gap:8px;min-width:min(100%,600px);display:grid}.device-controls span{text-align:right}.device-card a.quiet{overflow-wrap:anywhere;font-size:13px}.menu-editor{align-items:start}.editor-section{gap:12px;padding:16px;display:grid}.section-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}input,select,textarea{color:#1d2320;background:#f8faf8;border:1px solid #cad6cf;width:100%;min-height:38px;padding:8px 10px}textarea{resize:vertical;min-height:58px}.item-editor{background:#f8faf8;border:1px solid #dce4df;grid-template-columns:minmax(0,1fr) 220px;gap:12px;padding:12px;display:grid}.item-editor-main,.price-stack{gap:8px;display:grid}.price-stack label,.tool-group label{color:#4f5d57;gap:6px;font-size:13px;display:grid}.price-stack label{grid-template-columns:20px minmax(0,1fr);align-items:center}.switch{white-space:nowrap;align-items:center;gap:8px;display:inline-flex!important}.switch input{width:18px;min-height:18px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.media-tile{gap:10px;padding:12px;display:grid}.media-upload-panel{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr) auto;align-items:end}.media-tile img,.media-tile video{aspect-ratio:16/9;object-fit:cover;background:#15201d;width:100%}.upload-tile{align-content:center;justify-items:center;min-height:190px}.pairing-result{align-content:start}.pairing-result strong{color:#1f6f62;letter-spacing:.08em;font-size:44px}.designer-layout{grid-template-columns:380px minmax(0,1fr);gap:22px;display:grid}.designer-tools{align-self:start;gap:18px;padding:18px;display:grid}.tool-group{border-top:1px solid #dce4df;gap:12px;padding-top:16px;display:grid}.color-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.color-row input{padding:2px}.designer-preview,.preview-frame{min-width:0}.preview-frame{max-width:1280px}.loading{color:#15201d;place-content:center;align-items:center;gap:8px;min-height:100vh;display:grid}.loading.error{color:#8c2f28}.screen-preview{--screen-bg:#14110f;--screen-text:#fff7ec;--screen-accent:#f0b85a;--screen-muted:#c9b8a6;aspect-ratio:16/9;background:var(--screen-bg);color:var(--screen-text);gap:calc(18px * var(--font-scale));min-height:420px;padding:calc(34px * var(--font-scale));background-position:50%;background-size:cover;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.screen-preview.portrait{aspect-ratio:9/16;max-height:780px}.screen-header{z-index:1;justify-content:space-between;align-items:start;display:flex;position:relative}.screen-header span,.promo-panel span,.showcase-panel span{color:var(--screen-accent);font-size:calc(15px * var(--font-scale));letter-spacing:0;text-transform:uppercase;font-weight:800}.screen-header h1{font-size:calc(46px * var(--font-scale));margin:7px 0 0;line-height:1}.screen-header strong{border:1px solid color-mix(in srgb, var(--screen-accent) 60%, transparent);color:var(--screen-accent);padding:7px 10px}.menu-grid{gap:calc(18px * var(--font-scale));z-index:1;min-height:0;display:grid;position:relative}.template-promo-menu{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr)}.template-promo-menu .screen-header{grid-column:1/-1}.template-promo-menu .promo-panel{background:color-mix(in srgb, var(--screen-accent) 18%, transparent);border:1px solid color-mix(in srgb, var(--screen-accent) 55%, transparent);padding:calc(24px * var(--font-scale));align-self:stretch;gap:12px;display:grid}.promo-panel h2,.showcase-panel h2{font-size:calc(38px * var(--font-scale));margin:0;line-height:1.04}.promo-panel p,.showcase-panel p{color:var(--screen-muted);font-size:calc(18px * var(--font-scale));margin:0;line-height:1.35}.template-promo-menu .menu-grid{grid-template-columns:1fr!important}.template-coffee-showcase{grid-template-rows:auto minmax(0,1fr);grid-template-columns:.72fr 1fr}.template-coffee-showcase .screen-header{grid-column:1/-1}.template-coffee-showcase .showcase-panel{padding:calc(24px * var(--font-scale)) 0;align-self:stretch;display:grid}.template-coffee-showcase .menu-grid{grid-template-columns:1fr!important}.menu-category{gap:calc(13px * var(--font-scale));min-width:0;padding:calc(18px * var(--font-scale));background:#00000038;border:1px solid #ffffff21;display:grid}.category-head{gap:4px;display:grid}.category-head h3{color:var(--screen-accent);font-size:calc(25px * var(--font-scale));margin:0;line-height:1}.category-head span{color:var(--screen-muted);font-size:calc(13px * var(--font-scale))}.menu-items{gap:calc(12px * var(--font-scale));display:grid}.menu-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.menu-row strong{font-size:calc(20px * var(--font-scale));line-height:1.12}.menu-row p{color:var(--screen-muted);font-size:calc(13px * var(--font-scale));margin:5px 0 0;line-height:1.25}.menu-row b{color:var(--screen-text);font-size:calc(19px * var(--font-scale));white-space:nowrap;line-height:1.1}.item-title-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.item-title-line em{background:var(--screen-accent);color:#1d1712;font-size:calc(11px * var(--font-scale));padding:3px 6px;font-style:normal;font-weight:800}.density-compact .menu-category{padding:calc(13px * var(--font-scale))}.density-compact .menu-items{gap:calc(8px * var(--font-scale))}.density-spacious .menu-category{padding:calc(24px * var(--font-scale))}.density-spacious .menu-items{gap:calc(18px * var(--font-scale))}.template-poster-table{color:#302923;padding:calc(34px * var(--font-scale));background-color:#f4efe8;grid-template-rows:1fr}.poster-table-board{gap:calc(16px * var(--font-scale));height:100%;min-height:0;display:grid}.poster-title{padding-bottom:calc(14px * var(--font-scale));border-bottom:3px solid;gap:3px;display:grid}.poster-title h1{color:var(--screen-text);margin:0;font-size:clamp(62px,10vw,132px);line-height:.86}.poster-title span{color:var(--screen-muted);font-size:calc(14px * var(--font-scale));text-transform:uppercase;font-weight:800}.poster-price-head,.poster-section,.poster-row{gap:calc(16px * var(--font-scale));grid-template-columns:minmax(110px,.36fr) minmax(0,1fr) minmax(96px,.26fr);display:grid}.poster-price-head{color:var(--screen-accent);font-size:calc(17px * var(--font-scale));align-items:end;font-weight:800}.poster-sections{gap:calc(14px * var(--font-scale));min-height:0;display:grid}.poster-section h2{font-size:calc(21px * var(--font-scale));margin:0;line-height:1.05}.poster-rows{display:grid}.poster-row{border-bottom:1px solid color-mix(in srgb, var(--screen-text) 55%, transparent);min-height:calc(30px * var(--font-scale));align-items:baseline}.poster-row span{color:var(--screen-accent);text-align:right;font-weight:900}.poster-row strong{font-size:calc(22px * var(--font-scale));line-height:1.08}.poster-row b{font-size:calc(22px * var(--font-scale));text-align:right;white-space:nowrap;line-height:1.08}@media (width<=980px){.app-shell,.designer-layout,.two-column,.metrics,.item-editor,.media-upload-panel,.device-controls{grid-template-columns:1fr}.device-controls span{text-align:left}.app-shell{height:auto;min-height:100vh;overflow:visible}.sidebar{height:auto;min-height:0;position:static;overflow:visible}.sidebar nav{flex:none;padding-right:0;overflow:visible}.workspace{overflow:visible}}