@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";.numbers-panel{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--ui-panel-border);border-radius:24px;background:radial-gradient(520px circle at 6% -10%,var(--ui-panel-glow),transparent 46%),linear-gradient(160deg,var(--ui-panel-bg-start) 0%,var(--ui-panel-bg-end) 100%);box-shadow:0 20px 45px var(--ui-panel-shadow);height:100%;min-height:0;overflow:hidden}.numbers-panel h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:700;color:var(--ui-text)}.numbers-panel textarea{width:100%;flex:1 1 auto;min-height:220px;max-height:100%;resize:none;overflow-y:auto;padding:14px 15px;border-radius:14px;border:1px solid var(--ui-input-border);background:var(--ui-input-bg);color:var(--ui-text);font-family:Manrope,sans-serif;font-size:1rem;line-height:1.4;box-shadow:inset 0 1px 0 var(--ui-input-inset)}.numbers-panel textarea:focus{outline:none;border-color:var(--ui-focus-border);box-shadow:0 0 0 3px var(--ui-focus-shadow)}.numbers-panel textarea::placeholder{color:var(--ui-text-soft)}.numbers-panel .numbers-hint{margin:0;font-size:.84rem;color:var(--ui-text-soft)}.numbers-panel textarea::-webkit-scrollbar{width:9px}.numbers-panel textarea::-webkit-scrollbar-track{background:var(--ui-scrollbar-track);border-radius:999px}.numbers-panel textarea::-webkit-scrollbar-thumb{background:var(--ui-scrollbar-thumb);border-radius:999px}@media (max-width: 1100px){.numbers-panel textarea{min-height:180px}}@media (max-width: 720px){.numbers-panel{padding:14px;border-radius:20px}}.settings-panel{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--ui-panel-border);border-radius:24px;background:radial-gradient(580px circle at 5% -15%,var(--ui-panel-glow),transparent 45%),linear-gradient(160deg,var(--ui-panel-bg-start) 0%,var(--ui-panel-bg-end) 100%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 20px 45px var(--ui-panel-shadow);box-sizing:border-box;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;color-scheme:var(--ui-color-scheme)}.settings-panel__header{display:flex;flex-direction:column;gap:12px}.settings-panel h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.08rem;font-weight:700;letter-spacing:.02em;color:var(--ui-text)}.settings-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px}.settings-tab-button{flex:0 0 auto;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid var(--ui-tab-border);background:var(--ui-tab-bg);color:var(--ui-text);font-family:Manrope,sans-serif;font-size:.84rem;font-weight:700;line-height:1.2;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,filter .16s ease,background-color .16s ease,color .16s ease}.settings-tab-button:hover{border-color:var(--ui-tab-border-hover);box-shadow:0 8px 16px var(--ui-tab-shadow)}.settings-tab-button.active{border-color:var(--ui-tab-active-border);background:var(--ui-tab-active-bg);color:var(--ui-tab-active-text);box-shadow:0 12px 22px var(--ui-tab-active-shadow)}.settings-panel .setting-tab{flex:1 1 auto;min-height:0;overflow:visible;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row dense;gap:10px 14px;align-content:start;align-items:start;padding:12px;border-radius:14px;border:1px solid var(--ui-setting-surface-border);background:var(--ui-setting-surface-bg)}.settings-panel .setting-item{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-bottom:0;min-width:0;max-width:none;width:auto!important}.settings-panel label{margin-right:0;font-size:.82rem;line-height:1.3;color:var(--ui-text-soft)}.settings-panel input,.settings-panel select{width:100%;border-radius:12px;border:1px solid var(--ui-input-border);background:var(--ui-input-bg);color:var(--ui-text);font-family:Manrope,sans-serif;font-size:.9rem;padding:10px 12px;box-shadow:inset 0 1px 0 var(--ui-input-inset);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.settings-panel input:focus,.settings-panel select:focus{outline:none;border-color:var(--ui-focus-border);box-shadow:0 0 0 3px var(--ui-focus-shadow)}.settings-panel::-webkit-scrollbar,.settings-tabs::-webkit-scrollbar{width:8px;height:8px}.settings-panel::-webkit-scrollbar-track,.settings-tabs::-webkit-scrollbar-track{background:var(--ui-scrollbar-track);border-radius:999px}.settings-panel::-webkit-scrollbar-thumb,.settings-tabs::-webkit-scrollbar-thumb{background:var(--ui-scrollbar-thumb);border-radius:999px}@media (max-width: 1100px){.settings-tabs{gap:6px}}@media (max-width: 640px){.settings-panel{padding:14px;border-radius:20px}.settings-panel .setting-tab{grid-template-columns:1fr!important}}@font-face{font-family:TTCommons-DemiBold;src:url(/assets/TTCommons-DemiBold-CKhTk-Fg.otf) format("opentype")}@font-face{font-family:TTCommons-BoldItalic;src:url(/assets/TTCommons-BoldItalic-CJf8C2xF.otf) format("opentype")}@font-face{font-family:roadnumbers;src:url(/assets/roadnumbers-Bt1Sg65X.otf) format("opentype")}@font-face{font-family:MTSWide-Bold;src:url(/assets/MTSWide-Bold-fDwMXMs_.ttf) format("truetype")}:root,:root[data-theme=dark]{--brand-primary: #8044ff;--brand-dark: #4a258b;--brand-light: #f3e3ff;--brand-white: #ffffff;--ui-color-scheme: dark;--ui-text: #f3eaff;--ui-text-soft: #b8a8e2;--ui-panel-border: rgba(128, 68, 255, .38);--ui-panel-glow: rgba(128, 68, 255, .32);--ui-panel-bg-start: rgba(20, 12, 38, .92);--ui-panel-bg-end: rgba(13, 8, 26, .96);--ui-panel-shadow: rgba(10, 5, 24, .45);--ui-input-bg: rgba(11, 7, 22, .84);--ui-input-border: rgba(128, 68, 255, .42);--ui-input-inset: rgba(255, 255, 255, .04);--ui-focus-border: rgba(128, 68, 255, .95);--ui-focus-shadow: rgba(128, 68, 255, .25);--ui-tab-border: rgba(128, 68, 255, .44);--ui-tab-bg: linear-gradient(140deg, rgba(32, 18, 62, .8), rgba(20, 12, 40, .9));--ui-tab-border-hover: rgba(243, 227, 255, .72);--ui-tab-shadow: rgba(11, 6, 25, .4);--ui-tab-active-border: rgba(243, 227, 255, .9);--ui-tab-active-bg: linear-gradient(135deg, #4a258b 0%, #8044ff 55%, #a580ff 100%);--ui-tab-active-text: #f8f2ff;--ui-tab-active-shadow: rgba(74, 37, 139, .4);--ui-setting-surface-bg: rgba(18, 10, 34, .66);--ui-setting-surface-border: rgba(128, 68, 255, .28);--ui-scrollbar-track: rgba(11, 7, 22, .45);--ui-scrollbar-thumb: rgba(128, 68, 255, .55);--ui-preview-glow-1: rgba(128, 68, 255, .2);--ui-preview-glow-2: rgba(74, 37, 139, .22);--ui-preview-bg-start: #1a1030;--ui-preview-bg-end: #140b28;--ui-preview-shadow: rgba(2, 7, 17, .55);--ui-canvas-bg: #ffffff;--ui-canvas-text: #130c24;--ui-canvas-shadow: rgba(7, 15, 26, .28);--ui-canvas-inset: rgba(9, 18, 28, .06);--ui-body-grad-1: rgba(128, 68, 255, .35);--ui-body-grad-2: rgba(74, 37, 139, .34);--ui-body-base-start: #0a0615;--ui-body-base-mid: #120b22;--ui-body-base-end: #0b0716;--ui-action-secondary-bg: linear-gradient(140deg, rgba(32, 18, 62, .8), rgba(20, 12, 40, .9));--ui-action-secondary-text: #f3eaff;--ui-action-secondary-border: rgba(128, 68, 255, .44);--ui-action-secondary-shadow: rgba(11, 6, 25, .35);--ui-action-primary-bg: linear-gradient(135deg, #4a258b 0%, #8044ff 56%, #f3e3ff 115%);--ui-action-primary-text: #1b1234;--ui-action-primary-shadow: rgba(74, 37, 139, .34)}:root[data-theme=light]{--ui-color-scheme: light;--ui-text: #2f1f56;--ui-text-soft: #715b97;--ui-panel-border: rgba(88, 43, 169, .24);--ui-panel-glow: rgba(128, 68, 255, .24);--ui-panel-bg-start: rgba(255, 255, 255, .94);--ui-panel-bg-end: rgba(244, 237, 255, .96);--ui-panel-shadow: rgba(58, 32, 112, .16);--ui-input-bg: rgba(255, 255, 255, .95);--ui-input-border: rgba(128, 68, 255, .3);--ui-input-inset: rgba(255, 255, 255, .9);--ui-focus-border: rgba(88, 43, 169, .75);--ui-focus-shadow: rgba(128, 68, 255, .2);--ui-tab-border: rgba(128, 68, 255, .34);--ui-tab-bg: linear-gradient(140deg, rgba(255, 255, 255, .92), rgba(242, 233, 255, .95));--ui-tab-border-hover: rgba(88, 43, 169, .58);--ui-tab-shadow: rgba(88, 43, 169, .2);--ui-tab-active-border: rgba(88, 43, 169, .75);--ui-tab-active-bg: linear-gradient(135deg, #6f39d4 0%, #8044ff 56%, #ad8cff 100%);--ui-tab-active-text: #ffffff;--ui-tab-active-shadow: rgba(88, 43, 169, .28);--ui-setting-surface-bg: rgba(255, 255, 255, .72);--ui-setting-surface-border: rgba(128, 68, 255, .24);--ui-scrollbar-track: rgba(128, 68, 255, .12);--ui-scrollbar-thumb: rgba(128, 68, 255, .38);--ui-preview-glow-1: rgba(128, 68, 255, .22);--ui-preview-glow-2: rgba(74, 37, 139, .14);--ui-preview-bg-start: #f8f4ff;--ui-preview-bg-end: #f1eaff;--ui-preview-shadow: rgba(58, 32, 112, .14);--ui-canvas-bg: #ffffff;--ui-canvas-text: #1c1431;--ui-canvas-shadow: rgba(58, 32, 112, .18);--ui-canvas-inset: rgba(74, 37, 139, .08);--ui-body-grad-1: rgba(128, 68, 255, .24);--ui-body-grad-2: rgba(164, 127, 255, .24);--ui-body-base-start: #faf7ff;--ui-body-base-mid: #f1eaff;--ui-body-base-end: #ece3ff;--ui-action-secondary-bg: linear-gradient(140deg, rgba(255, 255, 255, .92), rgba(242, 233, 255, .95));--ui-action-secondary-text: #3f2a6d;--ui-action-secondary-border: rgba(128, 68, 255, .34);--ui-action-secondary-shadow: rgba(88, 43, 169, .18);--ui-action-primary-bg: linear-gradient(135deg, #5b2fa8 0%, #8044ff 56%, #c6a9ff 115%);--ui-action-primary-text: #ffffff;--ui-action-primary-shadow: rgba(88, 43, 169, .24)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{color-scheme:var(--ui-color-scheme)}body{font-family:Manrope,sans-serif;color:var(--ui-text);background:radial-gradient(1000px circle at 0% 0%,var(--ui-body-grad-1),transparent 44%),radial-gradient(900px circle at 100% 16%,var(--ui-body-grad-2),transparent 54%),linear-gradient(145deg,var(--ui-body-base-start) 0%,var(--ui-body-base-mid) 55%,var(--ui-body-base-end) 100%);transition:background .25s ease,color .25s ease}#app{width:100%;min-height:100vh}.app-layout{display:grid;grid-template-columns:clamp(300px,28vw,380px) minmax(0,1fr);gap:14px;padding:12px;height:100vh;width:100%}.left-column{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0}.left-actions-panel{display:grid;grid-template-columns:1fr;gap:10px;padding:14px;border:1px solid var(--ui-panel-border);border-radius:20px;background:radial-gradient(560px circle at 8% -25%,var(--ui-panel-glow),transparent 45%),linear-gradient(160deg,var(--ui-panel-bg-start) 0%,var(--ui-panel-bg-end) 100%);box-shadow:0 16px 32px var(--ui-panel-shadow)}.theme-toggle-button,.left-print-button{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--ui-action-secondary-border);background:var(--ui-action-secondary-bg);color:var(--ui-action-secondary-text);font-family:Manrope,sans-serif;font-size:.94rem;font-weight:700;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,filter .16s ease}.print-format-field{display:flex;flex-direction:column;gap:6px}.print-format-label{font-size:.8rem;font-weight:700;letter-spacing:.02em;color:var(--ui-text-soft)}.print-format-select{width:100%;border-radius:12px;border:1px solid var(--ui-input-border);background:var(--ui-input-bg);color:var(--ui-text);font-family:Manrope,sans-serif;font-size:.92rem;padding:10px 12px;box-shadow:inset 0 1px 0 var(--ui-input-inset)}.print-format-select:focus{outline:none;border-color:var(--ui-focus-border);box-shadow:0 0 0 3px var(--ui-focus-shadow)}.theme-toggle-button:hover,.left-print-button:hover{border-color:var(--ui-tab-border-hover);box-shadow:0 10px 20px var(--ui-action-secondary-shadow)}.left-print-button{border:none;background:var(--ui-action-primary-bg);color:var(--ui-action-primary-text);box-shadow:0 14px 24px var(--ui-action-primary-shadow)}.workspace-column{display:grid;grid-template-rows:minmax(300px,1fr) minmax(300px,46vh);gap:14px;min-width:0;min-height:0}.controls-panel{min-height:0}.preview-container{width:100%;display:flex;justify-content:flex-start;align-items:flex-start;padding:20px;border:1px solid var(--ui-panel-border);border-radius:24px;background:radial-gradient(700px circle at 90% -10%,var(--ui-preview-glow-1),transparent 45%),radial-gradient(500px circle at 0% 100%,var(--ui-preview-glow-2),transparent 50%),linear-gradient(160deg,var(--ui-preview-bg-start) 0%,var(--ui-preview-bg-end) 100%);box-shadow:0 20px 45px var(--ui-preview-shadow);overflow:auto;min-height:0}.canvas{font-family:MTSWide-Bold;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;background:var(--ui-canvas-bg);border-radius:18px;box-shadow:0 18px 36px var(--ui-canvas-shadow),inset 0 0 0 1px var(--ui-canvas-inset);padding:18px;width:100%;min-width:0;color:var(--ui-canvas-text)}.sticker{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ff4a5c;color:inherit}.brand{font-size:7px;margin-bottom:10px;letter-spacing:.02em}.qr-code{width:20mm;height:20mm}.number{font-size:9px;margin-top:10px}.roboto-bold{font-family:Roboto,sans-serif;font-weight:700;font-style:normal}@media (max-width: 1100px){.app-layout{grid-template-columns:1fr;height:auto;min-height:100vh;padding:12px;gap:12px}.left-column{grid-template-rows:auto auto}.workspace-column{grid-template-rows:minmax(320px,56vh) auto}.preview-container{min-height:42vh;padding:12px}}@media (max-width: 720px){.left-actions-panel{padding:12px}.theme-toggle-button,.left-print-button{font-size:.9rem}.print-format-select{font-size:.88rem}}