*{box-sizing:border-box}html,body,#app{margin:0;height:100%;font-family:Vazirmatn,system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}:root,[data-theme=dark]{--bg: #0f1318;--panel: #171c24;--topbar-bg: color-mix(in srgb, #171c24 92%, transparent);--text: #e8ecf1;--muted: #9aa3b2;--stroke: #2a3340;--accent: #c4894a;--accent-soft: color-mix(in srgb, var(--accent) 28%, transparent);--field: #12171e;--radius: 14px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}[data-theme=light]{--bg: #e6e9ee;--panel: #f4f6f8;--topbar-bg: color-mix(in srgb, #f4f6f8 94%, transparent);--text: #1a1f27;--muted: #5c6573;--stroke: #c9d0da;--accent: #a56b32;--accent-soft: color-mix(in srgb, var(--accent) 22%, transparent);--field: #ffffff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.mobile-only,.hint-mobile{display:none}#app{display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(300px,380px) 1fr;grid-template-areas:"top top" "dock view"}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;padding-top:calc(12px + var(--safe-t));border-bottom:1px solid var(--stroke);background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.brand{display:flex;gap:12px;align-items:center;min-width:0}.brand-mark{width:36px;height:36px;border-radius:10px;background:radial-gradient(circle at 30% 30%,#d4a574,transparent 55%),linear-gradient(135deg,#c4894a,#5c3d22);display:block;flex-shrink:0;text-decoration:none}.brand strong{display:block;font-size:15px}.brand-sub{margin:2px 0 0;font-size:12px;color:var(--muted)}.top-nav{display:flex;align-items:center;gap:8px;flex-shrink:0}.theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid var(--stroke);background:var(--field);color:var(--text);border-radius:12px;cursor:pointer}.theme-toggle svg{width:18px;height:18px}[data-theme=dark] .icon-sun,[data-theme=light] .icon-moon{display:none}.dock{grid-area:dock;overflow:auto;overscroll-behavior:contain;padding:16px 18px 24px;border-inline-end:1px solid var(--stroke);background:var(--panel);display:flex;flex-direction:column;gap:20px;-webkit-overflow-scrolling:touch}.dock-handle,.dock-handle-hit{display:none}.dock-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.dock-section{display:flex;flex-direction:column;gap:12px}.dock h2{margin:0;font-size:13px;font-weight:600;letter-spacing:.01em;display:flex;align-items:baseline;gap:8px}.dock h2 .unit{font-size:11px;font-weight:500;color:var(--muted)}.dims-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--muted)}.field input[type=number]{width:100%;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);background:var(--field);color:var(--text);font:inherit;font-size:15px}.field input[type=number]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field .hint,.hint{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.body-kind{display:flex;flex-direction:column;gap:10px}.body-kind-title{font-size:13px;font-weight:600;margin-top:2px}.metal-chip{box-shadow:inset 0 1px color-mix(in srgb,#fff 55%,transparent),inset 0 -1px color-mix(in srgb,#000 25%,transparent)}.wood-swatches{display:flex;flex-direction:column;gap:14px}.wood-cat-title{font-size:12px;color:var(--muted);margin-bottom:6px}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.mat-swatch{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 10px;border-radius:12px;border:1px solid var(--stroke);background:var(--field);color:var(--text);font:inherit;font-size:12px;cursor:pointer}.mat-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.mat-chip{width:18px;height:18px;border-radius:5px;border:1px solid color-mix(in srgb,#000 20%,transparent);flex-shrink:0}.glass-chip{box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 40%,transparent)}.summary-cards{display:grid;grid-template-columns:1fr;gap:8px}.summary-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--stroke);background:var(--field);font-size:13px}.summary-card .k{color:var(--muted)}.summary-card .v{font-weight:600}.summary{margin:0;padding:12px 14px;border-radius:12px;border:1px solid var(--stroke);background:var(--field);white-space:pre-line;font-size:13px;line-height:1.7}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-btn{min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);background:var(--field);color:var(--text);font:inherit;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.mode-ico{opacity:.7}.mode-btn.active{background:linear-gradient(135deg,#c4894a,#8a5a2b);border-color:transparent;color:#fff}.mode-btn.active .mode-ico{opacity:1}#door-controls[hidden],#part-spec-panel[hidden]{display:none}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{flex:1;min-width:120px;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);background:var(--field);color:var(--text);font:inherit;font-size:13px;cursor:pointer}.actions button.primary{background:linear-gradient(135deg,#c4894a,#8a5a2b);border-color:transparent;color:#fff}.slider-row{display:flex;flex-direction:column;gap:8px}.slider-label-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.slider-val{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.slider-row input[type=range]{width:100%;height:28px;accent-color:var(--accent)}#view{grid-area:view;position:relative;min-height:0;background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 55%),var(--bg);touch-action:none}#view canvas{display:block;width:100%;height:100%;touch-action:none}.hint-bar{position:absolute;left:50%;right:auto;bottom:calc(16px + var(--safe-b));transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);padding:10px 14px;border-radius:999px;border:1px solid var(--stroke);background:color-mix(in srgb,var(--panel) 90%,transparent);color:var(--muted);font-size:12px;line-height:1.4;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.view-fab-row{display:none}.fab{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--stroke);background:linear-gradient(135deg,#c4894a,#8a5a2b);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 10px 28px color-mix(in srgb,#000 35%,transparent)}.fab-ico{font-size:16px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:color-mix(in srgb,#000 45%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;padding:0;cursor:pointer}.sheet-backdrop[hidden]{display:none}.door-menu{position:fixed;z-index:40;width:min(320px,calc(100vw - 24px));padding:14px;border-radius:16px;border:1px solid var(--stroke);background:var(--panel);box-shadow:0 16px 48px color-mix(in srgb,#000 40%,transparent);display:flex;flex-direction:column;gap:14px;color:var(--text);max-height:min(90vh,640px);overflow:auto}.door-menu[hidden]{display:none}.door-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.menu-kicker{font-size:11px;color:var(--muted);margin-bottom:2px}.icon-x{width:40px;height:40px;border-radius:12px;border:1px solid var(--stroke);background:var(--field);color:var(--text);font-size:20px;line-height:1;cursor:pointer;flex-shrink:0}.menu-block{display:flex;flex-direction:column;gap:8px}.menu-label{font-size:12px;color:var(--muted)}.segment{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;padding:4px;border-radius:14px;background:var(--field);border:1px solid var(--stroke)}.segment button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:42px;padding:8px 6px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}.segment button.active{background:linear-gradient(135deg,#c4894a,#8a5a2b);color:#fff;font-weight:600}.door-menu-extra{border-top:1px dashed var(--stroke);padding-top:8px}.door-menu-actions{margin-top:2px;padding-bottom:2px}.sheet-handle{width:40px;height:4px;border-radius:999px;background:var(--stroke);margin:2px auto 6px}@media(max-width:900px){.mobile-only{display:flex}.hint-desktop{display:none}.hint-mobile{display:block}.brand-sub{display:none}#app{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"top" "view"}.dock{position:fixed;inset-inline:0;bottom:0;z-index:36;max-height:min(82vh,720px);border-inline-end:none;border-top:1px solid var(--stroke);border-radius:20px 20px 0 0;transform:translateY(110%);transition:transform .28s cubic-bezier(.2,.8,.2,1);padding:8px 16px calc(20px + var(--safe-b));box-shadow:0 -12px 40px color-mix(in srgb,#000 30%,transparent)}.dock-handle-hit{display:flex;align-items:center;justify-content:center;padding:10px 0 6px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0}.dock-handle-hit:active{cursor:grabbing}.dock-handle{display:block;width:48px;height:5px;border-radius:999px;background:var(--stroke);margin:0 auto;flex-shrink:0;pointer-events:none}.dock-head{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.dock-head:active{cursor:grabbing}#app.panel-open .dock{transform:translateY(0)}#app.dock-dragging .dock{transition:none}#view{min-height:0}.hint-bar{bottom:calc(72px + var(--safe-b));font-size:11px}.view-fab-row{display:flex;position:absolute;inset-inline:0;bottom:calc(14px + var(--safe-b));justify-content:center;pointer-events:none;z-index:4}.view-fab-row .fab{pointer-events:auto}#app.panel-open .view-fab-row{opacity:0;pointer-events:none}.door-menu.is-sheet{inset-inline:0;bottom:0;left:0!important;top:auto!important;width:100%;max-width:none;max-height:min(88vh,760px);border-radius:20px 20px 0 0;padding:8px 16px calc(18px + var(--safe-b));border-left:none;border-right:none;border-bottom:none}.dims-grid{gap:10px}.summary-cards{grid-template-columns:1fr 1fr}.summary-cards .summary-card:last-child:nth-child(odd){grid-column:1 / -1}.segment{grid-auto-flow:dense;grid-template-columns:1fr 1fr 1fr}#door-hinge-seg{grid-template-columns:1fr 1fr}}@media(max-width:420px){.brand strong{font-size:14px}.segment button{font-size:11px;padding:8px 4px}.mat-swatch{font-size:11px}}@media(min-width:901px){.view-fab-row,#panel-backdrop{display:none!important}.hint-bar{left:auto;right:16px;transform:none;text-align:start}}.help-toggle{font-size:18px;font-weight:700;line-height:1}.hints-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.hint-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--stroke);background:var(--field);font-size:13px;line-height:1.6}.hint-badge{flex-shrink:0;min-width:52px;padding:4px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;text-align:center}.hint-mobile-only{display:none}@media(max-width:900px){.hint-desktop-only{display:none}.hint-mobile-only{display:flex}}@media(min-width:901px){.hint-mobile-only{display:none}}.welcome-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:color-mix(in srgb,#000 55%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;padding:0}.welcome-backdrop[hidden],.welcome-modal[hidden]{display:none}.welcome-modal{position:fixed;z-index:51;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 32px));max-height:min(88vh,640px);overflow:auto;border-radius:20px;border:1px solid var(--stroke);background:var(--panel);box-shadow:0 24px 64px color-mix(in srgb,#000 45%,transparent);color:var(--text);-webkit-overflow-scrolling:touch}.welcome-sheet-handle{display:none}.welcome-body{padding:24px 22px 20px;display:flex;flex-direction:column;gap:14px}.welcome-title{margin:0;font-size:1.35rem;font-weight:700;line-height:1.35}.welcome-copy{display:flex;flex-direction:column;gap:12px;font-size:14px;line-height:1.85;color:var(--text)}.welcome-copy p{margin:0}.welcome-copy strong{color:var(--accent);font-weight:700}.welcome-note{padding:12px 14px;border-radius:12px;border:1px solid var(--stroke);background:var(--field);color:var(--muted);font-size:13px}.welcome-thanks{font-weight:600}.welcome-ok{width:100%;min-height:48px;margin-top:4px;border:0;border-radius:12px;background:linear-gradient(135deg,#c4894a,#8a5a2b);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer}@media(max-width:900px){.welcome-modal{left:0;right:0;top:auto;bottom:0;transform:none;width:100%;max-width:none;max-height:min(90vh,720px);border-radius:20px 20px 0 0;border-left:none;border-right:none;border-bottom:none;padding-bottom:var(--safe-b)}.welcome-sheet-handle{display:block;width:40px;height:4px;border-radius:999px;background:var(--stroke);margin:10px auto 0}.welcome-body{padding:16px 18px calc(18px + var(--safe-b))}.welcome-title{font-size:1.2rem}}