@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sora-latin-ext-600-normal-Cue1zdhl.woff2)format("woff2"),url(/assets/sora-latin-ext-600-normal-DLOJK0Ta.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/sora-latin-600-normal-Cdg4DaK0.woff2)format("woff2"),url(/assets/sora-latin-600-normal-1_7fyUAY.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sora-latin-ext-700-normal-DM0oy5s8.woff2)format("woff2"),url(/assets/sora-latin-ext-700-normal-Oc7uZIYt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/sora-latin-700-normal-9waGdLWo.woff2)format("woff2"),url(/assets/sora-latin-700-normal-BKPfQAnC.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f6f5f2;--surface:#fff;--surface-2:#efede8;--surface-3:#e6e3dc;--border:#e2dfd8;--border-strong:#cfcbc2;--text:#1b1d21;--text-2:#656a73;--text-3:#8d929a;--accent:#4f46e5;--accent-2:#4338ca;--accent-soft:#e7e5fd;--accent-text:#fff;--ok:#1f9d55;--warn:#d97706;--warn-soft:#fdf1df;--danger:#dc2626;--vp-top:#efede8;--vp-bottom:#d9d6ce;--shadow-1:0 1px 2px #14120c0d;--shadow-2:0 1px 2px #14120c0a, 0 8px 24px #14120c12;--shadow-3:0 2px 6px #14120c0f, 0 22px 60px #14120c29;--r-1:8px;--r-2:12px;--r-3:18px;--font:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Sora", "Inter Variable", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141618;--surface:#1d2024;--surface-2:#262a2f;--surface-3:#2f343a;--border:#30353b;--border-strong:#42484f;--text:#eceae4;--text-2:#9aa0a8;--text-3:#747a82;--accent:#7c74ff;--accent-2:#958eff;--accent-soft:#2a2860;--accent-text:#0f0e24;--warn-soft:#3a2a10;--vp-top:#1c1f23;--vp-bottom:#0f1113;--shadow-2:0 1px 2px #0000004d, 0 8px 24px #00000059;--shadow-3:0 2px 6px #0006, 0 22px 60px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#141618;--surface:#1d2024;--surface-2:#262a2f;--surface-3:#2f343a;--border:#30353b;--border-strong:#42484f;--text:#eceae4;--text-2:#9aa0a8;--text-3:#747a82;--accent:#7c74ff;--accent-2:#958eff;--accent-soft:#2a2860;--accent-text:#0f0e24;--warn-soft:#3a2a10;--vp-top:#1c1f23;--vp-bottom:#0f1113;--shadow-2:0 1px 2px #0000004d, 0 8px 24px #00000059;--shadow-3:0 2px 6px #0006, 0 22px 60px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}body,#app{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tnum{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--text-2)}.btn{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:550;transition:background .12s,border-color .12s,transform 60ms,box-shadow .12s;display:inline-flex;text-decoration:none!important}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn svg{flex:none;width:17px;height:17px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:0 1px 2px #4f46e540,0 4px 14px #4f46e538}.btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-2)}.btn-lg{border-radius:13px;height:48px;padding:0 22px;font-size:16px}.btn-sm{border-radius:8px;height:30px;padding:0 10px;font-size:13px}.btn-danger{color:var(--danger)}.icon-btn{width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;transition:background .12s,color .12s;display:inline-grid;position:relative}.icon-btn:hover{background:var(--surface-2)}.icon-btn:disabled{opacity:.35;cursor:default;background:0 0}.icon-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.icon-btn svg{width:18px;height:18px}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);color:#f4f3ef;white-space:pre;pointer-events:none;z-index:100;box-shadow:var(--shadow-2);background:#1b1d21;border-radius:7px;padding:6px 9px;font-size:12px;font-weight:500;line-height:1.3;animation:.12s .35s both tip-in;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tip-pos=top]:hover:after{top:auto;bottom:calc(100% + 8px)}[data-tip-pos=right]:hover:after{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}[data-tip-pos=left]:hover:after{top:50%;left:auto;right:calc(100% + 8px);transform:translateY(-50%)}@keyframes tip-in{0%{opacity:0}to{opacity:1}}kbd{background:var(--surface-2);border:1px solid var(--border);min-width:20px;font:600 11.5px/1.5 var(--font);text-align:center;color:var(--text);border-bottom-width:2px;border-radius:5px;padding:1px 6px;display:inline-block}.field{gap:5px;display:grid}.field>span{color:var(--text-2);font-size:12px;font-weight:550}.input,.select{border:1px solid var(--border);background:var(--surface);border-radius:9px;width:100%;height:34px;padding:0 10px;font-size:14px}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.seg{background:var(--surface-2);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{cursor:pointer;color:var(--text-2);background:0 0;border:0;border-radius:7px;padding:4px 10px;font-size:13px;font-weight:550}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.dialog-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#14120c57;place-items:center;padding:16px;animation:.15s both fade;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--r-3);box-shadow:var(--shadow-3);border:1px solid var(--border);width:min(560px,100%);max-height:calc(100vh - 32px);animation:.18s cubic-bezier(.2,.9,.3,1.2) both pop;overflow:auto}.dialog-head{justify-content:space-between;align-items:center;padding:18px 20px 6px 22px;display:flex}.dialog-head h2{font-size:19px}.dialog-body{padding:8px 22px 22px}.dialog-foot{justify-content:flex-end;gap:8px;padding:0 22px 20px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}}.toasts{z-index:300;pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{color:#f4f3ef;box-shadow:var(--shadow-3);background:#1b1d21;border-radius:10px;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;font-weight:500;animation:.2s cubic-bezier(.2,.9,.3,1.2) both toast-in;display:flex}.toast svg{width:16px;height:16px}.toast.warn svg{color:#f5a524}.toast.ok svg{color:#3cc77a}.toast.error svg{color:#f26d6d}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--border)}.site-header .inner{align-items:center;gap:18px;max-width:1180px;height:64px;margin:0 auto;padding:0 24px;display:flex}.site-nav{gap:4px;margin-left:12px;display:flex}.site-nav a{color:var(--text-2);border-radius:9px;padding:7px 12px;font-size:14.5px;font-weight:550}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text);background:var(--surface-2);text-decoration:none}.spacer{flex:1}.logo{color:var(--text);align-items:center;gap:10px;display:inline-flex;text-decoration:none!important}.logo-word{font-family:var(--font-display);letter-spacing:-.03em;font-size:19px;font-weight:650}.page{max-width:1180px;margin:0 auto;padding:0 24px}.site-footer{border-top:1px solid var(--border);color:var(--text-2);margin-top:96px;padding:28px 0 40px;font-size:14px}.site-footer .inner{flex-wrap:wrap;align-items:center;gap:12px 28px;max-width:1180px;margin:0 auto;padding:0 24px;display:flex}.site-footer a{color:var(--text-2)}.hero{grid-template-columns:1fr 1.25fr;align-items:center;gap:48px;padding:48px 0 56px;display:grid}.eyebrow{color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 11px;font-size:13px;font-weight:650;display:inline-flex}.hero h1{letter-spacing:-.045em;font-size:clamp(40px,5.4vw,66px);font-weight:700}.hero h1 em{color:var(--accent);font-style:normal}.hero .lead{color:var(--text-2);max-width:34em;margin:20px 0 30px;font-size:18.5px;line-height:1.55}.hero-cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-facts{color:var(--text-2);flex-wrap:wrap;gap:22px;margin-top:30px;font-size:14px;display:flex}.hero-facts span{align-items:center;gap:7px;display:inline-flex}.hero-facts svg{width:16px;height:16px;color:var(--ok)}.hero-media{box-shadow:var(--shadow-3);aspect-ratio:3/2;background:#f6f5f2;border-radius:26px;position:relative;overflow:hidden}.hero-media img{aspect-ratio:3/2;object-fit:cover;width:100%;height:100%;display:block}.section{padding:56px 0 8px}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.section-head h2{font-size:clamp(26px,3vw,36px);font-weight:700}.section-head p{color:var(--text-2);max-width:36em;margin-top:8px}.features{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-1);transition:transform .2s,box-shadow .2s;overflow:hidden}.feature:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.feature img{aspect-ratio:4/3;object-fit:cover;background:#f6f5f2;width:100%;height:auto;display:block}.feature div{padding:18px 20px 22px}.feature h3{margin-bottom:6px;font-size:18px}.feature p{color:var(--text-2);font-size:14.5px}.howto{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.howto li{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);counter-increment:step;padding:18px;list-style:none}.howto li:before{content:counter(step);background:var(--accent);width:30px;height:30px;color:var(--accent-text);font:700 15px var(--font-display);border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.howto b{margin-bottom:4px;display:block}.howto span{color:var(--text-2);font-size:14px}.privacy-note{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2);color:var(--text-2);align-items:flex-start;gap:14px;padding:18px 20px;font-size:14.5px;display:flex}.privacy-note svg{color:var(--ok);flex:none;margin-top:2px}.examples{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.ex-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);box-shadow:var(--shadow-1);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.ex-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.ex-thumb{aspect-ratio:4/3;background:linear-gradient(180deg, var(--vp-top), var(--vp-bottom));place-items:center;display:grid;overflow:hidden}.ex-thumb img{object-fit:cover;width:100%;height:100%;display:block}.ex-body{flex:1;gap:6px;padding:16px 18px 18px;display:grid}.ex-body h3{font-size:17px}.ex-meta{color:var(--text-3);font-size:13px}.ex-actions{gap:8px;margin-top:8px;display:flex}.skeleton{background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.editor{background:var(--bg);grid-template:"top top top"52px"left vp right"1fr/auto 1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;grid-area:top;align-items:center;gap:6px;padding:0 10px 0 14px;display:flex}.topbar .divider{background:var(--border);width:1px;height:22px;margin:0 6px}.model-name{field-sizing:content;background:0 0;border:1px solid #0000;border-radius:8px;min-width:80px;max-width:280px;padding:5px 8px;font-size:15px;font-weight:650}.model-name:hover{border-color:var(--border)}.model-name:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.status{color:var(--text-2);white-space:nowrap;align-items:center;gap:7px;padding:0 8px;font-size:12.5px;display:inline-flex}.status i{background:var(--ok);border-radius:50%;width:7px;height:7px}.status i.shared{background:var(--accent)}.panel{background:var(--surface);z-index:5;flex-direction:column;min-height:0;display:flex}.panel-left{border-right:1px solid var(--border);grid-area:left;width:252px}.panel-right{border-left:1px solid var(--border);grid-area:right;width:272px;overflow:auto}.panel.collapsed{border:0;width:0;overflow:hidden}.panel-head{gap:10px;padding:12px 12px 8px;display:grid}.search{position:relative}.search svg{width:16px;height:16px;color:var(--text-3);position:absolute;top:9px;left:10px}.search input{padding-left:32px}.cat-tabs{flex-wrap:wrap;gap:4px;display:flex}.cat-tabs button{background:var(--surface-2);color:var(--text-2);cursor:pointer;border:0;border-radius:999px;padding:4px 9px;font-size:12.5px;font-weight:600}.cat-tabs button[aria-pressed=true]{background:var(--text);color:var(--surface)}.parts-scroll{flex:1;padding:4px 12px 16px;overflow:auto}.parts-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin:10px 2px 6px;font-size:11.5px;font-weight:650}.parts-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.part-tile{aspect-ratio:1;background:var(--surface-2);cursor:pointer;border:1.5px solid #0000;border-radius:11px;place-items:center;padding:4px;transition:background .12s,border-color .12s,transform .12s;display:grid;position:relative}.part-tile:hover{background:var(--surface-3)}.part-tile:hover img{transform:scale(1.06)}.part-tile[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.part-tile img{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:transform .15s}.part-tile small{text-align:center;color:var(--text-2);pointer-events:none;font-size:10.5px;font-weight:650;position:absolute;bottom:3px;left:0;right:0}.viewport{background:linear-gradient(180deg, var(--vp-top) 0%, var(--vp-bottom) 100%);touch-action:none;grid-area:vp;position:relative;overflow:hidden}.viewport-canvas{outline:none;display:block;position:absolute;inset:0}.viewport.tool-bauen .viewport-canvas,.viewport.tool-pipette .viewport-canvas{cursor:crosshair}.viewport.tool-radieren .viewport-canvas{cursor:cell}.viewport.shake{animation:.25s shake}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.float-bar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-2);z-index:4;border-radius:14px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute}.tool-pill{top:14px;left:14px}.tool-pill .sep{background:var(--border);width:1px;height:20px;margin:0 4px}.view-pill{top:14px;right:14px}.color-bar{gap:10px;max-width:calc(100% - 300px);padding:7px 10px;bottom:14px;left:50%;transform:translate(-50%)}.swatches{grid-template-columns:repeat(13,22px);gap:5px;display:grid}.swatch{cursor:pointer;border:0;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #00000024,inset 0 -3px 5px #00000024}.swatch:hover{transform:scale(1.18)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text), inset 0 -3px 5px #00000024;transform:scale(1.08)}.color-current{gap:1px;min-width:74px;font-size:12px;line-height:1.25;display:grid}.color-current b{font-size:13px}.color-current span{color:var(--text-3)}.layer-slider{z-index:4;justify-items:center;gap:8px;padding:10px 6px;display:grid;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.layer-slider input[type=range]{writing-mode:vertical-lr;width:24px;height:200px;accent-color:var(--accent);cursor:pointer;direction:rtl}.layer-slider .lbl{color:var(--text-2);text-align:center;font-size:11px;font-weight:650;line-height:1.2}.coord-badge{color:var(--text-2);background:color-mix(in srgb, var(--surface) 85%, transparent);border:1px solid var(--border);z-index:4;pointer-events:none;border-radius:8px;padding:4px 9px;font-size:12px;font-weight:550;position:absolute;bottom:14px;left:14px}.empty-hint{background:color-mix(in srgb, var(--surface) 92%, transparent);border:1px solid var(--border);box-shadow:var(--shadow-2);text-align:center;pointer-events:none;color:var(--text-2);z-index:3;border-radius:14px;justify-items:center;gap:6px;padding:12px 18px;font-size:13px;animation:.4s both fade;display:grid;position:absolute;top:78px;left:50%;transform:translate(-50%)}.empty-hint b{font:650 15.5px var(--font-display);color:var(--text)}.paste-hint{background:var(--text);color:var(--surface);z-index:4;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:550;position:absolute;top:70px;left:50%;transform:translate(-50%)}.select-rect{border:1.5px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);pointer-events:none;z-index:5;border-radius:3px;position:absolute}.ctx{gap:18px;padding:14px 16px 18px;display:grid}.ctx h3{font-size:12px;font-family:var(--font);color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-weight:700}.stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{background:var(--surface-2);border-radius:10px;padding:9px 11px}.stat b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:18px;font-weight:700;display:block}.stat span{color:var(--text-2);font-size:11.5px}.stat.wide{grid-column:span 2}.warn-box{background:var(--warn-soft);color:var(--text);text-align:left;cursor:pointer;border:0;border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;font-size:13px;display:flex}.warn-box svg{color:var(--warn);flex:none;width:18px;height:18px;margin-top:1px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mini-swatches{flex-wrap:wrap;gap:6px;display:flex}.mini-swatches .swatch{width:24px;height:24px}.bom-mini{gap:4px;max-height:260px;display:grid;overflow:auto}.bom-mini div{grid-template-columns:34px 1fr auto;align-items:center;gap:8px;font-size:12.5px;display:grid}.bom-mini img{background:var(--surface-2);border-radius:8px;width:34px;height:34px}.bom-mini b{font-variant-numeric:tabular-nums}.menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-3);z-index:60;border-radius:12px;min-width:250px;padding:6px;animation:.14s both pop;position:absolute;top:48px;right:10px}.menu button,.menu a{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}.menu button:hover,.menu a:hover{background:var(--surface-2)}.menu svg{width:17px;height:17px;color:var(--text-2)}.menu kbd{margin-left:auto}.menu hr{border:0;border-top:1px solid var(--border);margin:5px 4px}.shortcuts{grid-template-columns:1fr 1fr;gap:8px 28px;display:grid}.shortcuts h4{text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);grid-column:span 2;margin:10px 0 0;font-size:12px}.shortcuts div{justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;display:flex}.shortcuts div span:last-child{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}.welcome{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.welcome button{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:14px;gap:6px;padding:16px 14px;transition:border-color .12s,background .12s;display:grid}.welcome button:hover{border-color:var(--accent);background:var(--accent-soft)}.welcome svg{color:var(--accent)}.welcome b{font-size:14.5px}.welcome span{color:var(--text-2);font-size:12.5px}.coach{z-index:90;background:var(--text);color:var(--surface);max-width:280px;box-shadow:var(--shadow-3);border-radius:12px;padding:12px 14px;font-size:14px;animation:.2s both pop;position:absolute}.coach .row{justify-content:space-between;margin-top:10px}.coach button{color:inherit;opacity:.75;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.coach button.next{opacity:1;background:var(--surface);color:var(--text);border-radius:7px;padding:4px 10px;font-weight:600}.share-link{gap:8px;display:flex}.share-qr{grid-template-columns:132px 1fr;align-items:center;gap:18px;margin-top:16px;display:grid}.share-qr .qr svg{width:100%;height:100%;display:block}.mobile-note{background:var(--bg);z-index:400;text-align:center;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mobile-note>div{justify-items:center;gap:14px;max-width:360px;display:grid}.viewer{grid-template-columns:1fr 340px;gap:24px;min-height:calc(100vh - 104px);padding:24px 0;display:grid}.viewer-stage{border-radius:var(--r-3);background:linear-gradient(180deg, var(--vp-top), var(--vp-bottom));border:1px solid var(--border);min-height:520px;position:relative;overflow:hidden}.viewer-side{align-content:start;gap:16px;display:grid}.viewer-side h1{font-size:30px}.notfound{text-align:center;justify-items:center;gap:16px;padding:40px 0;display:grid}.notfound img{border-radius:22px;width:min(520px,100%)}@media (max-width:1100px){.panel-left{width:220px}.panel-right{width:240px}.color-bar{max-width:calc(100% - 120px)}.swatches{grid-template-columns:repeat(13,20px)}.swatch{width:20px;height:20px}}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:28px;padding-top:28px}.features{grid-template-columns:1fr}.howto{grid-template-columns:1fr 1fr}.viewer{grid-template-columns:1fr}.site-nav a.hide-sm{display:none}.welcome{grid-template-columns:1fr}}@media (max-width:600px){.page,.site-header .inner,.site-footer .inner{padding:0 16px}.site-nav{margin-left:0}.site-nav a{padding:6px 8px}.site-header .btn-primary{display:none}.hero-cta .btn{flex:1}html,body{overflow-x:hidden}.howto{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:start}.viewer-stage{min-height:380px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.instr{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.instr-bar{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:58px;padding:0 14px;display:flex;position:sticky;top:0}.instr-bar .divider{background:var(--border);width:1px;height:24px}.instr-title{line-height:1.25;display:grid}.instr-title b{font-size:15px}.instr-title span{font-size:12.5px}.instr-opt{color:var(--text-2);gap:2px;font-size:11.5px;font-weight:600;display:grid}.instr-opt.check{color:var(--text);cursor:pointer;align-items:center;gap:7px;font-size:13px;display:flex}.instr-opt input[type=range]{width:120px;accent-color:var(--accent)}.instr-opt input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.instr-progress{background:var(--accent);height:2px;transition:width .15s;position:absolute;bottom:-1px;left:0}.instr-main{grid-template-columns:250px 1fr;min-height:0;display:grid}.step-list{border-right:1px solid var(--border);background:var(--surface);height:calc(100vh - 58px);padding:12px 10px 30px;position:sticky;top:58px;overflow:auto}.step-list-head{justify-content:space-between;align-items:center;padding:0 4px 8px;display:flex}.step-banner{background:var(--accent-soft);border-radius:9px;margin-bottom:8px;padding:8px 10px;font-size:12.5px}.step-list ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.step-list li{border-radius:10px}.step-list li.active{background:var(--accent-soft)}.step-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:64px 1fr;align-items:center;gap:10px;width:100%;padding:6px;display:grid}.step-item:hover{background:var(--surface-2)}.step-list li.active .step-item:hover{background:0 0}.step-item b{font-size:13.5px;display:block}.step-item small{align-items:center;gap:4px;font-size:12px;display:flex}.step-item small.warn{color:var(--warn)}.step-thumb{border:1px solid var(--border);background:#fff;border-radius:7px;width:64px;height:44px;display:block;overflow:hidden}.step-thumb img,.step-thumb .skeleton{object-fit:cover;width:100%;height:100%;display:block}.step-tools{flex-wrap:wrap;align-items:center;gap:2px;padding:0 6px 8px;display:flex}.step-tools .select{flex:1;width:auto;min-width:100px;height:30px;padding:0 6px;font-size:12.5px}.sheet-scroll{--zoom:.8;background:color-mix(in srgb, var(--bg) 70%, #b9b5ab);padding:28px 24px 60px;overflow-x:auto}.sheets{zoom:var(--zoom);justify-content:center;gap:18px;display:grid}.sheet{color:#1b1d21;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;flex-direction:column;width:210mm;height:297mm;padding:14mm 14mm 0;font-size:10.5pt;line-height:1.45;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000014,0 10px 30px #0000001f}.sheet-foot{color:#8d929a;border-top:.3mm solid #e6e3dc;justify-content:space-between;padding-top:2.5mm;font-size:8.5pt;display:flex;position:absolute;bottom:8mm;left:14mm;right:14mm}.sheet .skeleton{background:linear-gradient(90deg,#f1efea,#e7e4dd,#f1efea) 0 0/200% 100%;border-radius:3mm;width:100%;height:100%;animation:1.3s linear infinite shimmer;display:block}.cover-head{font:650 11pt var(--font-display);color:#4f46e5;letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:3mm;display:flex}.cover-hero{place-items:center;height:150mm;margin:6mm -6mm 4mm;display:grid}.cover-hero img{object-fit:contain;max-width:100%;max-height:100%}.cover-title{font:700 30pt/1.05 var(--font-display);letter-spacing:-.03em;margin:0}.cover-author{color:#656a73;margin-top:2mm;font-size:13pt}.cover-facts{color:#1b1d21;background:#f6f5f2;border-radius:2.5mm;align-self:flex-start;margin-top:5mm;padding:3mm 4mm;font-size:10.5pt;font-weight:550;display:inline-block}.cover-bottom{color:#3b3f46;justify-content:space-between;align-items:flex-end;gap:8mm;margin-top:auto;margin-bottom:20mm;font-size:9.5pt;display:flex}.cover-bottom b{color:#1b1d21;margin-bottom:1mm;display:block}.cover-bottom>div:first-child{max-width:120mm}.cover-qr{color:#656a73;justify-items:center;gap:1.5mm;font-size:8pt;display:grid}.cover-qr>div{width:24mm;height:24mm}.cover-qr svg{width:100%;height:100%}.step-grid{gap:6mm;height:255mm;display:grid}.per-1 .step-grid{grid-template-rows:1fr}.per-2 .step-grid{grid-template-rows:1fr 1fr}.per-4 .step-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:5mm}.step{cursor:pointer;background:#fff;border:.3mm solid #e6e3dc;border-radius:3.5mm;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.step.sel{outline-offset:.6mm;outline:.6mm solid #4f46e5}.step-head{justify-content:space-between;align-items:flex-start;gap:4mm;padding:3.5mm 3.5mm 0;display:flex}.step-img{flex:1;min-height:0;position:relative}.step-img>img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.step-no{flex:none;justify-items:start;gap:1mm;display:grid}.step-no span{color:#fff;min-width:11mm;height:11mm;font:700 15pt var(--font-display);letter-spacing:-.02em;background:#4f46e5;border-radius:5.5mm;place-items:center;padding:0 2.5mm;display:grid}.step-no small{color:#4f46e5;text-transform:uppercase;letter-spacing:.06em;font-size:7.5pt;font-weight:650}.callout{background:#f6f5f2;border:.3mm solid #e6e3dc;border-radius:2.5mm;align-items:center;gap:2mm;min-width:0;padding:1.5mm 2.5mm;display:flex}.callout .repeat,.phone-parts .repeat{font:700 14pt var(--font-display);color:#4f46e5;border-right:.3mm solid #e6e3dc;padding-right:2mm}.callout-parts{flex-wrap:wrap;justify-content:flex-end;gap:.5mm 2.5mm;display:flex}.cp{flex-direction:column;align-items:center;font-size:9pt;font-weight:700;line-height:1;display:flex}.cp img{object-fit:contain;width:12mm;height:12mm}.per-4 .cp img{width:9mm;height:9mm}.per-4 .step-no span{min-width:9mm;height:9mm;font-size:12pt}.minimap{background:#fff;border:.3mm solid #e6e3dc;border-radius:2mm;width:24mm;padding:1mm;position:absolute;bottom:3.5mm;right:3.5mm}.per-4 .minimap{width:16mm}.minimap img{width:100%;display:block}.step-note{flex-direction:column;align-items:flex-start;gap:1mm;display:flex;position:absolute;bottom:3.5mm;left:3.5mm}.step-note span{color:#3b3f46;background:#f6f5f2;border-radius:1.5mm;align-items:center;gap:1mm;padding:.8mm 2mm;font-size:8.5pt;font-weight:600;display:inline-flex}.step-note .warn{color:#92400e;background:#fdf1df}.bom-title{font:700 18pt var(--font-display);justify-content:space-between;align-items:baseline;margin-bottom:6mm;display:flex}.bom-title span{font:550 10pt var(--font);color:#656a73}.bom-grid{grid-template-columns:repeat(5,1fr);gap:3mm;display:grid}.bom-item{text-align:center;background:#f6f5f2;border:.3mm solid #e6e3dc;border-radius:2.5mm;justify-items:center;padding:2mm 2mm 2.5mm;line-height:1.2;display:grid}.bom-item img{object-fit:contain;width:20mm;height:20mm}.bom-item b{font:700 13pt var(--font-display);margin-top:.5mm}.bom-item span{margin-top:.5mm;font-size:8.5pt;font-weight:600}.bom-item small{color:#656a73;font-size:8pt}.instr-empty,.instr-loading{text-align:center;place-content:center;justify-items:center;gap:14px;min-height:100vh;padding:24px;display:grid}.instr-empty img{border-radius:20px;width:min(440px,90vw)}.phone{background:var(--bg);grid-template-rows:auto auto 1fr auto;min-height:100vh;display:grid}.phone-bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 12px;display:flex}.phone-bar b{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.phone-progress{background:var(--surface-2);height:3px}.phone-progress i{background:var(--accent);height:100%;transition:width .2s;display:block}.phone-body{padding:14px 16px}.phone-cover{text-align:center;justify-items:center;gap:12px;display:grid}.phone-cover img{background:#fff;border-radius:16px;width:100%}.phone-cover h1{font-size:28px}.phone-step{gap:12px;display:grid}.phone-parts{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 12px;display:flex}.phone-parts .cp img{width:48px;height:48px}.phone-parts .cp b{font-size:14px}.phone-img{aspect-ratio:1240/820;border:1px solid var(--border);background:#fff;border-radius:16px;overflow:hidden}.phone-img img,.phone-img .skeleton{object-fit:contain;width:100%;height:100%;display:block}.phone-mini{border:1px solid var(--border);background:#fff;border-radius:10px;justify-self:end;width:130px;padding:4px}.phone-bom{gap:8px;display:grid}.phone-bom>div{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:6px 12px 6px 6px;display:grid}.phone-bom img{width:48px;height:48px}.phone-nav{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:sticky;bottom:0}@media (max-width:1180px){.instr-opt span{display:none}.instr-opt.check span{display:inline}.instr-main{grid-template-columns:210px 1fr}}@page{size:A4 portrait;margin:0}@media print{html,body{background:#fff!important}.instr-bar,.step-list,.toasts{display:none!important}.instr,.instr-main{display:block}.sheet-scroll{background:0 0;padding:0;overflow:visible}.sheets{zoom:1;display:block}.sheet{box-shadow:none;break-after:page;page-break-after:always;margin:0}.sheet:last-child{break-after:auto;page-break-after:auto}.step.sel{outline:none}}