:root{--ink: #181b19;--ink-soft: #242825;--muted: #6f736c;--faint: #9b9e95;--paper: #f2f0e9;--panel: #fdfcf8;--line: #dedad0;--line-soft: #eae7dd;--accent: #ef682a;--accent-deep: #d5511a;--accent-soft: rgba(239, 104, 42, .1);--green: #4f765e;--success: #58a974;--radius-sm: 8px;--radius-md: 11px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(24, 27, 25, .07), 0 1px 1px rgba(24, 27, 25, .04);--shadow-md: 0 6px 18px rgba(24, 27, 25, .1);--shadow-lg: 0 18px 44px rgba(24, 27, 25, .18);--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--topbar-h: 60px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--paper);overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}:where(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #58a9742e}50%{box-shadow:0 0 0 5px #58a97414}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-sm);font:600 12.5px/1 var(--font-ui);letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.btn svg{flex:none}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0) scale(.99)}.btn-primary{background:linear-gradient(180deg,#f67e40,#e85d1f);color:#fff;box-shadow:0 1px 2px #d5511a73,inset 0 1px #ffffff2e}.btn-primary:hover:not(:disabled){box-shadow:0 7px 18px #d5511a59;filter:brightness(1.04)}.btn-ghost-dark{background:transparent;border-color:#3d423e;color:#ece9e1}.btn-ghost-dark:hover:not(:disabled){background:#272b28;border-color:#4c524d}.btn-dark{background:var(--ink);color:#f5f3ec;box-shadow:var(--shadow-sm)}.btn-dark:hover:not(:disabled){background:var(--ink-soft);box-shadow:var(--shadow-md)}.btn-outline{background:var(--panel);border-color:var(--line);color:var(--ink)}.btn-outline:hover:not(:disabled){border-color:#c8c4b8;background:#fff;box-shadow:var(--shadow-sm)}.btn-back{background:#e7e4da;color:var(--ink)}.btn-back:hover:not(:disabled){background:#dedbd0}.full{width:100%}.icon-button{width:28px;height:28px;flex:none;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#7c7f76;cursor:pointer;transition:background .14s,color .14s}.icon-button:hover{background:#181b1914;color:var(--ink)}.topbar{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#f5f3ec;background:var(--ink);border-bottom:1px solid #2e332f;box-shadow:0 1px #ffffff08 inset;position:relative;z-index:5}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent) 0%,rgba(239,104,42,.25) 34%,transparent 68%);pointer-events:none}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{position:relative;width:24px;height:24px;flex:none;border:2px solid var(--accent);border-radius:55% 45% 65% 35%;transform:rotate(-18deg);filter:drop-shadow(0 0 6px rgba(239,104,42,.35))}.brand-mark:after{content:"";position:absolute;right:-4px;top:-3px;width:7px;height:7px;border:2px solid var(--accent);border-radius:50%;background:var(--ink)}.brand-name{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:9px}.app-shell{height:calc(100vh - var(--topbar-h));min-height:0;overflow:hidden;display:grid;grid-template-columns:192px minmax(520px,1fr) 300px}.sidebar{min-height:0;display:flex;flex-direction:column;overflow-y:auto;background:#e9e6dd;border-right:1px solid var(--line);padding:14px 12px}.steps{display:flex;flex-direction:column;gap:6px}.step{display:grid;grid-template-columns:30px 1fr;column-gap:12px;align-items:center;width:100%;padding:10px 12px;text-align:left;border:0;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:background .15s,box-shadow .15s,opacity .15s}.step:hover:not(.active):not(:disabled){background:#ffffff8c}.step:disabled{cursor:not-allowed}.step.active{background:var(--panel);box-shadow:var(--shadow-sm)}.step-badge{grid-row:1 / 3;width:30px;height:30px;display:grid;place-items:center;border:1.5px solid #c6c2b5;border-radius:50%;color:#8d9088;font-size:10.5px;font-weight:700;letter-spacing:.02em;transition:background .2s,border-color .2s,color .2s}.step.active .step-badge{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}.step.done .step-badge{border-color:var(--green);background:var(--green);color:#fff}.step-text b{display:block;font-size:12.5px;font-weight:650}.step-text small{display:block;margin-top:2px;color:var(--faint);font-size:11px}.step.locked{opacity:.48}.workspace{min-width:0;min-height:0;width:100%;height:100%;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) 58px;background:#c9c7c0}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;background:#f6f4eeed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);position:relative;z-index:2}.section-title{display:flex;align-items:baseline;gap:12px;min-width:0}.workspace-head h2{margin:0;font:400 18px/1.1 var(--font-display);letter-spacing:-.01em;white-space:nowrap}.workspace-head p{margin:0;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-controls{display:flex;align-items:center;height:34px;flex:none;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:var(--panel);box-shadow:var(--shadow-sm)}.view-controls button{width:34px;height:100%;display:grid;place-items:center;border:0;background:transparent;color:#565a50;cursor:pointer;transition:background .12s,color .12s}.view-controls button:hover{background:#f1eee5;color:var(--ink)}.view-controls span{min-width:54px;height:100%;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);color:var(--muted);font-size:10.5px;font-weight:600;letter-spacing:.03em}.stage-wrap{min-width:0;min-height:0;padding:14px}.stage{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;background-color:#f8f7f2;background-image:linear-gradient(rgba(30,32,30,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(30,32,30,.04) 1px,transparent 1px);background-size:24px 24px;border:1px solid #b3afa5;border-radius:var(--radius-lg);box-shadow:var(--shadow-md),0 1px #ffffff80}#canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.drop-zone{position:absolute;inset:9%;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1.5px dashed #c2beb1;border-radius:var(--radius-lg);background:#fffffea8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:border-color .18s,background .18s,box-shadow .18s;animation:rise .45s ease both}.drop-zone.dragging{border-color:var(--accent);background:#ef682a0d;box-shadow:0 0 0 4px var(--accent-soft)}.drop-icon{width:58px;height:58px;margin-bottom:16px;display:grid;place-items:center;color:var(--accent-deep);background:var(--accent-soft);border:1px solid rgba(239,104,42,.35);border-radius:50%;animation:float 3.4s ease-in-out infinite}.drop-zone h3{margin:0 0 8px;font:400 22px var(--font-display);letter-spacing:-.01em}.drop-zone p{max-width:380px;margin:0 0 22px;color:var(--muted);font-size:12.5px;line-height:1.55}.drop-zone small{margin-top:18px;color:#aaa79b;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}.file-button input{display:none}.text-button{margin-top:14px;padding:5px 9px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:7px;background:none;color:var(--accent-deep);font-size:12px;font-weight:600;cursor:pointer;transition:background .12s}.text-button:hover{background:var(--accent-soft)}.canvas-hint{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:8px 15px;display:flex;align-items:center;gap:8px;background:#181b19e6;color:#f5f3ec;border-radius:999px;font-size:11.5px;pointer-events:none;box-shadow:var(--shadow-md);animation:rise .25s ease both}.action-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:58px;padding:0 22px;border-top:1px solid var(--line);background:var(--paper)}.status{display:inline-flex;align-items:center;gap:9px;min-width:0;color:var(--muted);font-size:11.5px}.status span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status i{flex:none;width:8px;height:8px;border-radius:50%;background:#b6b3a9;transition:background .2s}.status.ready i{background:var(--success);animation:pulse 2.4s ease-in-out infinite}.action-buttons{display:flex;gap:8px;flex:none}.inspector{min-height:0;overflow-y:auto;background:var(--panel);border-left:1px solid var(--line)}.inspector-head{position:sticky;top:0;z-index:1;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 18px;border-bottom:1px solid var(--line-soft);background:#fdfcf8eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#8a8d84;font-size:9.5px;font-weight:800;letter-spacing:.16em}.inspector-head button{display:none;width:26px;height:26px;place-items:center;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer}.inspector-head button:hover{background:#efede4;color:var(--ink)}.panel{padding:20px 18px 28px;animation:rise .28s ease both}.field-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;color:#8a8d84;font-size:9.5px;font-weight:800;letter-spacing:.14em}.field-label output{padding:2.5px 9px;border-radius:999px;background:#f1eee5;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:0}.empty-property{padding:22px 14px;border:1.5px dashed var(--line);border-radius:var(--radius-md);color:#aaa79f;text-align:center;font-size:11px}.instruction{margin:0 0 20px;color:var(--muted);font-size:11.5px;line-height:1.6}.segmented{display:flex;gap:3px;padding:3px;margin:0 0 16px;background:#e9e6db;border-radius:var(--radius-sm)}.segmented button{flex:1;height:30px;border:0;border-radius:6px;background:transparent;font:600 12px/1 var(--font-ui);letter-spacing:.02em;color:var(--muted);cursor:pointer;transition:background .14s,color .14s,box-shadow .14s}.segmented button:hover:not(.active){color:var(--ink)}.segmented button.active{background:#fffefa;color:var(--ink);box-shadow:var(--shadow-sm)}.tip{margin-top:22px;padding:14px 15px;border-left:3px solid #d7a35e;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f6f0e2;color:#665c4f}.tip b{font:400 13.5px var(--font-display)}.tip p{margin:6px 0 0;font-size:11px;line-height:1.6}.slider-field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:20px;margin:2px 0 22px;background:transparent;cursor:pointer}.slider-field input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0 var(--fill, 50%),#e3e0d6 var(--fill, 50%))}.slider-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border:2px solid var(--accent);border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .12s}.slider-field input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}.slider-field input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#e3e0d6}.slider-field input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.slider-field input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--accent);border-radius:50%;background:#fff;box-shadow:var(--shadow-sm)}.unit-input{display:grid;grid-template-columns:1fr 74px;margin-bottom:14px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:var(--shadow-sm);transition:border-color .15s}.unit-input:focus-within{border-color:var(--accent)}.unit-input input,.unit-input select{height:40px;width:100%;border:0;background:transparent;padding:0 12px;font-size:13px}.unit-input input:focus,.unit-input select:focus{outline:none}.unit-input select{border-left:1px solid var(--line-soft);color:var(--muted);cursor:pointer}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.metric{padding:12px;background:#f7f5ee;border:1px solid var(--line-soft);border-radius:10px}.metric span{display:block;margin-bottom:5px;color:var(--faint);font-size:8.5px;font-weight:800;letter-spacing:.13em}.metric strong{font:500 14px var(--font-display);overflow-wrap:anywhere}.toggle{display:flex;align-items:center;gap:10px;padding:9px 0;cursor:pointer;border-bottom:1px solid var(--line-soft);font-size:12.5px}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{position:relative;flex:none;width:32px;height:19px;border-radius:999px;background:#d6d3c8;transition:background .16s}.toggle-thumb{position:absolute;top:2.5px;left:2.5px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .16s}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(13px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--accent);outline-offset:2px}.toggle:hover .toggle-track{background:#cbc8bc}.toggle:hover input:checked+.toggle-track{background:var(--accent-deep)}.rul-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.rul-settings label{display:grid;gap:6px}.rul-settings span{color:var(--faint);font-size:8.5px;font-weight:800;letter-spacing:.13em}.rul-settings input{height:36px;width:100%;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12.5px;box-shadow:var(--shadow-sm);transition:border-color .15s}.rul-settings input:focus{outline:none;border-color:var(--accent)}.export-stack{display:grid;gap:8px;margin-top:20px}.sidebar::-webkit-scrollbar,.inspector::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb,.inspector::-webkit-scrollbar-thumb{background:#cfccc1;border-radius:4px}.sidebar::-webkit-scrollbar-track,.inspector::-webkit-scrollbar-track{background:transparent}@media(max-width:1180px){.app-shell{grid-template-columns:198px minmax(0,1fr)}.inspector{position:fixed;z-index:6;top:var(--topbar-h);right:0;bottom:0;width:288px;box-shadow:var(--shadow-lg);transform:translate(105%);transition:transform .22s ease}.inspector.open{transform:none}.inspector-head button{display:grid}}@media(max-width:680px){body{overflow:auto}:root{--topbar-h: 56px}.topbar{padding:0 14px}.app-shell{height:auto;min-height:calc(100vh - var(--topbar-h));display:block}.sidebar{padding:10px 12px 0;border-right:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:10px}.step{grid-template-columns:1fr;justify-items:center;padding:8px 2px;row-gap:5px}.step-badge{grid-row:auto;width:24px;height:24px;font-size:9px}.step-text small{display:none}.step-text b{font-size:10.5px}.workspace{height:calc(100vh - 118px);grid-template-rows:auto minmax(0,1fr) 56px}.workspace-head{padding:12px 14px}.workspace-head p,.view-controls{display:none}.stage-wrap{padding:10px}.drop-zone{inset:5%;padding:16px}.action-bar{padding:0 13px}.status{display:none}.action-buttons{margin-left:auto}.inspector{top:var(--topbar-h)}}