:root{--bg:#f6f6f9;--surface:#fff;--surface-2:#f0eff7;--text:#15151f;--muted:#62627a;--border:#e3e2ee;--primary:#6d5ef5;--primary-ink:#fff;--primary-soft:#ecebfe;--primary-text:#5848e0;--wave:#6d5ef5;--shade:#f6f6f9b8;--danger:#c0352b;--warning:#9a6200;--success:#1f7a4d;--radius:14px;--shadow:0 1px 2px #1414280a, 0 8px 24px #1414280f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f0f16;--surface:#181823;--surface-2:#20202e;--text:#ececf4;--muted:#9c9cb4;--border:#2a2a3a;--primary:#8b7ffa;--primary-ink:#0f0f16;--primary-soft:#252344;--primary-text:#a59bfb;--wave:#8b7ffa;--shade:#0f0f16b3;--danger:#ff7b6e;--warning:#f0b44c;--success:#5fd39a;--shadow:0 1px 2px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .5em;line-height:1.2}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.container{width:100%;max-width:960px;margin:0 auto;padding:0 16px}.muted{color:var(--muted)}.small{font-size:.875rem}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.shell{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{align-items:center;gap:24px;height:60px;display:flex}.logo{flex-shrink:0;align-items:center;gap:10px;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.logo__product{color:var(--muted);font-weight:500}.logo__mark{background:var(--primary);width:32px;height:32px;color:var(--primary-ink);border-radius:9px;place-items:center;display:grid}.site-nav{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.site-nav__link{color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.9375rem;text-decoration:none}.site-nav__link:hover{color:var(--text)}.site-nav__link.active{background:var(--primary-soft);color:var(--primary-text);font-weight:600}@media (max-width:720px){.site-header__inner{flex-direction:column;align-items:stretch;gap:8px;height:auto;padding-top:10px;padding-bottom:8px}.site-nav{margin:0 -16px;padding:0 16px}}.site-footer{border-top:1px solid var(--border);margin-top:64px;padding:32px 0;font-size:.9375rem}.site-footer__inner{gap:12px;display:grid}.site-footer__privacy{align-items:center;gap:8px;margin:0;font-weight:500;display:flex}.site-footer__map{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin:8px 0;display:grid}.site-footer__map div{align-content:start;gap:6px;display:grid}.site-footer__map a{color:var(--muted);font-size:.875rem;text-decoration:none}.site-footer__map a:hover,.site-footer__legal a:hover{color:var(--text)}.site-footer__map .site-footer__head{color:var(--text);font-size:.9375rem;font-weight:600}.site-footer__bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:.8125rem;display:flex}.site-footer__legal{gap:16px;display:flex}.site-footer__legal a{color:var(--muted)}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-weight:600;text-decoration:none;transition:filter .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--primary);color:var(--primary-ink)}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--ghost{border-color:var(--border);background:0 0}.btn--ghost:hover{background:var(--surface-2)}.btn--sm{min-height:34px;padding:0 12px;font-size:.875rem;font-weight:500}.btn--lg{min-height:52px;padding:0 28px;font-size:1.0625rem}.select,.input{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-height:44px;padding:0 12px}.select{flex:1;min-width:0}.check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--primary)}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;display:inline-flex}.chip:hover{border-color:var(--primary);color:var(--primary-text)}.error,.warning,.success{margin:0;font-size:.9375rem}.error{color:var(--danger)}.warning{color:var(--warning)}.success{color:var(--success);align-items:center;gap:6px;display:flex}.tool__hero{padding-top:40px;padding-bottom:20px}.tool__title{font-size:clamp(1.75rem,4.5vw,2.5rem)}.tool__lede{max-width:680px;color:var(--muted);margin:0;font-size:1.0625rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:18px;padding:24px;display:grid}@media (max-width:560px){.panel{padding:16px}}.drop{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:12px;justify-items:center;gap:6px;padding:44px 16px;transition:border-color .15s,background .15s;display:grid}.drop:hover,.drop--over{border-color:var(--primary);background:var(--primary-soft)}.drop__icon{background:var(--primary);width:56px;height:56px;color:var(--primary-ink);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.drop__title{font-size:1.125rem;font-weight:600}.drop__hint{color:var(--muted);font-size:.875rem}.drop__privacy{color:var(--success);align-items:center;gap:6px;margin-top:8px;font-size:.8125rem;display:inline-flex}.clipbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.clipbar__info{min-width:0;display:grid}.clipbar .btn{white-space:nowrap;flex-shrink:0}.clipbar__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.progress{gap:8px;display:grid}.progress__row{justify-content:space-between;align-items:center;gap:12px;min-height:1em;display:flex}.progress__label{font-weight:600}.progress__pct{font-variant-numeric:tabular-nums}.progress__detail{color:var(--muted);font-size:.875rem}.progress__track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.progress__fill{background:var(--primary);border-radius:inherit;width:0;height:100%;transition:width .2s}.progress__track--busy .progress__fill{width:30%;animation:1.2s ease-in-out infinite busy}@keyframes busy{0%{transform:translate(-100%)}to{transform:translate(340%)}}.wave{background:var(--surface-2);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:10px;position:relative;overflow:hidden}.wave__canvas{display:block}.wave__shade{background:var(--shade);pointer-events:none;position:absolute;top:0;bottom:0}.wave__shade--remove{background:color-mix(in srgb, var(--danger) 22%, transparent)}.wave__handle{cursor:ew-resize;justify-content:center;width:24px;margin-left:-12px;display:flex;position:absolute;top:0;bottom:0}.wave__handle span{background:var(--primary);border-radius:2px;width:4px;height:100%}.wave__handle span:after{content:"";background:var(--primary);border-radius:5px;width:14px;height:28px;margin:-14px 0 0 -7px;position:absolute;top:50%;left:50%}.wave__playhead{background:var(--text);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.transport{align-items:center;gap:14px;display:flex}.play-btn{background:var(--primary);width:48px;height:48px;color:var(--primary-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.transport__time{font-variant-numeric:tabular-nums;font-weight:500}.segmented{background:var(--surface-2);border-radius:12px;justify-self:start;padding:4px;display:inline-flex}.segmented__btn{min-height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:0 18px;font-weight:600}@media (max-width:480px){.segmented{justify-self:stretch;display:flex}.segmented__btn{flex:1;padding:0 10px}}.segmented__btn.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.slider{gap:6px;display:grid}.slider__row{justify-content:space-between;display:flex}.slider__label{font-weight:600}.slider__value{color:var(--primary-text);font-variant-numeric:tabular-nums;font-weight:600}.slider input{width:100%;accent-color:var(--primary);height:28px}.slider__hint{color:var(--muted);font-size:.875rem}.export{border-top:1px solid var(--border);gap:12px;padding-top:18px;display:grid}.export__row{flex-wrap:wrap;gap:12px;display:flex}.export__row .btn{flex-shrink:0}@media (max-width:480px){.export__row .btn{width:100%}}.export__next{flex-wrap:wrap;align-items:center;gap:8px;font-size:.9375rem;display:flex}.cut-times{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.timefield{gap:4px;display:grid}.timefield .input{font-variant-numeric:tabular-nums;width:120px}.cut-times__len{margin-left:auto;padding-bottom:10px}.mic-start{text-align:center;justify-items:center;gap:10px;padding:28px 0;display:grid}.mic-status{align-items:center;gap:10px;font-size:1.0625rem;font-weight:600;display:flex}.mic-status--ok{color:var(--success)}.meter{background:linear-gradient(90deg, var(--surface-2) 0 55%, color-mix(in srgb, var(--success) 18%, var(--surface-2)) 55% 88%, color-mix(in srgb, var(--danger) 20%, var(--surface-2)) 88%);border-radius:999px;height:18px;position:relative;overflow:hidden}.meter__fill{background:var(--primary);border-radius:inherit;height:100%;transition:width 60ms linear}.meter__peak{background:var(--text);width:3px;position:absolute;top:0;bottom:0}.meter__scale{justify-content:space-between;margin-top:-10px;display:flex}.mic-details{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.crumbs ol{color:var(--muted);flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;font-size:.875rem;list-style:none;display:flex}.crumbs li+li:before{content:"›";margin-right:6px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--primary-text)}.prose{gap:28px;display:grid}.prose h2{font-size:1.375rem}.prose p{color:var(--muted);max-width:720px;margin:0 0 12px}.prose ul{color:var(--muted);gap:6px;margin:0;padding-left:1.25em;display:grid}.info{padding-top:40px}.info .prose{margin-top:24px}.guide{gap:40px;margin-top:56px;display:grid}.guide__steps h2,.guide__faq h2,.related h2{font-size:1.375rem}.guide ol{gap:10px;margin:0;padding-left:1.25em;display:grid}.faq{border-bottom:1px solid var(--border);padding:12px 0}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--muted);margin:8px 0 0}.related{margin-top:40px}.related__grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.related__card{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding:16px;font-weight:600;text-decoration:none;display:flex}.related__card:hover{border-color:var(--primary);color:var(--primary-text)}.home__hero{padding:56px 0 28px}.home__hero h1{max-width:760px;font-size:clamp(2rem,6vw,3.25rem)}.flagship{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);align-items:center;gap:20px;padding:24px;text-decoration:none;display:flex}.flagship:hover{border-color:var(--primary)}.flagship__icon{background:var(--primary);width:64px;height:64px;color:var(--primary-ink);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.flagship__body{flex:1;gap:4px;display:grid}.flagship__title{font-size:1.375rem;font-weight:700}@media (max-width:600px){.flagship{flex-direction:column;align-items:flex-start}.flagship .btn{width:100%}}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:16px;display:grid}.tool-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);align-content:start;gap:8px;padding:20px;text-decoration:none;display:grid}.tool-card:hover{border-color:var(--primary)}.tool-card__icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary-text);border-radius:12px;place-items:center;display:grid}.tool-card__title{font-size:1.0625rem;font-weight:700}.all-tools{margin-top:56px}.all-tools h2{font-size:1.375rem}.all-tools__grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;display:grid}.all-tools h3{margin-bottom:8px;font-size:1rem}.all-tools h3 a{text-decoration:none}.all-tools ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.all-tools li a{color:var(--muted);font-size:.9375rem;text-decoration:none}.all-tools a:hover{color:var(--primary-text)}.why{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;margin-top:56px;display:grid}.why h2{margin:10px 0 6px;font-size:1.125rem}.why p{margin:0}.why svg{color:var(--primary-text)}.not-found{text-align:center;padding:80px 16px}.controls{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:18px 24px;display:grid}.field{align-content:start;gap:8px;display:grid}.field__label{font-weight:600}.field__label:empty{display:none}.kb{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kb__chips{flex-wrap:wrap;gap:8px;display:flex}.kb__custom{align-items:center;gap:8px;display:inline-flex}.kb__custom .input{width:96px}.chip--active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-text);font-weight:600}.dims{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.dims .input{width:110px}.dims .select{min-width:80px}.dims__x{color:var(--muted);padding-bottom:10px}.row--start{justify-content:flex-start;gap:20px}.preview{gap:12px;display:grid}.preview__frame{background-color:var(--surface-2);background-image:linear-gradient(45deg, var(--border) 25%, transparent 25%), linear-gradient(-45deg, var(--border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border) 75%), linear-gradient(-45deg, transparent 75%, var(--border) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:12px;place-items:center;min-height:200px;max-height:460px;padding:12px;display:grid;overflow:hidden}.preview__frame img{object-fit:contain;max-width:100%;max-height:436px;box-shadow:var(--shadow)}.result-stats{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.result-stats div{display:grid}.result-stats strong{font-variant-numeric:tabular-nums;font-size:1.0625rem}.result-stats .ok{color:var(--success)}.result-stats .warn{color:var(--warning)}.batch{gap:8px;margin:0;padding:0;list-style:none;display:grid}.batch__row{border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.batch__thumb{background:var(--surface-2);width:48px;height:48px;color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.batch__thumb img{object-fit:cover;width:100%;height:100%}.batch__info{flex:1;min-width:0;display:grid}.batch__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cropper{background:var(--surface-2);border-radius:12px;justify-content:center;padding:12px;display:flex}.cropper__stage{touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.cropper__stage img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block}.cropper__clip{pointer-events:none;position:absolute;inset:0;overflow:hidden}.cropper__hole{position:absolute;box-shadow:0 0 0 9999px #0a0a148c}.cropper__rect{cursor:move;outline:2px solid #fff;position:absolute}.cropper__grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff59 1px,#0000 1px),linear-gradient(#ffffff59 1px,#0000 1px);background-position:-1px -1px;background-size:33.333% 33.333%;position:absolute;inset:0}.cropper__oval{pointer-events:none;border:2px dashed #ffffffd9;border-radius:50%;height:62%;position:absolute;top:10%;left:22%;right:22%}.cropper__handle{border:2px solid var(--primary);background:#fff;border-radius:50%;width:22px;height:22px;position:absolute}.cropper__handle--nw{cursor:nwse-resize;top:-11px;left:-11px}.cropper__handle--ne{cursor:nesw-resize;top:-11px;right:-11px}.cropper__handle--sw{cursor:nesw-resize;bottom:-11px;left:-11px}.cropper__handle--se{cursor:nwse-resize;bottom:-11px;right:-11px}.passport{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:700px){.passport{grid-template-columns:1fr}}.passport__side{gap:12px;display:grid}.passport__result{border:1px solid var(--border);width:60%;max-width:200px}.passport__sheet{border:1px solid var(--border);width:100%}.site-nav__link{align-items:center;min-height:40px;display:inline-flex}.all-tools ul{gap:0}.all-tools li a{padding:9px 0;display:inline-block}.site-footer__map div{gap:0}.site-footer__map a{padding:8px 0}.slider input{height:40px}@media (max-width:720px){.site-header{position:static}}.all-tools h3 a{padding:8px 0;display:inline-block}@media (max-width:480px){.segmented__btn{white-space:normal;min-height:44px;padding:6px 10px;line-height:1.25}}.logo__home{color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo .logo__product{margin-left:6px;text-decoration:none}.logo .logo__product:hover{color:var(--primary-text)}.textarea{resize:vertical;min-height:0;padding:10px 12px;line-height:1.45}.grid-3{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.segmented--wrap{flex-wrap:wrap;justify-self:stretch;display:flex}.segmented--wrap .segmented__btn{flex:auto}.batch__num{text-align:center;width:22px;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:600}.batch__thumb--page{background:#fff}.batch__thumb--page img{object-fit:contain}.batch__actions{gap:4px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;display:grid}.icon-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary-text)}.icon-btn:disabled{opacity:.35;cursor:default}@media (max-width:480px){.batch__row{flex-wrap:wrap}.batch__actions{margin-left:auto}}.pages{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.page-thumb{aspect-ratio:3/4;border:2px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:100%;padding:6px;display:grid;position:relative}.page-thumb:disabled{cursor:default}.page-thumb img{object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 1px 3px #00000026}.page-thumb__blank{background:var(--surface-2);width:70%;height:80%}.page-thumb__num{color:#fff;background:#14141eb3;border-radius:999px;min-width:22px;padding:1px 6px;font-size:.75rem;font-weight:600;position:absolute;bottom:6px;right:6px}.page-thumb.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.page-thumb.is-removed{border-color:var(--danger)}.page-thumb.is-removed img{opacity:.3}.zip-list{margin:0;padding-left:1.2em}.qr__layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (max-width:760px){.qr__layout{grid-template-columns:minmax(0,1fr)}}.qr__form{gap:14px;display:grid}.qr__design{border-top:1px solid var(--border);padding-top:12px}.qr__design summary{cursor:pointer;align-items:center;min-height:40px;font-weight:600;display:flex}.qr__design>:not(summary){margin-top:12px}.qr__colors{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.color{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.color input,.input--color{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;width:44px;height:40px;padding:2px}.qr__logo{gap:10px;margin-top:8px;display:grid}.qr__preview{gap:12px;display:grid;position:sticky;top:80px}.qr__canvas{aspect-ratio:1;background:var(--surface-2);text-align:center;border-radius:12px;place-items:center;padding:16px;display:grid}.qr__canvas canvas{border-radius:6px;width:100%;max-width:320px;height:auto}.qr__canvas canvas[width="0"]{display:none}.qr__canvas--checker{background-image:linear-gradient(45deg, var(--border) 25%, transparent 25%), linear-gradient(-45deg, var(--border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--border) 75%), linear-gradient(-45deg, transparent 75%, var(--border) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.scan{align-items:center;gap:6px;margin:0;font-weight:600;display:flex}.scan--ok{color:var(--success)}.scan--fail{color:var(--danger)}.scan--checking{color:var(--muted)}.inv-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (max-width:900px){.inv-layout{grid-template-columns:minmax(0,1fr)}}.inv-form{gap:18px;display:grid}.inv-form__group{min-inline-size:0;border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.inv-form__group legend{margin-bottom:8px;font-weight:700}.inv-items{gap:8px;display:grid}.inv-item{grid-template-columns:minmax(0,1fr) 70px 110px auto 40px;align-items:center;gap:8px;display:grid}.inv-item__amt{font-variant-numeric:tabular-nums;text-align:right;min-width:80px;font-weight:600}.inv-item>*,.grid-2>*,.grid-3>*{min-width:0}.inv-item .input,.grid-2 .input,.grid-3 .input{width:100%}@media (max-width:560px){.inv-item{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;padding-bottom:10px}.inv-item__desc{grid-column:1/-1}.inv-item__amt{text-align:left;grid-column:1/3}}.inv-side{gap:12px;display:grid;position:sticky;top:80px}@media (max-width:900px){.inv-side{position:static}}.inv-total{background:var(--primary-soft);border-radius:12px;justify-content:space-between;align-items:baseline;padding:14px 16px;display:flex}.inv-total strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.inv-preview{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.inv{--accent:#3b3a8f;color:#1a1a24;padding:28px;font-family:Noto Sans,ui-sans-serif,system-ui,sans-serif;font-size:12px;line-height:1.45}.inv__head{justify-content:space-between;gap:16px;margin-bottom:20px;display:flex}.inv__logo{max-width:150px;max-height:56px;margin-bottom:10px;display:block}.inv__from-name{font-size:15px;font-weight:700}.inv__muted{color:#6b6b80;font-size:11px}.inv__meta{text-align:right}.inv__title{color:var(--accent);letter-spacing:.02em;font-size:22px;font-weight:700}.inv__meta dl{grid-template-columns:auto auto;justify-content:end;gap:2px 10px;margin:8px 0 0;display:grid}.inv__meta dt{color:#6b6b80}.inv__meta dd{margin:0;font-weight:700}.inv__label{text-transform:uppercase;color:#6b6b80;letter-spacing:.05em;margin-bottom:2px;font-size:9.5px;font-weight:700}.inv__to{margin-bottom:16px}.inv__to-name{font-size:13px;font-weight:700}.inv__items{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.inv__items th{background:var(--accent);color:#fff;text-align:right;padding:6px 8px;font-size:11px}.inv__items th:first-child,.inv__items td:first-child{text-align:left}.inv__items td{text-align:right;vertical-align:top;white-space:nowrap;border-bottom:1px solid #dcdce6;padding:7px 8px}.inv__items td:first-child{white-space:normal;overflow-wrap:anywhere;width:100%}.inv__bottom{justify-content:space-between;align-items:flex-start;margin:12px 0 16px;display:flex}.inv__totals{font-variant-numeric:tabular-nums;grid-template-columns:auto auto;gap:4px 16px;margin:0;display:grid}.inv__totals dt{text-align:right;color:#6b6b80}.inv__totals dd{text-align:right;margin:0}.inv__totals .strong{color:#1a1a24;padding-top:4px;font-size:13px;font-weight:700}.inv__totals .accent{color:var(--accent)}.inv__stamp{color:#21894f;opacity:.85;border:3px solid #21894f;border-radius:6px;margin:10px 0 0 30px;padding:2px 12px;font-size:26px;font-weight:800;transform:rotate(-8deg)}.inv__note{margin-top:12px}@media print{body *{visibility:hidden}.inv,.inv *{visibility:visible}.inv{width:100%;padding:0;position:absolute;inset:0 auto auto 0}.inv-preview{border:0}@page{size:A4;margin:16mm}}input[type=file]{max-width:100%;min-height:40px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2362627a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-color:var(--surface);text-overflow:ellipsis;padding-right:36px}.logo .logo__product{align-items:center;min-height:40px;display:inline-flex}.qr__form,.qr__logo,.inv-form,.inv-form__group,.inv-side{grid-template-columns:minmax(0,1fr)}input[type=file]{width:100%}.menu-toggle{display:none}@media (max-width:720px){.site-header{position:sticky}.site-header__inner{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;height:56px;padding-top:0;padding-bottom:0;position:relative}.logo{flex-shrink:1;min-width:0}.menu-toggle{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;place-items:center;margin-right:-8px;padding:0;display:inline-grid}.menu-toggle:hover,.menu-toggle[aria-expanded=true]{background:var(--primary-soft);color:var(--primary-text)}.site-nav{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:2px;max-height:calc(100vh - 56px);margin:0;padding:8px 16px 12px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px #1414281f}.site-nav.is-open{display:flex}.site-nav__link{white-space:normal;border-radius:10px;min-height:44px;padding:10px 12px}}