@font-face{font-family:latin;src:url(../media/manrope_latin_wght_normal-s.p.2xs28az5j2efm.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:latin Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}.latin_81f6a17d-module__BIPtLa__className{font-family:latin,latin Fallback}.latin_81f6a17d-module__BIPtLa__variable{--tool-latin:"latin", "latin Fallback"}
@font-face{font-family:arabic;src:url(../media/tajawal_arabic_400_normal-s.p.3_udanan8p6rf.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:arabic;src:url(../media/tajawal_arabic_500_normal-s.p.197i_mlzi1zzr.woff2)format("woff2");font-display:swap;font-weight:500}@font-face{font-family:arabic;src:url(../media/tajawal_arabic_700_normal-s.p.1evzl8mzd3v8t.woff2)format("woff2");font-display:swap;font-weight:700}@font-face{font-family:arabic Fallback;src:local(Arial);ascent-override:64.3%;descent-override:35.7%;line-gap-override:20.0%;size-adjust:100.0%}.arabic_9411735f-module__y1yigW__className{font-family:arabic,arabic Fallback}.arabic_9411735f-module__y1yigW__variable{--tool-arabic:"arabic", "arabic Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f1ed;--surface:#fff;--surface-2:#faf9f6;--sunken:#f0efea;--line:#e3e1d9;--line-2:#d2cfc4;--ink:#181b17;--ink-2:#4b5049;--ink-3:#7b8077;--accent:#e2522a;--accent-strong:#c2401c;--accent-soft:#fde9e1;--accent-ink:#fff;--ok:#1d7a52;--ok-soft:#e2f2e9;--danger:#b8392a;--danger-soft:#fcebe7;--paper:#fffdf8;--dots:#d7d4c9;--r1:8px;--r2:12px;--r3:16px;--sh1:0 1px 2px #181b170d, 0 1px 1px #181b1708;--sh2:0 10px 30px #181b1714, 0 2px 6px #181b170a;--ring:0 0 0 3px #e2522a38}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1210;--surface:#171b18;--surface-2:#1b201c;--sunken:#131714;--line:#262d28;--line-2:#343c36;--ink:#eef1ec;--ink-2:#b7beb4;--ink-3:#868e84;--accent:#ff6b3f;--accent-strong:#ff8a64;--accent-soft:#3a2018;--ok:#4fc58f;--ok-soft:#173327;--danger:#ff8f7d;--danger-soft:#3a1c17;--dots:#2b322d;--sh1:0 1px 2px #0000004d;--sh2:0 12px 32px #00000073;--ring:0 0 0 3px #ff6b3f4d}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--tool-latin), var(--tool-arabic), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55}html[dir=rtl] body{font-family:var(--tool-arabic), var(--tool-latin), system-ui, sans-serif;font-size:15px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}svg{flex-shrink:0}fieldset{border:0;min-width:0;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-skip{top:-100px;z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--r1);padding:10px 14px;position:fixed;inset-inline-start:12px}.tool-skip:focus{top:12px}.toolkit{grid-template-columns:268px minmax(0,1fr);min-height:100vh;display:grid}.main-shell{flex-direction:column;min-width:0;display:flex}.sidebar{background:var(--surface);border-inline-end:1px solid var(--line);flex-direction:column;gap:14px;height:100vh;padding:20px 14px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.3px;direction:ltr;align-items:center;gap:10px;padding:2px 8px 6px;font-size:18px;font-weight:800;line-height:1.15;text-decoration:none;display:flex}html[dir=rtl] .brand{flex-direction:row-reverse;justify-content:flex-end}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--accent);border-radius:10px;padding:7px}.brand-mark svg{width:100%;height:100%}.brand-light{color:var(--ink-3);margin-inline-start:1px;font-weight:400}.brand small{letter-spacing:0;color:var(--ink-3);margin-top:3px;font-size:11.5px;font-weight:500;display:block}html[dir=rtl] .brand small{text-align:end;direction:rtl}.tool-search{border:1px solid var(--line);border-radius:var(--r1);background:var(--surface-2);height:38px;color:var(--ink-3);align-items:center;gap:8px;padding:0 12px;display:flex}.tool-search:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.tool-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13.5px}.tool-search input::-webkit-search-cancel-button{cursor:pointer}.sidebar nav{scrollbar-width:thin;flex:1;min-height:0;margin:0 -6px;padding:0 6px;overflow-y:auto}.nav-group+.nav-group{margin-top:14px}.nav-group h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:0 0 4px;padding:0 10px;font-size:11.5px;font-weight:700}html[dir=rtl] .nav-group h2{letter-spacing:0;font-size:12.5px}.sidebar nav a{border-radius:var(--r1);width:100%;min-height:36px;color:var(--ink-2);text-align:start;background:0 0;border:0;align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;text-decoration:none;display:flex;position:relative}html[dir=rtl] .sidebar nav a{font-size:14.5px}.sidebar nav a svg{color:var(--ink-3)}.sidebar nav a:hover:not(.active){background:var(--sunken);color:var(--ink)}.sidebar nav a.active{background:var(--accent-soft);color:var(--ink);font-weight:650}.sidebar nav a.active svg{color:var(--accent)}.sidebar nav a.active:before{content:"";inset-inline-start:-6px;background:var(--accent);border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px}.nav-empty{color:var(--ink-3);margin:8px 10px;font-size:13px}.tool-picker{display:none}.tool-picker>span{color:var(--ink-3);margin-bottom:6px;font-size:12px;display:block}.tool-picker select{border:1px solid var(--line-2);border-radius:var(--r1);background:var(--surface);width:100%;height:44px;padding:0 12px;font-size:16px}.sidebar-foot{border-top:1px solid var(--line);gap:10px;padding:14px 8px 0;display:grid}.local-badge,.local-indicator{color:var(--ink-2);align-items:center;gap:8px;font-size:12.5px;display:flex}.local-badge>span,.local-indicator>span{background:var(--ok);width:7px;height:7px;box-shadow:0 0 0 3px var(--ok-soft);border-radius:50%}.app-names{flex-wrap:wrap;gap:5px;display:flex}.app-names b{background:var(--sunken);color:var(--ink-3);border-radius:99px;padding:2px 7px;font-size:11px;font-weight:600}.guide-button{width:100%;color:var(--ink-2);text-align:start;background:0 0;border:0;align-items:center;gap:9px;padding:8px 0 0;font-size:13px;display:flex}.guide-button:hover{color:var(--accent-strong)}.guide-button>span{border:1px solid var(--line-2);border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:grid}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.breadcrumb{min-width:0;color:var(--ink-3);align-items:center;gap:8px;font-size:13.5px;display:flex}.breadcrumb b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}html[dir=rtl] .breadcrumb svg{transform:scaleX(-1)}.topbar-actions{align-items:center;gap:18px;display:flex}.language-button{border:1px solid var(--line-2);background:var(--surface);border-radius:99px;align-items:center;height:34px;padding:0 14px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.language-button:hover{border-color:var(--ink-3)}html[dir=ltr] .language-button,html:not([dir]) .language-button{font-family:var(--tool-arabic), var(--tool-latin), sans-serif}.tool-main{width:100%;max-width:1640px;margin:0 auto;padding:28px 32px 24px}.page-heading{align-items:center;gap:16px;margin-bottom:22px;display:flex}.tool-emblem{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.page-heading h1{letter-spacing:-.6px;margin:0 0 3px;font-size:27px;font-weight:750;line-height:1.2}html[dir=rtl] .page-heading h1{letter-spacing:0;font-size:28px;line-height:1.35}.page-heading p{max-width:720px;color:var(--ink-2);margin:0;font-size:14.5px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:700}html[dir=rtl] .eyebrow{letter-spacing:0}.workspace{background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);box-shadow:var(--sh1);grid-template-columns:350px minmax(0,1fr);align-items:start;display:grid;overflow:clip}.controls{border-inline-end:1px solid var(--line);background:var(--surface);align-self:stretch;min-width:0}.control-section{border-bottom:1px solid var(--line);padding:18px 20px}.control-section h3{align-items:center;gap:10px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.control-section h3>span{background:var(--sunken);min-width:24px;height:24px;color:var(--ink-3);border-radius:99px;place-items:center;padding:0 6px;font-size:11.5px;font-weight:700;display:grid}.control-action{gap:10px;padding:16px 20px 20px;display:grid}.control-action:empty{display:none}.canvas-column{background:var(--surface-2);align-self:stretch;min-width:0;padding:18px 20px 20px}.field{min-width:0;margin-bottom:12px;display:block}.field>span,.range>span,.toggle>span:first-child{color:var(--ink-2);font-size:13px;font-weight:550}.field>span{margin-bottom:6px;display:block}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input-wrap{border:1px solid var(--line-2);border-radius:var(--r1);background:var(--surface);align-items:center;height:40px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.input-wrap:hover{border-color:var(--ink-3)}.input-wrap:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.input-wrap input{font-variant-numeric:tabular-nums;direction:ltr;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 12px;font-size:14.5px;font-weight:600}.input-wrap input::placeholder{color:var(--ink-3);font-weight:500}.input-wrap>span{color:var(--ink-3);white-space:nowrap;padding-inline-end:12px;font-size:12.5px}.field select,.control-section select:not(.input-wrap select){border:1px solid var(--line-2);border-radius:var(--r1);background:var(--surface);width:100%;height:40px;padding:0 10px;font-size:14px}.field select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--ring);outline:0}.micro{color:var(--ink-3);margin:8px 0;font-size:12.5px;line-height:1.6}html[dir=rtl] .micro{font-size:13px;line-height:1.75}.toggle{cursor:pointer;align-items:center;gap:12px;margin:12px 0;display:flex;position:relative}.toggle>span:first-child{flex:1}.toggle input{opacity:0;cursor:pointer;width:38px;height:22px;margin:0;position:absolute;inset-inline-end:0}.switch{background:var(--line-2);border-radius:99px;flex-shrink:0;width:38px;height:22px;transition:background .18s;position:relative}.switch:after{content:"";top:3px;background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 2px #00000040}.toggle input:checked+.switch{background:var(--accent)}.toggle input:checked+.switch:after{transform:translate(16px)}html[dir=rtl] .toggle input:checked+.switch:after{transform:translate(-16px)}.toggle input:focus-visible+.switch{box-shadow:var(--ring)}.range{margin:12px 0 14px;display:block}.range>span{justify-content:space-between;align-items:baseline;display:flex}.range b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:650}.range input{width:100%;accent-color:var(--accent);cursor:pointer;margin:8px 0 0}.preset-row{border-radius:var(--r1);background:var(--sunken);flex-wrap:wrap;gap:3px;margin:0 0 14px;padding:3px;display:flex}.preset-row button{min-height:32px;color:var(--ink-2);white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:auto;padding:4px 10px;font-size:13px;font-weight:550}.preset-row button:hover:not(.selected){color:var(--ink);background:color-mix(in srgb, var(--surface) 55%, transparent)}.preset-row button.selected{background:var(--surface);color:var(--ink);box-shadow:var(--sh1);font-weight:700}.button{border-radius:var(--r1);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 16px;font-size:14px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s,transform 80ms;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 1px #0000000f,inset 0 1px #ffffff26}.primary:hover:not(:disabled){background:var(--accent-strong)}.dark{background:var(--ink);color:var(--bg)}.dark:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 85%, var(--accent))}.secondary{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.secondary:hover:not(:disabled){border-color:var(--ink-3);background:var(--surface-2)}.wide{justify-content:space-between;width:100%}.text-button{color:var(--accent-strong);text-underline-offset:3px;text-align:start;background:0 0;border:0;padding:6px 0 0;font-size:13px;font-weight:600}.text-button:hover:not(:disabled){text-decoration:underline}.upload-zone{cursor:pointer;text-align:center;border:1.5px dashed var(--line-2);border-radius:var(--r2);background:var(--surface-2);flex-direction:column;align-items:center;gap:4px;padding:18px 12px;transition:border-color .15s,background .15s;display:flex;position:relative}.upload-zone:hover{border-color:var(--accent);background:var(--accent-soft)}.upload-zone:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.upload-zone input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-icon{background:var(--surface);width:38px;height:38px;color:var(--accent);box-shadow:var(--sh1);border-radius:10px;place-items:center;margin-bottom:4px;display:grid}.upload-zone strong{font-size:14px;font-weight:650}.upload-zone>span:last-child{color:var(--ink-3);font-size:12px}.file-chip{border:1px solid var(--line);border-radius:var(--r1);background:var(--surface);align-items:center;gap:10px;margin-top:10px;padding:9px 10px;display:flex}.file-chip div{min-width:0}.file-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:230px;font-size:13px;font-weight:650;display:block;overflow:hidden}.file-chip small{color:var(--ink-3);font-size:12px;display:block}.file-symbol{background:var(--accent-soft);color:var(--accent-strong);border-radius:6px;flex-shrink:0;padding:4px 6px;font:700 10.5px ui-monospace,SFMono-Regular,Menlo,monospace}.import-options{color:var(--ink-2);margin:10px 0;font-size:13px}.import-options summary{cursor:pointer;padding:4px 0;font-weight:600}.import-options[open] summary{margin-bottom:10px}.canvas-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.canvas-toolbar .micro{margin:0}.status-pill{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);white-space:nowrap;border-radius:99px;align-items:center;gap:7px;padding:5px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.status-pill>i{background:var(--ink-3);border-radius:50%;width:7px;height:7px}.status-pill.ready{background:var(--ok-soft);color:var(--ok);border-color:#0000}.status-pill.ready>i{background:var(--ok)}.sheet-tabs{border-radius:var(--r1);background:var(--sunken);flex-wrap:wrap;gap:3px;width:fit-content;margin:12px 0;padding:3px;display:flex}.sheet-tabs button{min-height:30px;color:var(--ink-2);background:0 0;border:0;border-radius:6px;padding:3px 12px;font-size:13px;font-weight:550}.sheet-tabs button.selected{background:var(--surface);color:var(--ink);box-shadow:var(--sh1);font-weight:700}.view-tabs{margin:0}.preview-surface{border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);overflow:hidden}.preview-top,.preview-bottom{color:var(--ink-3);background:var(--surface);justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-size:12px;display:flex}.preview-top{border-bottom:1px solid var(--line);height:40px}.preview-top>span{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:7px;font-weight:650;display:flex}html[dir=rtl] .preview-top>span{letter-spacing:0}.preview-top b{color:var(--ink-2);font-variant-numeric:tabular-nums;font-weight:600}.preview-bottom{border-top:1px solid var(--line);min-height:36px}.preview-bottom>span:first-child{align-items:center;gap:7px;display:flex}.preview-bottom i{background:var(--ok);border-radius:50%;width:6px;height:6px}.preview-bottom>span:last-child{letter-spacing:.06em;white-space:nowrap;font-size:11px}.paper-stage,.up-stage,.vz-stage{background-color:var(--sunken);background-image:radial-gradient(var(--dots) 1px, transparent 1px);background-size:16px 16px}.paper-stage{justify-content:center;align-items:center;height:clamp(360px,38vw,600px);min-height:340px;padding:28px;display:flex}.vector-paper{background:var(--paper);border-radius:2px;width:100%;max-width:100%;height:auto;max-height:100%;box-shadow:0 1px 2px #00000014,0 12px 32px #181b171a}.empty-preview{text-align:center;color:var(--ink-3)}.empty-preview p{margin:10px 0 0;font-size:14px}.stats-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:14px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);min-width:0;padding:12px 14px}.stat>span{color:var(--ink-3);font-size:12.5px;display:block}.stat strong{letter-spacing:-.3px;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:750;line-height:1.35;display:block;overflow:hidden}.stat small{color:var(--ink-3);margin-inline-start:4px;font-size:12.5px;font-weight:550}.tip-card{border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);color:var(--ink-2);align-items:flex-start;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.tip-card p{margin:0;font-size:13.5px;line-height:1.65}.tip-mark{background:var(--accent-soft);width:22px;height:22px;color:var(--accent-strong);border-radius:50%;flex-shrink:0;place-items:center;font:italic 700 12px Georgia,serif;display:grid}.error-note{border-radius:var(--r1);background:var(--danger-soft);color:var(--danger);overflow-wrap:anywhere;margin:10px 0;padding:10px 12px;font-size:13.5px;line-height:1.6}.export-bar{z-index:5;border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);box-shadow:var(--sh2);justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:12px 14px 12px 18px;display:flex;position:sticky;bottom:12px}.export-bar>div:first-child{min-width:0}.export-bar>div:first-child>strong{font-size:14px;font-weight:700;display:block}.export-bar>div:first-child>span{color:var(--ink-3);margin-top:1px;font-size:12px;display:block}.export-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.export-actions .text-button{padding:0 6px}.tool-footer{color:var(--ink-3);justify-content:space-between;gap:16px;padding-top:28px;font-size:12.5px;display:flex}.workflow-guide{border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);box-shadow:var(--sh1);margin-bottom:20px;padding:20px 24px}.workflow-guide>div:first-child{justify-content:space-between;align-items:center;display:flex}.workflow-guide h2{margin:0;font-size:18px}.workflow-guide ol{color:var(--ink-2);margin:14px 0;padding-inline-start:20px;font-size:14px;line-height:1.7}.workflow-guide li{margin-bottom:6px}.workflow-guide .text-button{padding:0}.guide-downloads{flex-wrap:wrap;gap:10px;display:flex}.instructions{color:var(--ink-2);padding-inline-start:18px;font-size:13.5px;line-height:1.8}.instructions li{margin-bottom:8px}.cost-card{border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);max-width:620px;box-shadow:var(--sh1);margin:4px auto;padding:28px 30px}.cost-card-heading{color:var(--accent);justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.cost-card>span{color:var(--ink-3);font-size:14px}.cost-total{align-items:baseline;gap:10px;margin:4px 0 18px;display:flex}.cost-total>small{color:var(--ink-3);font-size:18px;font-weight:600}.cost-total>strong{letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:56px;font-weight:750;line-height:1.1}.cost-per{border-radius:var(--r1);background:var(--accent-soft);color:var(--ink-2);justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.cost-per>strong{color:var(--ink);font-size:18px;font-weight:750}.cost-breakdown{margin-top:16px}.cost-breakdown>div{border-bottom:1px solid var(--line);color:var(--ink-2);justify-content:space-between;gap:12px;padding:11px 0;font-size:14px;display:flex}.cost-breakdown b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:650}.cost-breakdown small{color:var(--ink-3);margin-inline-start:8px;font-size:12.5px}.cost-formula{color:var(--ink-3);margin:14px 0 18px;font-size:12.5px}.slot-labels{border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);flex-wrap:wrap;margin-top:16px;padding:12px 0;display:flex}.slot-labels>div{text-align:center;border-inline-end:1px solid var(--line);flex:1;min-width:70px}.slot-labels>div:last-child{border:0}.slot-labels span{color:var(--ink-3);font-size:12px;display:block}.slot-labels strong{font-size:15px;font-weight:700}.slot-labels small{color:var(--ink-3);font-size:12px}.box-types{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.box-types button{border:1px solid var(--line);border-radius:var(--r1);background:var(--surface);color:var(--ink-2);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;font-size:12.5px;line-height:1.3;display:flex}.box-types button:hover:not(.selected){border-color:var(--line-2)}.box-types button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent);font-weight:650}.box-types svg{width:36px;height:30px}.flat-edges{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}.flat-edges legend{float:left;width:100%;color:var(--ink);padding:10px 0 4px;font-size:13px;font-weight:700}html[dir=rtl] .flat-edges legend{float:right}.flat-edges legend+*{clear:both}.box-3d-surface{background:linear-gradient(var(--surface-2), var(--sunken))}.box-3d-stage canvas{display:block;width:100%!important;height:100%!important}.box-3d-controls{border-top:1px solid var(--line);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.box-3d-controls .range{flex:1;min-width:180px;margin:0}.box-3d-controls .text-button{padding:0}.parts-list{border-collapse:collapse;width:100%;color:var(--ink-2);margin:8px 0;font-size:13px}.parts-list caption{text-align:start;color:var(--ink);padding:6px 0;font-weight:700}.parts-list th{border-bottom:1px solid var(--line);text-align:start;color:var(--ink-3);padding:6px 8px;font-size:12px;font-weight:650}.parts-list td{border-bottom:1px solid var(--line);padding:6px 8px}.parts-list td:nth-child(2){white-space:nowrap}.part-quantities{border:1px solid var(--line);border-radius:var(--r1);background:var(--surface);margin:4px 0 12px}.part-quantities summary{cursor:pointer;padding:10px 12px;font-size:13.5px;font-weight:650}.part-quantities .micro{margin:0 12px 6px}.part-quantities ol{max-height:320px;margin:0;padding:0 6px 6px;list-style:none;overflow-y:auto}.part-quantities li{border-top:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) 70px;align-items:center;gap:8px;padding:4px;display:grid}.part-quantities li .input-wrap{height:34px}.part-quantities li.skipped .part-thumb,.part-quantities li.skipped .part-name{opacity:.35}.part-thumb{fill:#e2a07e;stroke:#3b3f38;width:36px;height:36px}.part-thumb path{vector-effect:non-scaling-stroke}.part-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.part-total{margin:0 0 10px;font-size:13px;font-weight:650}.raster-grid,.image-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.raster-preview{border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);min-width:0;overflow:hidden}.raster-preview h3{border-bottom:1px solid var(--line);color:var(--ink-2);margin:0;padding:10px 14px;font-size:13px;font-weight:650}.raster-preview canvas,.raster-preview img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.raster-preview .empty-preview{padding:50px 15px}.raster-preview>div{padding:18px}.raster-status{color:var(--ink-3);margin:14px 0;font-size:13px}.image-comparison .paper-stage{height:330px;min-height:240px;padding:18px}.image-comparison .preview-top{flex-wrap:wrap;height:auto;min-height:40px;padding-block:6px}.image-comparison .preview-bottom>span:last-child{display:none}.raster-paper{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:100%!important}.image-comparison+.stats-row .stat strong{font-size:18px}@media (min-width:1700px){.toolkit{grid-template-columns:284px minmax(0,1fr)}.workspace{grid-template-columns:380px minmax(0,1fr)}}@media (max-width:1200px){.toolkit{grid-template-columns:240px minmax(0,1fr)}.workspace{grid-template-columns:310px minmax(0,1fr)}.tool-main{padding:24px 22px 20px}.topbar{padding:0 22px}.raster-grid,.image-comparison{grid-template-columns:1fr}}@media (max-width:900px){.toolkit{display:block}.sidebar{border-inline-end:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:flex-end;gap:12px;height:auto;padding:14px 16px;position:static}.brand{padding:0 0 6px}.tool-search,.sidebar nav,.sidebar-foot{display:none}.tool-picker{flex:1;min-width:200px;display:block}.topbar{height:48px;padding:0 16px;position:static}.local-indicator{display:none}.tool-main{padding:20px 16px}.page-heading{align-items:flex-start}.tool-emblem{border-radius:12px;width:44px;height:44px}.page-heading h1,html[dir=rtl] .page-heading h1{font-size:23px}.page-heading p{font-size:14px}.workspace{flex-direction:column;display:flex}.controls{border-inline-end:0;border-bottom:1px solid var(--line)}.paper-stage{height:320px;min-height:240px;padding:18px}.export-bar{box-shadow:var(--sh1);flex-wrap:wrap;position:static}.export-actions{justify-content:stretch;width:100%}.export-actions .button{flex:1}.export-actions .text-button{flex-basis:100%}.tool-footer{flex-direction:column;gap:4px}}@media (max-width:680px){.brand small{display:none}.control-section,.canvas-column{padding:16px}.input-wrap{height:44px}.input-wrap input,.field select,.tool-search input{font-size:16px}.field select{height:44px}.button{min-height:44px}.cost-card{padding:22px 18px}.cost-total>strong{font-size:42px}.cost-per{flex-direction:column;align-items:flex-start;gap:2px}.stat strong{font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.vz-tabs{border-radius:var(--r1);background:var(--sunken);gap:3px;padding:3px;display:inline-flex}.vz-tabs button{min-height:30px;color:var(--ink-2);background:0 0;border:0;border-radius:6px;padding:3px 12px;font-size:13px;font-weight:550}.vz-tabs button.selected{background:var(--surface);color:var(--ink);box-shadow:var(--sh1);font-weight:700}.ws-choice{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;margin-bottom:12px;display:grid}.ws-choice button,.vz-modes button{text-align:start;border:1px solid var(--line);border-radius:var(--r1);background:var(--surface);color:var(--ink-3);flex-direction:column;gap:2px;padding:10px 11px;font-size:12px;line-height:1.45;display:flex}.ws-choice button b,.vz-modes button b{color:var(--ink);font-size:13.5px}.ws-choice button:hover:not(.selected),.vz-modes button:hover:not(.selected){border-color:var(--line-2)}.ws-choice button.selected,.vz-modes button.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.vz-modes{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.ws-progress{background:var(--sunken);border-radius:99px;height:6px;margin:10px 0 6px;overflow:hidden}.ws-progress>span{background:var(--accent);height:100%;transition:width .25s;display:block}.ws-note{border-radius:var(--r1);background:var(--sunken);color:var(--ink-2);margin:10px 0;padding:10px 12px;font-size:13px;line-height:1.65}.ws-card{border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);margin-top:14px;padding:16px 18px}.ws-card h3{margin:0 0 12px;font-size:14px;font-weight:700}.ws-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (max-width:900px){.ws-grid-2{grid-template-columns:minmax(0,1fr)}}.up-source,.up-stage>canvas,.eg-canvas,.ct-sticker,.sh-sheet,.tl-frame{background:var(--paper);border-radius:2px;box-shadow:0 1px 2px #00000014,0 12px 32px #181b171a}.vz-stage{place-content:safe center;height:clamp(340px,38vw,580px);min-height:320px;padding:24px;display:grid;position:relative;overflow:auto;container-type:size}.vz-frame{width:calc(var(--zoom,1) * min(100cqw, 100cqh * var(--ratio,1)));aspect-ratio:var(--ratio,1);background-color:#fff;background-image:linear-gradient(45deg,#eeede8 25%,#0000 25%),linear-gradient(-45deg,#eeede8 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eeede8 75%),linear-gradient(-45deg,#0000 75%,#eeede8 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:relative;box-shadow:0 1px 2px #00000014,0 12px 32px #181b171a}.vz-original,.vz-vector,.vz-art{width:100%;height:100%;display:block;position:absolute;inset:0}.vz-vector{overflow:hidden}.vz-divider{background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #fff}.vz-split{border-top:1px solid var(--line);background:var(--surface);padding:8px 14px}.vz-split input{width:100%;accent-color:var(--accent)}.vz-stage.is-busy .vz-frame{opacity:.7;transition:opacity .2s}.vz-palette{border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);margin-top:14px;padding:12px 14px}.vz-palette-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.vz-palette-head strong{font-size:13.5px}.vz-palette-head .micro{margin:0}.vz-palette-head .text-button{margin-inline-start:auto;padding:0}.vz-swatches{flex-wrap:wrap;gap:6px;display:flex}.vz-swatch{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);border-radius:99px;align-items:center;gap:7px;padding:3px 10px 3px 4px;font-size:12px;display:inline-flex}.vz-swatch i{border:1px solid #00000026;border-radius:50%;width:20px;height:20px}.vz-swatch small{color:var(--ink-3)}.vz-swatch[aria-pressed=false]{opacity:.45;text-decoration:line-through}.vz-swatch[aria-pressed=false] i{background-image:linear-gradient(135deg, transparent 45%, var(--danger) 45% 55%, transparent 55%)!important}.up-stage{place-content:safe center;min-height:300px;max-height:580px;padding:22px;display:grid;overflow:auto}.up-stage:has(.up-compare-slider){display:block}.up-pick{cursor:crosshair;background:0 0;border:0;padding:0;display:block}.up-pick:disabled{cursor:progress}.up-source,.up-stage>canvas{width:auto;max-width:100%;height:auto;max-height:520px;display:block}.up-compare{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.up-compare figure{margin:0}.up-compare figcaption{text-align:center;color:var(--ink-3);margin-top:6px;font-size:12.5px}.up-crop{aspect-ratio:1;border:1px solid var(--line);background:var(--sunken);border-radius:6px;width:100%;display:block}.up-compare figure:first-child .up-crop{image-rendering:pixelated}@media (max-width:680px){.up-compare{grid-template-columns:minmax(0,1fr)}}.up-steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.up-steps li{counter-increment:step;border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);color:var(--ink-3);padding:12px 12px 12px 46px;font-size:12.5px;line-height:1.55;position:relative}html[dir=rtl] .up-steps li{padding:12px 46px 12px 12px}.up-steps li:before{content:counter(step);inset-inline-start:12px;background:var(--sunken);width:24px;height:24px;color:var(--ink-2);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:12px}.up-steps li.done:before{content:"✓";background:var(--ok);color:#fff}.up-steps b{color:var(--ink);margin-bottom:2px;font-size:13.5px;display:block}.up-compare-slider{width:min(100%, calc(520px * var(--ar,1.5)));background:var(--paper);-webkit-user-select:none;user-select:none;border-radius:2px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 12px 32px #181b171f}.up-compare-slider img,.up-compare-slider .up-after,.up-compare-slider .up-after canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.up-divider{pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #0000004d}.up-divider:after{content:"⇆";color:#181b17;background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000004d}.up-tag{color:#fff;pointer-events:none;background:#181b17c7;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:600;position:absolute;top:10px}.up-tag-before{left:10px}.up-tag-after{right:10px}.up-compare-slider input[type=range]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.tl-frame{max-width:100%;display:inline-block;position:relative}.tl-frame img{width:auto;max-width:100%;height:auto;max-height:500px;display:block}.tl-frame svg{width:100%;height:100%;position:absolute;inset:0}.tl-number{background:var(--accent);color:#fff;border-radius:50%;place-items:center;min-width:30px;height:30px;font-size:13px;font-weight:750;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000040}.tl-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tl-list li{border:1px solid var(--line);border-radius:var(--r1);background:var(--surface);grid-template-columns:30px auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:grid}.tl-list li b{background:var(--accent-soft);width:26px;height:26px;color:var(--accent-strong);border-radius:50%;place-items:center;display:grid}.tl-list li small{color:var(--ink-3);font-size:12px}.tl-list .button{min-height:32px;padding:4px 12px;font-size:13px}@media (max-width:680px){.tl-list li{grid-template-columns:28px 1fr auto}.tl-list li small{grid-column:2}}.ct-sticker{width:auto;max-width:100%;height:420px;max-height:500px;display:block}.lt-text{resize:vertical;border:1px solid var(--line-2);border-radius:var(--r1);background:var(--surface);width:100%;min-height:84px;color:var(--ink);padding:10px 12px;font-size:17px;line-height:1.6}.lt-warning{color:var(--danger)!important}.eg-canvas{width:auto;max-width:100%;height:auto;max-height:520px;display:block}.eg-canvas.actual{max-width:none;max-height:none;image-rendering:pixelated}.sh-sheet{width:auto;max-width:100%;height:480px;display:block}.pen-table{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;margin-top:12px;display:grid}.pen-row{border:1px solid var(--line);border-radius:var(--r1);background:var(--surface);font-variant-numeric:tabular-nums;grid-template-columns:1fr 1fr 1.4fr;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:grid}.pen-row i{vertical-align:-2px;border:1px solid #00000026;border-radius:4px;width:14px;height:14px;margin-inline-end:7px;display:inline-block}.pen-head{display:none}.quote-message{border:1px dashed var(--line-2);border-radius:var(--r1);background:var(--surface-2);white-space:pre-wrap;font:inherit;margin:16px 0 12px;padding:12px 14px;font-size:14px;line-height:1.7}.quote-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quote-actions .button.disabled{opacity:.45;pointer-events:none}