:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#faf5ed;--foreground:#241e19;--card:#fff;--muted:#f1ece4;--muted-foreground:#5e5a55;--primary:#204f40;--primary-dark:#0b362a;--primary-foreground:#f4faf5;--primary-soft:#e9e4d7;--warning:#d8953d;--destructive:#c53732;--border:#d9d3cc;--ring:#1f5c4a;--sidebar:#1c110b;--shadow:color-mix(in oklch, var(--foreground) 8%, transparent);--strong-shadow:color-mix(in oklch, var(--foreground) 14%, transparent);font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif}@supports (color:lab(0% 0 0)){:root{--background:lab(96.786% .703365 4.53194);--foreground:lab(11.8062% 2.51749 4.78258);--card:lab(100% 0 0);--muted:lab(93.6539% .704587 4.53277);--muted-foreground:lab(38.5283% 1.06967 3.66868);--primary:lab(30.0052% -20.0439 3.68541);--primary-dark:lab(19.4853% -18.0884 3.31038);--primary-foreground:lab(97.8148% -2.95287 1.8782);--primary-soft:lab(90.8172% -.183046 6.91111);--warning:lab(67.2843% 20.4075 55.0768);--destructive:lab(46.0249% 56.4689 37.9874);--border:lab(84.9482% .847787 4.50604);--ring:lab(34.803% -24.2807 4.45269);--sidebar:lab(6.09412% 4.72301 4.64555)}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(circle at top left, color-mix(in oklch, var(--primary) 14%, transparent), transparent 24%), radial-gradient(circle at 100% 0%, color-mix(in oklch, var(--warning) 11%, transparent), transparent 18%), linear-gradient(180deg, color-mix(in oklch, var(--background) 86%, white), var(--background));color:var(--foreground);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:clamp(.96rem,.9rem + .18vw,1.04rem);line-height:1.55;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.68}img,svg{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,legend,.printer-chip strong,.item-title-row strong{font-family:Georgia,Times New Roman,serif}h1{color:var(--foreground);letter-spacing:-.055em;margin-bottom:0;font-size:clamp(2rem,1.45rem + 2vw,3.25rem);font-weight:700;line-height:.95}h2{letter-spacing:-.025em;margin-bottom:0;font-size:1.1rem}code{background:color-mix(in oklch, var(--primary-soft) 74%, white);border-radius:6px;padding:2px 5px}.app-shell{background:radial-gradient(circle at top left, color-mix(in oklch, var(--primary) 14%, transparent), transparent 24%), radial-gradient(circle at 100% 0%, color-mix(in oklch, var(--warning) 11%, transparent), transparent 18%), linear-gradient(180deg, color-mix(in oklch, var(--background) 86%, white), var(--background));min-height:100vh;color:var(--foreground);padding:24px;transition:background .18s,color .18s}.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#1a2024;--foreground:#edf0ee;--card:#252b2f;--muted:#2d3438;--muted-foreground:#bcbebd;--primary:#548679;--primary-dark:#7cb1a3;--primary-foreground:#edf4ee;--primary-soft:#31413d;--border:#42494d;--ring:#548679;--sidebar:#1d1310;--shadow:#0003;--strong-shadow:#00000057}@supports (color:lab(0% 0 0)){.theme-dark{--background:lab(11.8675% -2.15007 -3.69109);--foreground:lab(94.4864% -1.23423 .631893);--card:lab(17.0886% -2.17322 -3.70131);--muted:lab(21.1492% -2.18658 -3.70745);--muted-foreground:lab(76.8544% -1.27867 .508678);--primary:lab(52.0271% -20.0117 1.36738);--primary-dark:lab(68.293% -20.6251 1.41172);--primary-foreground:lab(95.4948% -2.9529 1.87827);--primary-soft:lab(26.0435% -7.52643 .51626);--border:lab(30.4303% -2.20813 -3.71777);--ring:lab(52.0271% -20.0117 1.36738);--sidebar:lab(7.11843% 4.55982 3.94475);--shadow:lab(0% 0 0/.2);--strong-shadow:lab(0% 0 0/.34)}}.workspace{width:min(100%,1640px);margin:0 auto}.topbar{z-index:10;border:1px solid color-mix(in oklch, var(--border) 84%, transparent);background:radial-gradient(circle at top right, color-mix(in oklch, var(--primary-soft) 54%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in oklch, var(--card) 96%, white 4%), color-mix(in oklch, var(--muted) 82%, var(--card)));box-shadow:0 18px 36px color-mix(in oklch, var(--foreground) 5%, transparent), inset 0 1px 0 #ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;padding:18px 22px;display:flex;position:sticky;top:0}@supports (color:lab(0% 0 0)){.topbar{box-shadow:0 18px 36px color-mix(in oklch, var(--foreground) 5%, transparent), inset 0 1px 0 lab(100% 0 0/.72)}}.brand-lockup,.topbar-actions,.panel-heading,.preview-header,.button-row,.two-columns{align-items:center;gap:12px;display:flex}.brand-lockup{min-width:0}.brand-mark{border:1px solid color-mix(in oklch, var(--primary) 20%, transparent);background:color-mix(in oklch, var(--card) 94%, white);object-fit:contain;width:52px;height:52px;box-shadow:0 14px 28px color-mix(in oklch, var(--primary) 20%, transparent), inset 0 1px 0 #ffffffa3;border-radius:18px;flex:0 0 52px;padding:6px}@supports (color:lab(0% 0 0)){.brand-mark{box-shadow:0 14px 28px color-mix(in oklch, var(--primary) 20%, transparent), inset 0 1px 0 lab(100% 0 0/.64)}}.eyebrow,.mini-eyebrow{color:color-mix(in oklch, var(--primary) 90%, black 6%);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:900}.mini-eyebrow{margin-bottom:4px;font-size:10px}.printer-chip,.status-pill,.connection-pill{border:1px solid color-mix(in oklch, var(--border) 84%, transparent);background:color-mix(in oklch, var(--card) 92%, transparent)}.printer-chip{min-width:170px;box-shadow:0 10px 24px color-mix(in oklch, var(--foreground) 5%, transparent), inset 0 1px 0 #ffffffa3;border-radius:18px;gap:2px;padding:11px 14px;display:grid}@supports (color:lab(0% 0 0)){.printer-chip{box-shadow:0 10px 24px color-mix(in oklch, var(--foreground) 5%, transparent), inset 0 1px 0 lab(100% 0 0/.64)}}.printer-chip span,.printer-chip strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.printer-chip span{color:var(--muted-foreground);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.printer-chip strong{color:var(--foreground);font-size:1rem}.theme-toggle{border:1px solid var(--border);background:color-mix(in oklch, var(--card) 90%, transparent);min-width:160px;min-height:46px;box-shadow:0 10px 22px color-mix(in oklch, var(--foreground) 5%, transparent);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.theme-toggle button{min-height:36px;color:var(--muted-foreground);background:0 0;border-radius:999px;font-size:.86rem}.theme-toggle button.active{background:var(--primary);color:var(--primary-foreground)}.layout{grid-template-columns:minmax(320px,420px) minmax(420px,1fr);align-items:start;gap:16px;display:grid}.panel,.preview-zone{border:1px solid var(--border);background:var(--card);box-shadow:0 1px 2px var(--shadow), 0 22px 42px color-mix(in oklch, var(--foreground) 4%, transparent);border-radius:24px}.panel{padding:22px}.panel-heading,.preview-header{justify-content:space-between;margin-bottom:16px}.panel-heading h2,.items-header h2,.preview-header h2,.bluetooth-card-head h2{color:var(--foreground);font-size:clamp(1.2rem,1.08rem + .45vw,1.55rem)}.controls,.receipt-items-editor,.bluetooth-box{gap:14px;display:grid}.items-header,.item-title-row,.bluetooth-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.receipt-item-editor,fieldset,.device-summary{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in oklch, var(--muted) 92%, white 8%), var(--muted));border-radius:18px;box-shadow:inset 0 1px #ffffff7a;box-shadow:inset 0 1px lab(100% 0 0/.48)}.receipt-item-editor{gap:10px;padding:14px;display:grid}.item-title-row strong{color:var(--foreground);font-size:1rem}.bluetooth-box{border-top:1px solid var(--border);padding-top:16px}.connection-pill{min-height:34px;color:var(--muted-foreground);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:.72rem;font-weight:900;display:inline-flex}.connection-pill.connected{border-color:color-mix(in oklch, var(--primary) 18%, transparent);background:color-mix(in oklch, var(--primary) 18%, transparent);color:var(--primary-dark)}.device-summary{align-items:center;gap:10px;padding:12px;display:flex}.device-dot{background:var(--destructive);width:12px;height:12px;box-shadow:0 0 0 4px color-mix(in oklch, var(--destructive) 18%, transparent);border-radius:50%;flex:0 0 12px}.device-summary strong,.device-summary span{display:block}.device-summary strong{color:var(--foreground);font-size:.95rem}.device-summary span,.input-help,.field-help span,.preview-header p,.hint{color:var(--muted-foreground);font-size:.88rem;line-height:1.4}.bluetooth-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.print-site-button{width:100%}label,fieldset{color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;gap:7px;font-size:.86rem;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in oklch, var(--card) 94%, white 6%), var(--card));width:100%;min-height:48px;color:var(--foreground);border-radius:14px;outline:none;padding:12px 13px;font-size:16px;box-shadow:inset 0 1px #ffffff80;box-shadow:inset 0 1px lab(100% 0 0/.5)}input:focus,select:focus,textarea:focus,button:focus-visible{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklch, var(--ring) 28%, transparent), 0 12px 24px color-mix(in oklch, var(--ring) 10%, transparent)}textarea{resize:vertical;text-transform:none}.two-columns{align-items:start}.two-columns>*{flex:1}fieldset{padding:14px}legend{color:var(--foreground);letter-spacing:-.02em;text-transform:none;padding:0 6px;font-size:1rem}.field-help{color:var(--foreground);text-transform:none;gap:3px;display:grid}.field-help strong{color:var(--foreground);letter-spacing:0;font-size:.95rem}.logo-control{text-transform:none}.logo-preview-shell{border:1px dashed color-mix(in oklch, var(--primary) 32%, var(--border));background:linear-gradient(45deg, color-mix(in oklch, var(--muted) 74%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in oklch, var(--muted) 74%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in oklch, var(--muted) 74%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in oklch, var(--muted) 74%, transparent) 75%), var(--card);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:16px;place-items:center;min-height:96px;padding:12px;display:grid}.logo-preview{object-fit:contain;max-height:82px}.empty-logo-state{border:1px dashed var(--border);color:var(--muted-foreground);background:color-mix(in oklch, var(--muted) 74%, transparent);border-radius:14px;margin:0;padding:14px;font-size:.9rem;font-weight:700}.logo-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.toggle{color:var(--foreground);letter-spacing:0;text-transform:none;align-items:center;gap:9px;font-weight:700;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--primary)}.field-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-check{color:var(--foreground);letter-spacing:0;text-transform:none;white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:inline-flex}.inline-check input{width:17px;height:17px;accent-color:var(--primary)}button{border:0;border-radius:14px;min-height:44px;font-weight:850;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s,color .18s,opacity .18s}.primary-button,.secondary-button,.ghost-button{box-shadow:0 10px 22px color-mix(in oklch, var(--foreground) 5%, transparent)}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){transform:translateY(-1px)scale(1.01)}.primary-button{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 88%, white 12%), color-mix(in oklch, var(--primary) 68%, black 16%));color:var(--primary-foreground);flex:1.2}.secondary-button{background:var(--sidebar);color:var(--primary-foreground);flex:1}.ghost-button{background:linear-gradient(135deg, color-mix(in oklch, var(--primary-soft) 82%, white 18%), color-mix(in oklch, var(--primary-soft) 94%, transparent));min-height:38px;color:var(--primary-dark);padding:0 13px}.preview-zone{overflow:hidden}.preview-header{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in oklch, var(--muted) 92%, white 8%), var(--muted));margin:0;padding:18px 22px}.preview-header p,.hint{margin-bottom:0}.receipt-layout{grid-template-columns:minmax(320px,420px) minmax(360px,.9fr)}.receipt-stage{background:radial-gradient(circle at top right, color-mix(in oklch, var(--primary-soft) 58%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in oklch, var(--muted) 96%, white 4%), color-mix(in oklch, var(--card) 98%, white 2%));place-items:start center;min-height:620px;padding:34px;display:grid}.receipt-preview{--receipt-feed:10mm;border:1px dashed color-mix(in oklch, var(--foreground) 36%, transparent);width:58mm;box-shadow:0 18px 35px var(--strong-shadow);color:#111;background:#fff;padding:4mm 3mm 0;font-family:Courier New,monospace;font-size:13px;line-height:1.25}.receipt-preview.receipt-80{width:80mm;padding-inline:4mm}.receipt-preview header{text-align:center}.receipt-preview header strong{font-size:15px;line-height:1.2;display:block}.receipt-logo{object-fit:contain;filter:grayscale()contrast(1.15);max-width:48mm;max-height:18mm;margin:0 auto 6px;display:block}.receipt-divider{background:repeating-linear-gradient(90deg,#111 0 8px,#0000 8px 12px);height:1px;margin:8px 0}.receipt-preview h3{margin:0 0 10px;font-size:15px;line-height:1.25}.receipt-items-preview{gap:8px;margin-bottom:12px;display:grid}.receipt-item-preview{gap:2px;display:grid}.receipt-item-preview strong,.receipt-item-preview span{overflow-wrap:anywhere}.receipt-item-preview span{text-align:right}.receipt-preview dl{gap:4px;margin:0 0 12px;display:grid}.receipt-preview dl div{justify-content:space-between;gap:10px;display:flex}.receipt-preview dt{color:#555}.receipt-preview dd{text-align:right;margin:0;font-weight:700}.receipt-total{text-align:right;border-top:2px solid #111;border-bottom:2px solid #111;margin:10px 0 12px;padding:8px 0;font-size:22px;font-weight:900}.receipt-note{overflow-wrap:anywhere;margin:10px 0 0}.receipt-end-space{height:var(--receipt-feed)}.segmented-control{grid-template-columns:1fr 1fr;gap:8px;display:grid}.paper-width-control button{min-height:52px}.segmented-control button{border:1px solid var(--border);background:var(--card);color:var(--foreground)}.segmented-control button.active{background:var(--primary);color:var(--primary-foreground)}pre{border:1px solid color-mix(in oklch, var(--sidebar) 80%, black);background:var(--sidebar);color:#e8f5ef;white-space:pre-wrap;border-radius:18px;min-height:440px;max-height:560px;margin:16px 0 0;padding:14px;font-size:.82rem;line-height:1.5;overflow:auto}.topbar-actions{justify-content:flex-end}@media (max-width:1120px){.layout,.receipt-layout{grid-template-columns:340px 1fr}pre{min-height:250px}}@media (max-width:820px){.app-shell{padding:10px}.topbar,.topbar-actions,.layout,.receipt-layout,.two-columns,.button-row,.preview-header{display:grid}.topbar{border-radius:20px;gap:14px;margin-bottom:12px;padding:14px;position:relative}.layout,.receipt-layout{grid-template-columns:1fr;gap:12px}.brand-lockup{align-items:flex-start}.brand-lockup>div{min-width:0}.topbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-toggle{grid-column:1/-1;width:100%;min-width:0}.bluetooth-actions{grid-template-columns:1fr}.printer-chip{border-radius:16px;min-width:auto;padding:10px 12px}.brand-mark{border-radius:16px;flex-basis:44px;width:44px;height:44px}.eyebrow{margin-bottom:4px;font-size:10px}h1{letter-spacing:-.04em;font-size:clamp(1.85rem,9vw,2.35rem)}.panel{border-radius:20px;padding:14px}.controls,.receipt-items-editor,.bluetooth-box{gap:12px}.receipt-item-editor,fieldset,.device-summary{border-radius:16px}.preview-zone{border-radius:20px;order:-1}.preview-header{grid-template-columns:1fr;gap:4px;padding:14px}.preview-header p{font-size:.82rem}.receipt-stage{-webkit-overflow-scrolling:touch;place-items:start center;min-height:auto;padding:14px;overflow-x:auto}.receipt-preview{max-width:100%;box-shadow:0 10px 24px var(--strong-shadow);flex:none;font-size:12px}.receipt-logo{max-width:44mm;max-height:16mm}.field-label-row{gap:8px}.inline-check{font-size:.82rem}.inline-check input,.toggle input{width:20px;height:20px;min-height:20px}.logo-actions{grid-template-columns:1fr}.paper-width-control button,.theme-toggle button,.ghost-button,.primary-button,.secondary-button{min-height:48px}}@media (max-width:480px){.topbar-actions{grid-template-columns:1fr}.panel-heading,.items-header,.item-title-row,.bluetooth-card-head{flex-direction:column;align-items:flex-start}.ghost-button,.primary-button,.secondary-button{width:100%}.receipt-stage{padding:10px}.receipt-preview{font-size:11.5px}.receipt-preview.receipt-80{padding-inline:3mm}}@media print{body{background:#fff}body *{visibility:hidden}.receipt-preview,.receipt-preview *{visibility:visible}.receipt-preview{width:58mm;min-height:0;box-shadow:none;border:0;padding:3mm 3mm 0;position:absolute;inset:0 auto auto 0}.receipt-preview.receipt-80{width:80mm;padding-inline:4mm}@page{size:auto;margin:0}}
