@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+0460-052F,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+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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+1F00-1FFF}@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+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Inter Variable,sans-serif;color:#273d35;background:#f7f8f5;font-synthesis:none;--bg:#f7f8f5;--panel:#fff;--text:#273d35;--muted:#84918a;--border:#e5e9e2;--accent:#2c5c4b;--soft:#edf3e9;--hover:#f4f6f1;--shadow:0 6px 24px #283d3505}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .15s,border-color .15s}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #739869;outline-offset:3px}button{border:0;background:none}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}.app{min-height:100vh}.topbar{height:80px;display:flex;align-items:center;padding:0 32px;border-bottom:1px solid var(--border);background:var(--panel);gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:720;letter-spacing:-.8px;white-space:nowrap}.brand-mark{background:var(--accent);color:#f1f5e9;border-radius:11px;width:38px;height:38px;display:grid;place-items:center}.version{font-size:9px;font-weight:600;letter-spacing:1.4px;color:var(--muted);margin-left:6px;padding-top:4px}.top-description{font-size:12px;color:var(--muted);border-left:1px solid var(--border);padding-left:26px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.local-badge{display:flex;align-items:center;gap:6px;font-size:10px;margin-right:14px;color:var(--muted)}.local-badge i,.tiny-dot{width:5px;height:5px;border-radius:50%;background:#72956a;display:inline-block}.icon-button{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;color:var(--muted)}.icon-button:hover{background:var(--hover);color:var(--text)}.divider{height:23px;width:1px;background:var(--border);margin:0 6px}.button{border:1px solid var(--border);border-radius:7px;background:var(--panel);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:550;white-space:nowrap}.button:hover{background:var(--hover);border-color:#bfcfc0}.button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button.primary:hover{background:#3b715a}.button.subtle{border:0;background:transparent;color:var(--muted);font-size:10px;padding:8px}.button.subtle.active{background:var(--soft);color:var(--accent)}.workspace{display:flex;min-height:calc(100vh - 80px)}.main-area{flex:1;min-width:0;padding:34px 36px 0;display:flex;flex-direction:column}.workspace-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:16px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#82957c}.workspace-heading h1{font-size:24px;font-weight:550;letter-spacing:-1px;margin-top:9px}.workspace-heading p{font-size:11px;color:var(--muted);margin-top:10px}.import{align-self:flex-end;margin-bottom:2px;padding:11px 14px}.preview-card{border:1px solid var(--border);border-radius:12px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;flex:1;min-height:390px}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;gap:15px}.file-info{display:flex;gap:10px;align-items:center}.file-icon{height:34px;width:32px;display:grid;place-items:center;background:var(--hover);border-radius:7px;color:#879d84}.file-info strong{display:block;font-size:11px;font-weight:600;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.preview-tools{display:flex;align-items:center;gap:12px}.status-pill{border:1px solid var(--border);border-radius:4px;font-size:7px;font-weight:600;letter-spacing:1.2px;color:var(--muted);padding:5px 7px}.stage{position:relative;flex:1;min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 12px;border-radius:6px;isolation:isolate;touch-action:none}.svg-host{position:absolute;inset:max(9%,52px) 16%;min-width:0;min-height:0;transition:transform .15s;display:flex;align-items:center;justify-content:center}.svg-host>svg{width:100%;height:100%;min-width:0;min-height:0;display:block;overflow:visible}.stage.editing .svg-host [data-guide-id]{pointer-events:all;stroke-width:3;vector-effect:non-scaling-stroke}.stage.editing .svg-host [data-guide-id]:hover{stroke:#d5753c}.stage-caption{position:absolute;bottom:18px;left:22px;text-transform:uppercase;letter-spacing:1.6px;font-size:8px;color:#89968a;pointer-events:none}.stage-corner{position:absolute;width:15px;height:15px;border-color:#c6d1c3;border-style:solid;opacity:.7}.top-left{left:22px;top:21px;border-width:1px 0 0 1px}.bottom-right{right:22px;bottom:21px;border-width:0 1px 1px 0}.zoom-control{display:flex;align-items:center;gap:7px;position:absolute;top:14px;right:14px;background:var(--panel);padding:5px 6px;border:1px solid var(--border);border-radius:7px;box-shadow:0 2px 8px #263b3506}.zoom-control button{display:grid;place-items:center;color:var(--muted);padding:3px}.zoom-control span{font-size:9px;min-width:33px;text-align:center}.zoom-control span:last-of-type{min-width:1px;width:1px;height:15px;background:var(--border)}.preview-footer{padding:15px 22px;display:flex;justify-content:space-between;font-size:8px;color:var(--muted);gap:10px}.preview-footer>span{display:flex;gap:6px;align-items:center}.timeline-card{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:17px 22px;margin-top:18px;box-shadow:var(--shadow)}.transport{display:flex;align-items:center;gap:12px;margin-bottom:19px}.play-button{background:var(--accent);color:#fff;border-radius:7px;width:34px;height:34px;display:grid;place-items:center}.play-button svg{width:15px}.time-display{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.time-display>span{color:var(--muted);font-size:10px;font-weight:400}.time-display small{margin-left:8px;font-size:9px;color:var(--muted)}.transport-spacer{flex:1}.loop-button{border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:9px;display:flex;gap:6px;align-items:center;padding:7px 9px}.loop-button.active{background:var(--soft);color:var(--accent)}.timeline-ruler{display:flex;justify-content:space-between;font-size:8px;font-variant-numeric:tabular-nums;color:var(--muted);margin-bottom:8px}.timeline-track{position:relative;display:flex;height:34px;gap:2px;border-radius:5px}.phase{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;overflow:hidden;white-space:nowrap}.phase:first-child{border-radius:5px 0 0 5px}.phase:last-of-type{border-radius:0 5px 5px 0}.phase.construction{background:#e9eedf;color:#788b6b}.phase.outline{background:#d6e4cd;color:#58744c}.phase.final{background:#bcd2ad;color:#3f6133}.timeline-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.playhead{position:absolute;width:1px;height:42px;top:-4px;background:var(--accent);z-index:2;pointer-events:none}.playhead:before{content:"";position:absolute;top:-5px;left:-4px;border-top:6px solid var(--accent);border-left:4px solid transparent;border-right:4px solid transparent}.timeline-foot{display:flex;justify-content:space-between;margin-top:15px;color:var(--muted);font-size:8px}.timeline-foot span:first-child{font-size:7px;letter-spacing:1.1px}.workspace-footer{display:flex;align-items:center;justify-content:space-between;padding:19px 1px;font-size:8px;color:var(--muted)}.workspace-footer span,.workspace-footer button{display:flex;align-items:center;gap:7px}.workspace-footer button{font-size:8px;color:var(--muted)}.sidebar{width:330px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--border);display:flex;flex-direction:column;height:calc(100vh - 80px);position:sticky;top:0}.sidebar-title{display:flex;align-items:center;gap:10px;padding:28px 25px 21px}.sidebar-title>svg{color:#81957b}.sidebar-title h2{font-size:13px;font-weight:600}.sidebar-title .version{margin-left:auto}.tabs{display:flex;margin:0 24px;border-bottom:1px solid var(--border);gap:20px}.tabs button{font-size:10px;padding:0 0 14px;color:var(--muted);position:relative}.tabs button[aria-selected=true]{color:var(--accent);font-weight:600}.tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;height:2px;background:var(--accent);left:0;right:0}.sidebar-scroll{overflow-y:auto;padding:0 24px;scrollbar-width:thin;scrollbar-color:#dde4d9 transparent;flex:1}.control-section{padding:22px 0;border-bottom:1px solid var(--border)}.control-section h3{font-size:11px;font-weight:600;display:flex;align-items:center;gap:7px;margin-bottom:17px}.control-section h3 svg{color:#98a68f}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.presets button{padding:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:7px;overflow:hidden;text-align:center}.presets button.selected{border-color:#7f9b70;box-shadow:0 0 0 1px #7f9b70}.presets button>span:last-child{font-size:8px;padding:10px 1px;width:100%}.presets button.selected>span:last-child{background:#f1f5eb;color:#45643c}.preset-art{height:59px;width:100%;background:#f4f6f0;position:relative;overflow:hidden}.preset-art i{position:absolute;width:28px;height:28px;border:1px solid #78946c;border-radius:50%;top:15px;left:22px}.art-0 i:nth-child(2){border-radius:0;width:48px;height:1px;border:0;background:#b6c4aa;left:13px;top:30px}.art-0 i:nth-child(3){border-radius:0;width:1px;height:45px;left:35px;top:7px;background:#b6c4aa;border:0}.art-1 i{background:#537e63;border:0;border-radius:16px 16px 0 0;width:32px;height:33px;top:15px;left:22px}.art-1 i:nth-child(2){background:#f4f6f0;width:16px;height:25px;left:30px;top:23px}.art-1 i:nth-child(3){display:none}.art-2{background:#f9f5ed}.art-2 i{border-color:#a29176;transform:rotate(-12deg);border-radius:45% 49% 42% 51%}.art-2 i:nth-child(2){left:24px;top:14px}.art-2 i:nth-child(3){border-radius:0;height:1px;width:46px;left:13px;top:40px;border-style:dashed}.hint{font-size:9px;line-height:1.7;color:var(--muted);margin-top:12px}.range-field{display:block;margin-top:16px}.range-field>span{display:flex;justify-content:space-between;align-items:center;font-size:10px}.range-field strong{font-size:9px;font-weight:500;background:var(--hover);padding:4px 7px;border:1px solid var(--border);border-radius:4px;min-width:40px;text-align:center}.range-field input{width:100%;height:3px;margin:17px 0 2px;accent-color:var(--accent);cursor:pointer;display:block}.range-field input::-webkit-slider-thumb{height:11px;width:11px}.range-field small{font-size:9px;color:var(--muted)}.section-mini-title{font-size:7px;letter-spacing:1.2px;color:var(--muted);margin-top:25px}.final-share{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:16px}.final-share strong{font-weight:500}.segmented{display:flex;background:var(--hover);border:1px solid var(--border);border-radius:6px;padding:3px;gap:3px}.segmented button{flex:1;font-size:9px;border-radius:4px;padding:8px}.segmented button.active{background:var(--panel);box-shadow:0 1px 3px #273e3510;color:var(--accent)}.select-field{display:block;font-size:9px;margin-top:17px;color:var(--text)}select{width:100%;margin-top:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:10px;padding:10px 9px;border-radius:5px}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:9px;gap:15px;padding:10px 0;cursor:pointer;position:relative;min-height:34px}.toggle-row small{display:block;line-height:1.6;color:var(--muted);font-size:8px;margin-top:5px}.toggle-row input{position:absolute;right:0;opacity:0;cursor:pointer;width:29px;height:16px;margin:0}.toggle-row i{flex-shrink:0;width:28px;height:15px;border-radius:20px;background:#dfe6dc;pointer-events:none;position:relative}.toggle-row i:before{content:"";position:absolute;top:3px;left:3px;background:#fff;width:9px;height:9px;border-radius:50%;transition:left .15s}.toggle-row input:checked+i{background:var(--accent)}.toggle-row input:checked+i:before{left:16px}.toggle-row input:focus-visible+i{outline:2px solid #739869;outline-offset:3px}.background-presets{display:flex;gap:7px}.background-presets button{border:1px solid var(--border);background:#f1f3ed;font-size:8px;padding:9px 7px;border-radius:5px}.background-presets .dark-swatch{background:#192a27;color:#e6ecdc}.background-presets .active{border-color:var(--accent)}.checker,.checker-swatch{background-image:linear-gradient(45deg,#cfd5cf 25%,transparent 25%),linear-gradient(-45deg,#cfd5cf 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cfd5cf 75%),linear-gradient(-45deg,transparent 75%,#cfd5cf 75%)!important;background-size:16px 16px!important;background-position:0 0,0 8px,8px -8px,-8px 0!important;background-color:#f5f7f3!important}.background-presets .checker-swatch{color:#273d35}.color-field{margin-top:16px}.color-field>label{font-size:9px;display:block;margin-bottom:8px}.color-field>div{display:flex;border:1px solid var(--border);border-radius:5px;padding:5px;align-items:center;gap:8px;background:var(--panel)}.color-field input[type=color]{border:0;background:none;width:25px;height:25px;padding:0;cursor:pointer;flex-shrink:0}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:1px solid var(--border);border-radius:3px}.color-field input:not([type=color]){min-width:0;width:100%;border:0;font-size:10px;color:var(--text);background:transparent;padding:4px;outline-offset:0}.color-field button{height:23px;width:25px;flex-shrink:0;border:1px solid var(--border);border-radius:3px}.color-field button.active{border-color:#5b8250;outline:1px solid #5b8250}.sidebar-bottom{padding:16px 24px;border-top:1px solid var(--border);font-size:8px;color:var(--muted);display:flex;gap:7px;align-items:center}.guide-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.guide-actions .button,.undo-row .button{font-size:9px;padding:8px}.undo-row{display:flex;gap:7px;margin-top:12px}.guide-detail{background:var(--hover);padding:12px;border:1px solid var(--border);border-radius:6px;margin-top:15px}.guide-detail strong{display:block;font-size:10px;margin-bottom:12px}.guide-detail label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;margin-bottom:8px}.guide-detail input{max-width:130px;border:1px solid var(--border);border-radius:4px;padding:5px;background:var(--panel);color:var(--text);font-size:10px}.guide-detail .button{margin-top:5px}.export-options{display:flex;flex-direction:column;gap:9px;margin:14px 0}.export-options button{border:1px solid var(--border);border-radius:7px;padding:14px 12px;display:flex;align-items:center;gap:12px;text-align:left;background:var(--panel)}.export-options button:hover{border-color:#9db295;background:var(--hover)}.export-options button>svg{width:19px;color:#7c9870}.export-options button>svg:last-child{margin-left:auto}.export-options strong{display:block;font-size:11px;font-weight:550}.export-options small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.wide{width:100%;margin:6px 0;font-size:9px}.reduced-note{font-size:9px;color:var(--muted);display:flex;align-items:flex-start;gap:10px;padding:20px 0;line-height:1.6}.reduced-note svg{flex-shrink:0;color:#839d77}.message{border:1px solid #debca5;border-radius:6px;background:#fff4e9;color:#855332;padding:12px 15px;margin-bottom:15px;font-size:11px;display:flex;gap:10px;align-items:center;line-height:1.6}.message button{margin-left:auto;flex-shrink:0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:12px 18px;border-radius:8px;box-shadow:0 6px 24px #18352a25;display:flex;align-items:center;gap:9px;font-size:12px;z-index:100}.drop-overlay{position:fixed;inset:12px;background:#edf4eaf5;border:2px dashed #7e9b70;border-radius:14px;z-index:110;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;pointer-events:none;color:#2c5c4b}.drop-overlay h2{font-size:24px}.drop-overlay p{font-size:13px}.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#1a2f2960;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:35px;width:460px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 90px #1a2f2930}.modal-close{position:absolute;right:14px;top:14px}.modal h2{font-size:27px;font-weight:550;letter-spacing:-1px;margin:12px 0}.modal>p{font-size:11px;color:var(--muted);line-height:1.8;margin:12px 0}.shortcuts{display:grid;grid-template-columns:auto 1fr;gap:12px 20px;font-size:10px;line-height:1.5;margin:24px 0}.shortcuts dt{font-weight:550}.shortcuts dd{margin:0;color:var(--muted)}.empty-stage{display:flex;flex-direction:column;gap:15px;align-items:center;font-size:13px;color:#71876a}:root[data-theme=dark]{--bg:#172320;--panel:#1e2c27;--text:#d9e3d6;--muted:#91a394;--border:#31433a;--accent:#759e72;--soft:#304636;--hover:#26372e;--shadow:0 6px 24px #00000010;background:var(--bg);color:var(--text)}[data-theme=dark] .button.primary,[data-theme=dark] .play-button,[data-theme=dark] .brand-mark{color:#13231b}[data-theme=dark] .preset-art{opacity:.8}[data-theme=dark] .presets button.selected>span:last-child{background:#35482d;color:#d4e8cc}[data-theme=dark] .message{background:#49352a;border-color:#684a32;color:#f0cfaa}@media(min-width:1550px){.main-area{padding:42px 60px 0}.sidebar{width:360px}.stage{min-height:440px}.workspace-heading{margin-bottom:32px}.workspace-heading h1{font-size:29px}.preview-footer{font-size:10px}.topbar{padding:0 42px}}@media(max-width:1100px){.top-description,.topbar{padding:0 20px}.main-area{padding:28px 22px 0}.sidebar{width:300px}.sidebar-title{padding:26px 20px 21px}.sidebar-scroll{padding:0 20px}.tabs{margin:0 20px}.workspace-heading h1{font-size:21px}.preview-footer>span:last-child{display:none}.preview-tools .status-pill{display:none}.workspace-heading p{max-width:280px;line-height:1.6}.workspace-heading{align-items:flex-start}.import{font-size:10px}.workspace-footer>span{max-width:210px}.file-info strong{max-width:150px}}@media(max-width:760px){.topbar{height:65px;gap:10px;padding:0 14px}.brand{font-size:18px}.brand .version{display:none}.top-actions{gap:4px}.top-actions>.button:not(.primary),.top-actions>.divider{display:none}.workspace{flex-direction:column}.main-area{padding:23px 15px 0}.workspace-heading{gap:8px}.workspace-heading h1{font-size:20px}.workspace-heading p{font-size:10px}.sidebar{position:static;width:100%;height:auto;border-left:0;border-top:1px solid var(--border)}.sidebar-scroll{overflow:visible}.sidebar-title{padding:22px}.tabs{gap:35px}.preview-card{min-height:360px}.preview-toolbar{padding:13px}.preview-toolbar .button{font-size:9px}.preview-toolbar .button svg{display:none}.file-info small{font-size:8px}.stage{min-height:260px}.svg-host{inset:max(9%,52px) 12.5%}.timeline-card{padding:14px}.preview-footer{font-size:7px;padding:14px}.workspace-footer{font-size:7px}.stage-caption{font-size:6px;left:12px;bottom:20px}.phase{font-size:8px;gap:4px}.timeline-foot{font-size:7px}.timeline-foot span:first-child{font-size:6px}.color-field input:not([type=color]){font-size:12px}.control-section h3{font-size:13px}.range-field>span,.toggle-row,.select-field{font-size:12px}.hint{font-size:11px}.presets button>span:last-child{font-size:11px}.preset-art{height:75px}.preset-art i{left:calc(50% - 14px);top:23px}.art-0 i:nth-child(2),.art-2 i:nth-child(3){left:calc(50% - 24px)}.art-0 i:nth-child(3){left:50%}.art-1 i:nth-child(2){left:calc(50% - 6px);top:31px}.art-2 i:nth-child(2){left:calc(50% - 12px);top:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.stage.editing text{font-family:Inter Variable,sans-serif}.error-details{min-width:0;overflow-wrap:anywhere}.error-details p+p{margin-top:10px}.error-details p:first-child{font-weight:600}.brand-mark{overflow:hidden;background:#1b5549}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.start-screen{max-width:920px;margin:0 auto;padding:76px 32px 50px}.start-screen h1{font-size:36px;font-weight:550;letter-spacing:-1.4px;margin:14px 0}.start-screen>p{font-size:13px;color:var(--muted);line-height:1.7}.start-actions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:36px 0 44px}.start-actions>button{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:30px;text-align:left;display:flex;flex-direction:column;gap:13px;box-shadow:var(--shadow)}.start-actions>button:hover{border-color:var(--accent);background:var(--hover)}.start-actions svg{color:var(--accent)}.start-actions strong{font-size:17px;font-weight:600}.start-actions span{font-size:11px;color:var(--muted)}.recent-projects{margin-bottom:28px}.recent-projects h2{font-size:14px;font-weight:600;margin-bottom:18px}.recent-projects>p{font-size:12px;color:var(--muted);border:1px dashed var(--border);border-radius:10px;padding:24px}.recent-projects ul{list-style:none;padding:0;margin:0}.recent-projects li+li{border-top:1px solid var(--border)}.recent-projects button{width:100%;padding:16px 12px;display:flex;align-items:center;gap:15px;text-align:left;border-radius:7px}.recent-projects button:hover{background:var(--hover)}.recent-projects button>svg{color:var(--muted);flex-shrink:0}.recent-projects button>svg:last-child{margin-left:auto;transform:rotate(-90deg)}.recent-projects button>span{min-width:0}.recent-projects strong{font-size:12px;display:block}.recent-projects small{display:block;margin-top:6px;font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-title{max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;color:var(--muted)}.project-field{display:flex;flex-direction:column;gap:9px;font-size:11px;margin:24px 0 16px}.project-field input{border:1px solid var(--border);border-radius:6px;padding:12px;background:var(--panel);color:var(--text);width:100%}.project-field input[readonly]{background:var(--hover);font-size:10px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:26px}.topbar>.icon-button{flex-shrink:0}@media(max-width:1100px){.project-title{max-width:90px}.topbar{gap:14px}.top-actions{gap:6px}.brand .version{display:none}}@media(max-width:760px){.start-screen{padding:38px 20px}.start-screen h1{font-size:28px}.start-actions{gap:12px}.start-actions>button{padding:20px}.start-actions strong{font-size:14px}.project-title{display:none}}.top-actions{flex-wrap:wrap}.topbar{height:auto;min-height:84px}.top-actions .button{white-space:nowrap}@media(max-width:760px){.topbar{flex-wrap:wrap}.top-actions{width:100%;justify-content:flex-end}.top-actions .button{font-size:10px;padding:9px}.start-actions{grid-template-columns:1fr}}.local-badge svg{color:#72956a}.temporary-save-help{position:relative;display:inline-flex}.temporary-save-help [role=tooltip]{position:absolute;z-index:120;top:calc(100% + 8px);right:-90px;width:310px;max-width:calc(100vw - 32px);background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #18352a20;padding:14px;font-size:11px;line-height:1.65;visibility:hidden;opacity:0;transition:opacity .15s}.temporary-save-help strong{display:block;color:var(--text);margin-bottom:5px}.temporary-save-help:hover [role=tooltip],.temporary-save-help:focus-within [role=tooltip]{visibility:visible;opacity:1}.workspace-footer{justify-content:flex-end}@media(max-width:760px){.temporary-save-help [role=tooltip]{right:-110px}}@media(max-width:1450px){.top-description{display:none}}.guide-detail-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.guide-detail-actions .button{margin:0;font-size:9px;padding:8px}.guide-detail-actions+.hint{margin-top:12px}.splash-screen{min-height:100svh;background:#ecefe9;color:#244b46;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;gap:12px}.splash-logo{width:min(88vw,calc(100svh - 190px),850px);aspect-ratio:2376.4741692802904/2360;margin-bottom:16px}.splash-logo>svg{display:block;width:100%;height:100%}.splash-screen h1{font-size:30px;font-weight:720;letter-spacing:-1px}.splash-screen>p{font-size:12px;color:#75847b}.splash-screen>.splash-credit{margin-top:12px;font-size:11px;letter-spacing:.3px}.splash-credit strong{font-weight:600;color:#244b46}.splash-overlay{position:fixed;inset:0;z-index:200;overflow:auto;background:#ecefe9;opacity:1;transition:opacity .65s ease}.splash-overlay.is-leaving{opacity:0;pointer-events:none}.splash-logo{visibility:hidden}.splash-logo[data-ready=true]{visibility:visible}@media(prefers-reduced-motion:reduce){.splash-overlay{transition:none}}.brand{flex-shrink:0;cursor:default}.topbar{flex-shrink:0}@media(min-width:761px){.app{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.top-actions{flex:1;min-width:min(100%,600px);justify-content:flex-end}.workspace{flex:1;min-height:0;overflow:hidden}.main-area{min-height:0;padding-top:24px}.workspace-heading,.preview-toolbar,.preview-footer,.timeline-card,.workspace-footer{flex-shrink:0}.workspace-heading{margin-bottom:20px}.preview-card,.stage{min-height:0}.sidebar{height:auto;min-height:0;position:static}.sidebar-title,.tabs,.sidebar-bottom{flex-shrink:0}.sidebar-scroll{min-height:0;overscroll-behavior:contain}.start-screen{width:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}.recent-projects strong{overflow-wrap:anywhere}.main-area>.message{flex-shrink:0;max-height:20vh;overflow-y:auto}}@media(min-width:761px)and (max-height:720px){.main-area{padding-top:12px}.workspace-heading{margin-bottom:12px}.workspace-heading h1{font-size:20px;margin-top:5px}.workspace-heading p{display:none}.preview-toolbar,.preview-footer{padding:10px 16px}.timeline-card{padding:12px 16px;margin-top:12px}.transport{margin-bottom:12px}.timeline-foot{margin-top:10px}.workspace-footer{padding:10px 1px}}@media(max-width:760px){.app{min-height:100vh;min-height:100dvh}.workspace{min-height:0}.topbar{padding-top:12px;padding-bottom:12px}}@media(min-width:761px)and (max-width:1000px){.top-actions .local-badge{font-size:0;margin-right:0;gap:0}.project-title{display:none}.workspace-heading h1{font-size:18px}.preview-tools{gap:4px}.preview-tools .button{padding:8px;font-size:9px}}@media(max-width:760px){.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) 32px 32px;gap:10px 8px;min-height:0;padding:12px 14px}.topbar>.brand{grid-row:1;grid-column:1 / 3;min-width:0;font-size:17px;gap:8px}.topbar:has(>button)>.brand{grid-column:2}.topbar>.icon-button{grid-row:1;grid-column:1;width:24px}.brand-mark{width:32px;height:32px;border-radius:9px;flex-shrink:0}.top-actions{display:contents}.top-actions>.icon-button[aria-label="Zmień motyw"]{grid-row:1;grid-column:3}.top-actions>.icon-button[aria-label="Pomoc i skróty"]{grid-row:1;grid-column:4}.top-actions>.local-badge{grid-row:2;grid-column:1 / 3;font-size:9px;line-height:1.5;margin:0;gap:5px}.local-badge svg{flex-shrink:0}.top-actions>.button.primary{grid-row:2;grid-column:3 / 5;justify-self:end;font-size:10px;padding:9px 10px}.top-actions>.temporary-save-help,.top-description{display:none}}.modal-backdrop{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.modal{min-width:0;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-wrap:anywhere;overscroll-behavior:contain}.shortcuts{grid-template-columns:minmax(0,auto) minmax(0,1fr)}@media(max-width:760px){.modal-backdrop{padding:12px}.modal{width:460px;max-width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:24px 20px;border-radius:12px}.modal h2{font-size:24px;padding-right:25px}}@media(max-width:480px){.shortcuts{grid-template-columns:minmax(0,1fr);gap:6px;margin:20px 0}.shortcuts dd{margin-bottom:8px}}.modal-backdrop{overscroll-behavior:none}.modal-close{position:sticky;top:0;float:right;margin:-10px -6px 0 8px;z-index:1;background:var(--panel)}