@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")}@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")}@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")}@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")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-400-normal-C81ewxNO.woff2)format("woff2"),url(/assets/archivo-latin-400-normal-Bl602Mgc.woff)format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-latin-ext-400-normal-B5tPZzqW.woff2)format("woff2"),url(/assets/archivo-latin-ext-400-normal-DrmqtLj6.woff)format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-600-normal-3BBy0ZsW.woff2)format("woff2"),url(/assets/archivo-latin-600-normal-DwYieO8P.woff)format("woff")}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/archivo-latin-ext-600-normal-Dm61iqcg.woff2)format("woff2"),url(/assets/archivo-latin-ext-600-normal-D7uErJuz.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2)format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2)format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff)format("woff")}:root{--bg:#111212;--surface:#1a1b1b;--surface-2:#232525;--border:#3c4040;--text:#fff;--muted:#ffffffb3;--accent:#a59084;--danger:#f03d3e;--font-body:Archivo, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head:Sora, var(--font-body);--font-button:"Space Grotesk", var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 15px/1.5 var(--font-body);overscroll-behavior:none}::selection{background:var(--accent);color:var(--bg)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h2{font:600 18px/1.3 var(--font-head);text-transform:uppercase;color:var(--accent);margin:0 0 12px}h3{font:600 12px/1.3 var(--font-head);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:20px 0 8px}.hint{color:var(--muted);margin:0 0 12px;font-size:13px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{grid-template:"top top top""library stage settings"minmax(0,1fr)"steps steps steps"/260px minmax(0,1fr) 340px;height:100%;display:grid}.topbar{border-bottom:1px solid var(--border);grid-area:top;align-items:center;gap:20px;min-height:56px;padding:0 16px;display:flex}.logo{display:flex}.modes{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.modes button{font:700 14px/1.3 var(--font-head);text-transform:uppercase;white-space:nowrap;border-bottom:3px solid #0000;padding:18px 12px 15px}.modes button.is-active{color:var(--accent);border-bottom-color:var(--accent)}.topbar-actions{align-items:center;gap:4px;display:flex}.icon-button{width:36px;height:36px;color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--text)}.lang{font:700 13px var(--font-head);margin-left:8px;display:flex}.lang button{color:var(--muted);border-bottom:2px solid #0000;padding:8px 6px}.lang button.is-active{color:var(--accent);border-bottom-color:var(--accent)}.panel{background:var(--surface);min-height:0;overflow-y:auto}.panel-library{border-right:1px solid var(--border);grid-area:library;padding:16px}.panel-settings{border-left:1px solid var(--border);grid-area:settings}.panel-steps{border-top:1px solid var(--border);grid-area:steps;overflow:hidden}.stage{grid-area:stage;min-width:0;min-height:0}.tabs{display:none}.inspector-body{padding:16px}.viewport{width:100%;height:100%;position:relative}.viewport canvas{touch-action:none;width:100%;height:100%;display:block}.viewport-info{pointer-events:none;flex-direction:column;display:flex;position:absolute;top:14px;left:16px}.viewport-info strong{font:600 14px var(--font-head);text-transform:uppercase;color:var(--accent)}.viewport-info span{color:var(--muted);font-size:13px}.viewport-backend{color:#ffffff59;pointer-events:none;font-size:11px;position:absolute;bottom:10px;right:12px}.viewport-message{color:var(--muted);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.card{background:var(--surface-2);border:1px solid #0000}.library-card{text-align:left;touch-action:manipulation;cursor:grab;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:10px 12px;display:flex}.library-card:hover{border-color:var(--border)}.library-card.is-dragging{opacity:.4}.card-text{flex-direction:column;min-width:0;display:flex}.card-text strong{font-weight:600}.card-text small{color:var(--muted);font-size:12px}.swatch{border:1px solid #ffffff40;flex:none;width:28px;height:28px}.swatch.small{vertical-align:-1px;width:12px;height:12px;margin-right:8px;display:inline-block}.tool-icon{border:2px solid var(--accent);flex:none;width:28px;height:28px;position:relative}.tool-vytahovanie{border-width:6px 2px}.tool-skladanie{border-style:double;border-width:6px}.tool-prekladanie{border-width:2px 2px 2px 10px}.tool-krutenie{border-style:dashed;border-radius:50%}.tool-otocenie_na_hranu{border-width:2px 8px}.drag-chip{background:var(--accent);color:var(--bg);font:700 13px var(--font-button);text-transform:uppercase;width:max-content;padding:8px 14px;box-shadow:0 6px 24px #00000080}.field{flex-direction:column;flex:1;gap:2px;min-width:0;margin-bottom:12px;display:flex}.field label,.field .label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px}.field-row{gap:16px;display:flex}.field-input{border-bottom:2px solid var(--text);align-items:baseline;display:flex}.field-input:focus-within{border-bottom-color:var(--accent)}.field-input input{width:100%;min-width:0;height:36px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:16px}.field-unit{color:var(--muted);padding-left:6px;font-size:13px}.field-compact{flex:none;width:84px;margin:0}.field-compact .field-input input{text-align:right;height:30px}.check{align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.check input,input[type=range]{accent-color:var(--accent)}input[type=range]{width:100%;height:28px;margin:0 0 12px}.segmented{gap:2px;margin-top:4px;display:flex}.segmented button{background:var(--surface-2);height:36px;font:700 13px var(--font-button);text-transform:uppercase;flex:1}.segmented button.is-active{background:var(--accent);color:var(--bg)}.stack{border:1px dashed var(--border);margin-bottom:14px;padding:6px}.stack.is-target{border-color:var(--accent)}.stack ul{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.stack-end{text-align:center;text-transform:uppercase;letter-spacing:.06em;color:#fff6;padding:2px 0;font-size:11px;display:block}.stack-empty{text-align:center;margin:0;padding:22px 12px}.layer{background:var(--surface-2);border:1px solid #0000;align-items:center;gap:8px;padding:0 4px 0 0;display:flex;position:relative}.layer.is-dragging{opacity:.4;z-index:1}.layer.is-target{border-top:2px solid var(--accent)}.layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.layer-resize{cursor:ns-resize;touch-action:none;z-index:1;height:9px;position:absolute;top:-3px;left:36px;right:36px}.layer-resize:hover,.layer-resize:active{background:linear-gradient(var(--accent), var(--accent)) center / 100% 2px no-repeat}.grip{cursor:grab;touch-action:none}.pattern-line{color:var(--muted);margin:-4px 0 0;font-size:13px}.summary{grid-template-columns:auto 1fr;gap:4px 16px;margin:0;display:grid}.summary dt{color:var(--muted)}.summary dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.materials-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.materials-table td{border-bottom:1px solid var(--border);padding:4px 0}.materials-table td+td{text-align:right;color:var(--muted);padding-left:12px}.materials-table td:last-child{color:var(--text)}.strip{border:1px solid #0000;padding:10px 16px;overflow-x:auto}.strip.is-target{border-color:var(--accent)}.strip ol{align-items:stretch;gap:8px;margin:0;padding:0;list-style:none;display:flex}.step{touch-action:manipulation;flex:none;width:168px;display:flex;position:relative}.step.is-selected{border-color:var(--accent)}.step.is-off{opacity:.55}.step.is-dragging{opacity:.4;z-index:1}.step-main{text-align:left;flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding:8px 10px;display:flex}.step-main strong{font:600 13px/1.3 var(--font-head);text-transform:uppercase;padding-right:60px}.step-main small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;overflow:hidden}.step-number{font:700 11px var(--font-button);color:var(--accent)}.step-size{font-variant-numeric:tabular-nums}.step-actions{display:flex;position:absolute;top:2px;right:2px}.step-actions .icon-button{width:30px;height:30px}.strip-empty{align-self:center;margin:0 0 0 8px}@media (max-width:860px){.app{grid-template:"top""stage"minmax(0,42fr)"panel"minmax(0,58fr)"tabs"/minmax(0,1fr)}.topbar{flex-wrap:wrap;gap:8px;padding:0 8px}.modes{flex-basis:100%;order:3}.modes button{padding:8px 10px 7px}.topbar-actions{margin-left:auto}.panel{border:0;border-top:1px solid var(--border);grid-area:panel;display:none}.app[data-panel=library] .panel-library,.app[data-panel=settings] .panel-settings,.app[data-panel=steps] .panel-steps{display:block}.panel-steps{overflow-y:auto}.strip{overflow:visible}.strip ol{flex-direction:column}.step{width:auto}.tabs{border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);grid-area:tabs;display:flex}.tabs button{font:700 13px var(--font-head);text-transform:uppercase;color:var(--muted);border-top:3px solid #0000;flex:1;padding:12px 4px}.tabs button.is-active{color:var(--accent);border-top-color:var(--accent)}}