:root{font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#363632;background:#f3f2ee;font-size:12px;font-synthesis:none;--orange:#f16b43;--ink:#272a29;--line:#e4e3dc;--muted:#92938d;--panel:#fafaf7;--accent-soft:#fbece4;--shadow:0 18px 70px #27312820}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{background:none;border:0}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:3px}a{color:inherit;text-decoration:none}button svg{width:16px;height:16px;flex-shrink:0;vertical-align:middle}button{transition:background .12s,color .12s,box-shadow .12s}button:hover{background:#eaeae3}[hidden]{display:none!important}kbd{font-family:inherit;border:1px solid #dddcd5;border-radius:4px;background:#f7f7f3;padding:1px 4px;font-size:9px;box-shadow:0 1px 0 #dddcd5;color:#858781}h1,h2,h3,p{margin-top:0}.studio{height:100dvh;min-height:620px;display:grid;grid-template-columns:52px 216px minmax(250px,1fr) 262px;grid-template-rows:64px minmax(250px,1fr) 255px;overflow:hidden}.topbar{grid-column:1/-1;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);background:#fffefa;padding:0 20px 0 14px;z-index:20}.brand{display:flex;align-items:center;gap:9px;color:#252a28}.brand img{width:30px;height:30px}.brand>span{font-size:25px;letter-spacing:-1.8px;font-weight:750}.brand-dot{color:var(--orange)}.brand small{font-size:8px;letter-spacing:1.7px;border-left:1px solid #d5d5ca;padding-left:10px;margin-left:3px;color:#91958c}.main-menu{display:flex;gap:3px}.main-menu button{border-radius:5px;font-size:11px;padding:8px 5px;color:#777970}.chevron{color:#a9aaa2;margin-left:4px}.project-title{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;max-width:220px;padding:8px;font-size:12px;border-radius:6px;font-weight:500}.project-title:before{content:"";width:7px;height:7px;background:#e6b48a;border:1px solid #d09264;transform:rotate(45deg)}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;gap:9px;align-items:center;margin-left:auto}.save-status{font-size:10px;color:#8b8e83;margin-right:9px;display:flex;align-items:center;gap:6px}.save-status i{height:5px;width:5px;background:#79a481;border-radius:50%}.button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border:1px solid var(--line);border-radius:7px;font-size:11px;background:#fffefa;font-weight:500;white-space:nowrap}.button:hover{background:#eeeee6}.primary{background:var(--orange);border-color:#e96742;color:white;box-shadow:0 2px 2px #b95d2515}.primary:hover{background:#df5d36}.icon-button{height:28px;min-width:28px;padding:5px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#8d9187}.icon-button.active{background:#eeeee6;color:#4f574b}.toolrail{grid-column:1;grid-row:2/4;z-index:12;border-right:1px solid var(--line);background:#f9f9f4;display:flex;flex-direction:column;align-items:center;padding:13px 6px 12px}.rail-top{display:flex;flex-direction:column;gap:8px}.rail-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:10px}.tool-button{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#74796e}.tool-button svg{width:18px;height:18px}.tool-button.active{background:#f9e6dc;color:#e06945}.tool-button:hover{background:#eeeee5}.tool-button.active:hover{background:#f4dbcc}.rail-divider{width:22px;height:1px;background:var(--line);margin:5px auto}.avatar{background:#313d37;color:white;font-size:12px;display:grid;place-items:center;border-radius:50%;height:26px;width:26px;margin-top:6px;font-weight:600}.panel{background:var(--panel);position:relative;display:flex;flex-direction:column}.left-panel{grid-column:2;grid-row:2;border-right:1px solid var(--line);overflow:hidden}.panel-tabs{height:46px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);padding:0 15px;gap:21px;flex-shrink:0}.panel-tabs>button{position:relative;font-size:11px;color:#96998f;padding:0 0 1px;white-space:nowrap}.panel-tabs>button.active{color:#3e443b;font-weight:550}.panel-tabs>button.active:after{height:2px;content:"";background:#ef754f;position:absolute;bottom:0;left:0;right:0}.panel-tabs>button:hover{background:transparent;color:#e46a45}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 13px 10px 18px}.scene-label{font-size:10px;font-weight:600;color:#626b5c}.scene-label:before{content:"▧";font-size:13px;color:#899581;margin-right:8px}.layer-list{padding:0 7px;max-height:calc(100dvh - 485px);min-height:130px;overflow:auto}.layer-item{display:flex;align-items:center;height:34px;padding:0 6px 0 10px;gap:8px;border-radius:5px;color:#788171;position:relative;margin:1px 0;user-select:none;cursor:pointer}.layer-item>svg{height:13px;width:13px;flex-shrink:0}.layer-item.selected{background:#f6e9df;color:#a85635}.layer-item:hover{background:#eeeae2}.layer-item.selected:hover{background:#f5e3d7}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;flex:1}.layer-controls{display:flex;gap:1px}.layer-controls button{height:22px;width:20px;color:#a4a799;padding:3px;border-radius:3px;opacity:0}.layer-controls button svg{width:12px;height:12px}.layer-item:hover .layer-controls button,.layer-item.selected .layer-controls button,.layer-item .layer-controls button.is-off,.layer-item .layer-controls button.is-locked{opacity:1}.layer-item.is-hidden>.layer-name{opacity:.4}.layer-item.is-locked>.layer-name:after{content:" ·"}.layer-footer{border-top:1px solid var(--line);margin:12px 16px 0;padding-top:10px}.quiet-button{font-size:10px;color:#7d8775;padding:5px 6px;border-radius:4px}.project-card{position:relative;border:1px solid #e4e6dc;border-radius:8px;background:#f1f2e9;padding:18px 14px 23px;margin:auto 13px 16px;overflow:hidden;flex-shrink:0;min-height:171px}.eyebrow{font-size:7px;font-weight:700;letter-spacing:1.5px;color:#949b86;display:block;margin-bottom:10px}.project-card strong{font-size:17px;line-height:1.25;letter-spacing:-.5px;color:#5e684f;font-weight:500}.project-card p{font-size:9px;color:#92997f;line-height:1.6;margin:9px 0}.text-link{font-size:10px;color:#727b67;padding:0;display:inline-flex;gap:6px;align-items:center;cursor:pointer}.text-link:hover{background:transparent;color:var(--orange)}.project-card svg{position:absolute;right:-15px;bottom:-45px;width:170px;color:#b5c19b;pointer-events:none}.project-card .text-link{font-size:9px;color:#666f57}.workspace{grid-column:3;grid-row:2;min-width:0;min-height:0;display:flex;flex-direction:column;background:#f3f3ed;position:relative}.workspace-toolbar{height:46px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 16px;background:#f9f9f5}.mode-tabs{display:flex;align-items:center;gap:4px}.mode-tabs button{font-size:10px;color:#939889;padding:5px 10px;border-radius:5px;height:27px}.mode-tabs button.active{color:#4e5645;background:#e9ecdf;box-shadow:inset 0 0 0 1px #e1e5d6}.mini-tag{font-size:7px;color:#a4aa99;border:1px solid #dfe1d5;padding:1px 2px;border-radius:2px;margin-left:3px}.workspace-options{display:flex;align-items:center;gap:3px}.toolbar-separator{height:13px;width:1px;background:var(--line);margin:0 5px}.zoom-button{color:#99a08e;font-size:15px;width:22px;height:24px;border-radius:4px}.zoom-label{font-size:9px;color:#777f6d;min-width:30px;height:24px;border-radius:4px}.stage-area{flex:1;position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:36px 44px 60px;background-image:radial-gradient(#d8dbcc .7px,transparent .7px);background-size:14px 14px;touch-action:none}.stage-area.no-grid{background-image:none}.stage-surround{position:relative;transform-origin:center;flex-shrink:0;transition:width .15s,height .15s}.artboard-label{position:absolute;top:-23px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#939b84}.artboard-label>span:first-child:before{content:"◇";color:#9da887;margin-right:6px}.artboard-label>span:nth-child(2){font-family:monospace;font-size:9px;color:#a5ac99}.stage-board{width:100%;height:100%;position:relative;box-shadow:0 3px 6px #363e3c12,0 18px 35px #3542340f;border-radius:1px;overflow:hidden;isolation:isolate;background:white}.stage-board>svg{width:100%;height:100%;display:block;overflow:hidden}.stage-board #stage-overlay{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:1}.stage-hint{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;color:#a2a78f;font-size:8px;white-space:nowrap}.stage-hint>span{margin:0 4px;color:#bdc1b3}.stage-caption{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:5px;color:#9da68c;font-size:7px;letter-spacing:.7px}.caption-separator{color:#c0c7b0;margin:0 3px}.dot{height:5px;width:5px;display:inline-block;border-radius:50%;flex-shrink:0}.orange{background:var(--orange)}.green{background:#6fa074}.workspace-bottom{height:29px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#9a9f8c;padding:0 13px;border-top:1px solid #e3e5d8;background:#f6f7ef}.workspace-bottom>div{display:flex;align-items:center;gap:5px}.engine-indicator{width:4px;height:4px;background:#88a976;border-radius:50%}.status-separator{margin:0 4px;color:#c0c6b1}.right-panel{grid-column:4;grid-row:2;border-left:1px solid var(--line);min-height:0}.property-tabs{padding-left:17px;gap:25px}.inspector{overflow:auto;flex:1}.property-section{padding:17px 17px 18px;border-bottom:1px solid var(--line)}.property-section h3{font-size:10px;font-weight:550;color:#676e5d;margin:0 0 13px;display:flex;align-items:center;justify-content:space-between}.section-caption{font-size:8px;color:#a7ad9b;font-weight:400}.selected-name{font-size:12px!important;color:#4c5642!important;gap:7px;justify-content:flex-start!important;margin-bottom:5px!important}.selected-name svg{width:15px;height:15px}.node-kind{font-size:9px;color:#9da68d;margin-left:23px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.field{height:30px;background:#f2f3ed;border:1px solid #e5e7da;border-radius:5px;display:flex;align-items:center;gap:7px;padding:0 8px;min-width:0}.field>span{font-size:9px;color:#9aa48b;min-width:10px}.field input,.field select{padding:0;outline:none;min-width:0;flex:1;width:100%;height:100%;border:0;background:transparent;color:#6a745e;font-size:10px}.field input[type=number]{appearance:textfield;-moz-appearance:textfield}.field input::-webkit-inner-spin-button{appearance:none}.field:focus-within{border-color:#e8a88d;background:white}.field input:focus{outline:0}.full-field{grid-column:1/-1}.field-unit{font-size:8px!important;color:#a8ae9a!important;text-align:right}.field-label{font-size:9px;color:#8e997e;margin:11px 0 6px}.color-field{padding-left:5px;gap:6px}.color-field input[type=color]{height:19px;max-width:22px;flex-shrink:0;cursor:pointer;padding:0;border:0}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:1px solid #0001;border-radius:3px}.color-field .color-value{font-family:monospace;font-size:9px;color:#849074}.alignment-buttons{display:flex;justify-content:space-between;padding:0 0 12px;gap:5px}.alignment-buttons button{color:#869177;border-radius:3px;padding:4px}.alignment-buttons button svg{height:13px;width:13px}.slider-field{display:flex;gap:10px;align-items:center}.slider-field>input{accent-color:var(--orange);flex:1;min-width:0;height:4px}.slider-field>span{font-size:9px;color:#89967a}.property-toggle{display:flex;align-items:center;justify-content:space-between;color:#8a957c;font-size:10px;margin:10px 0 0}.property-toggle input{accent-color:var(--orange)}.pill{font-size:7px;border:1px solid #d9e0cd;color:#92a17d;background:#f1f5e9;border-radius:4px;padding:3px 5px;letter-spacing:.4px}.document-preview{aspect-ratio:16/9;border:1px solid #ddd;border-radius:3px;background:#f0f1e7;display:grid;place-items:center;color:#939f81;font-size:10px;margin-bottom:15px}.document-preview>span{width:55%;height:65%;border:1px dashed #abb696;display:grid;place-items:center;font-size:8px}.property-section .button{width:100%;font-size:10px;margin-top:9px;background:#f4f5ed;border-color:#e1e6d6;color:#798b63}.property-section .button:hover{background:#e9edde}.property-note{font-size:9px;line-height:1.6;color:#969f88;margin:7px 0 0}.inspector-bottom{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:8px;color:#a3ac94;border-top:1px solid var(--line);padding:13px 17px;background:#f5f7ef}.inspector-bottom .text-link{font-size:8px;margin-left:11px;margin-top:1px}.timeline{grid-column:2/-1;grid-row:3;min-width:0;min-height:0;display:flex;flex-direction:column;background:#fbfbf7;border-top:1px solid #dedfd3}.timeline-header{height:43px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:1px solid var(--line);padding:0 13px 0 18px}.timeline-title{display:flex;align-items:center;gap:8px;width:185px;font-size:11px;color:#6c765e}.timeline-title>span>svg{height:14px;width:14px;color:#7e8b6b}.timeline-title strong{font-weight:500}.timeline-title>.icon-button{margin-left:auto;margin-right:13px;height:23px;min-width:23px}.timeline-title>.icon-button svg{width:13px;height:13px}.transport{display:flex;align-items:center;gap:6px}.transport .icon-button{height:25px;min-width:25px}.transport .icon-button svg{height:12px;width:12px}.play-button{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#f16b43;margin:0 4px}.play-button:hover{background:#df5d36}.play-button svg{width:12px;height:12px}.transport output{font-family:monospace;font-size:10px;color:#7d8a69;padding-left:10px;min-width:77px}.transport-separator{background:#e3e6d8;height:14px;width:1px;margin:0 5px}.keyframe-button{font-size:9px}.keyframe-button>span{font-size:15px;vertical-align:middle;color:#bead74}.timeline-settings{display:flex;align-items:center;gap:9px;color:#94a081;min-width:175px;justify-content:flex-end}.timeline-settings select{background:none;border:0;color:#96a282;font-size:9px;outline:none}.timeline-settings .icon-button svg{height:13px;width:13px}.timeline-body{display:flex;min-height:0;flex:1;overflow:auto;position:relative}.track-labels{width:216px;flex-shrink:0;background:#f9faf3;position:sticky;left:0;z-index:2;border-right:1px solid var(--line)}.track-label-heading{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;font-size:7px;letter-spacing:.7px;color:#acb49e;border-bottom:1px solid #e9ecdf;background:#f9faf3;position:sticky;top:0;z-index:3}.track-label-heading>span{letter-spacing:2px;color:#a2ad91}.track-label{height:29px;padding:0 12px 0 18px;display:flex;align-items:center;gap:8px;font-size:9px;color:#8a9877;border-bottom:1px solid #eceee3;cursor:pointer;user-select:none}.track-label>svg{width:11px;height:11px;flex-shrink:0}.track-label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-label.selected{background:#f7ebe0;color:#b08460}.track-label>.track-dot{margin-left:auto;width:5px;height:5px;border:1px solid #bfc7ad;border-radius:50%;flex-shrink:0}.tracks-scroll{flex:1;min-width:0;overflow-x:auto;position:relative}.tracks-scroll>svg{display:block;min-width:100%;height:auto;touch-action:none}.timeline-footer{height:27px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a4ae93;padding:0 16px;border-top:1px solid #e8ebdd;flex-shrink:0;background:#f8faf1}.timeline-footer>span:first-child{display:flex;align-items:center;gap:5px}.timeline-footer>span:nth-child(2){font-size:8px;letter-spacing:.25px;color:#b2bba2}.timeline-footer .text-link{font-size:8px;color:#9aa889}.timeline-footer kbd{font-size:7px;background:#f8faef;border-color:#e1e6d4;color:#a4b092}.mobile-nav{display:none}.mobile-close{display:none!important}.toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,16px);z-index:200;background:#2e3c33;color:#f5f8f0;padding:12px 19px;font-size:11px;border-radius:9px;box-shadow:0 10px 25px #12281726;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:min(550px,90vw);line-height:1.5}.toast.visible{opacity:1;transform:translate(-50%,0)}.floating-menu{position:fixed;min-width:205px;padding:6px;border:1px solid #e1e4d7;border-radius:9px;background:#fffef9;box-shadow:0 12px 35px #2735251f;z-index:150}.menu-item{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:9px 10px;border-radius:4px;font-size:11px;color:#6e7d60}.menu-item:hover{background:#f3f4eb}.menu-item kbd{margin-left:auto;font-size:8px;color:#a1ae90}.menu-divider{height:1px;background:#e8ecdd;margin:5px}.modal{border:1px solid #dfe3d3;border-radius:14px;background:#fcfdf8;color:#57654a;width:min(700px,calc(100vw - 32px));padding:0;max-height:calc(100dvh - 42px);box-shadow:0 40px 100px #10231033;overflow:auto}.modal::backdrop{background:#1929196b;backdrop-filter:blur(5px)}.modal-header{padding:25px 27px 17px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e4e8d9}.modal-header h2{font-size:20px;letter-spacing:-.6px;font-weight:550;margin:0 0 6px;color:#394e2d}.modal-header p{font-size:11px;color:#94a382;line-height:1.5;margin:0;max-width:520px}.modal-header .icon-button{font-size:22px;color:#91a07f;min-width:25px;line-height:1;margin-top:-4px;margin-right:-8px}.modal-body{padding:24px 27px}.modal-footer{padding:17px 27px;border-top:1px solid #e4e8d9;display:flex;justify-content:flex-end;gap:10px;background:#f8faf0;align-items:center}.modal-footer .button{font-size:11px;min-height:34px}.modal-footer .footer-note{margin-right:auto;color:#9ba98c;font-size:9px;max-width:340px;line-height:1.5}.modal label.form-label{display:block;font-size:10px;color:#7d9069;font-weight:500;margin:0 0 7px}.modal .text-input,.modal select.text-input{width:100%;border:1px solid #dce3cf;border-radius:6px;background:#fffef9;padding:10px 11px;color:#657856;font-size:11px}.modal .text-input:focus{outline:2px solid #f6c0a2;outline-offset:1px;border-color:#eaa984}.modal textarea{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px}.form-row.three{grid-template-columns:1fr 1fr 1fr}.modal section+section{margin-top:23px}.modal h3{font-size:11px;color:#657c50;font-weight:500;margin-bottom:12px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-choice{border:1px solid #e0e6d5;background:#fffef9;padding:12px 7px;text-align:center;border-radius:7px;display:flex;align-items:center;flex-direction:column;gap:6px;min-height:90px;color:#8ba173}.preset-choice.selected{border-color:#ed9f78;background:#fff5e8;box-shadow:0 0 0 1px #e9b292}.preset-choice span.preset-preview{width:26px;height:17px;border:1px solid currentColor;display:inline-block;margin-bottom:6px}.preset-choice strong{font-size:10px;font-weight:500;color:#6c8059}.preset-choice small{font-size:8px;color:#9aae86}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.template-choice{padding:0;border:1px solid #dfe7d0;border-radius:7px;background:#fffef9;overflow:hidden;text-align:left}.template-choice.selected{border-color:#f09c74;box-shadow:0 0 0 1px #e9b292}.template-art{height:105px;background:#12262d;overflow:hidden}.template-art>svg{width:100%;height:100%;display:block}.template-caption{padding:10px 11px}.template-caption strong{display:block;font-size:10px;font-weight:500;color:#748660}.template-caption p{margin:5px 0 0;font-size:8px;line-height:1.4;color:#a0ae8c}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.format-choice{border:1px solid #dfe6d2;border-radius:8px;padding:13px;background:#fffef9;text-align:left;display:flex;flex-direction:column;gap:7px;min-height:91px;color:#799b54}.format-choice.selected{border-color:#eeab89;background:#fff3e6;box-shadow:0 0 0 1px #efbf9b}.format-choice strong{font-size:11px;color:#6b8551;display:flex;justify-content:space-between}.format-choice p{font-size:9px;margin:0;color:#a2b08f;line-height:1.4}.format-choice small{font-size:8px;color:#b69c6f;font-weight:400}.export-summary{display:flex;gap:8px;align-items:center;flex-wrap:wrap;border:1px solid #e4ead8;border-radius:6px;padding:10px 12px;font-size:10px;color:#92a977;margin:17px 0}.export-summary span+span:before{content:"·";margin-right:8px;color:#c2d0b0}.export-progress{font-size:10px;line-height:1.5;color:#ae815e;margin:10px 0 0;min-height:15px}.export-progress.error{color:#bf573f}.embed-code,.script-input{font-family:"SFMono-Regular",Consolas,monospace;font-size:10px!important;line-height:1.8;color:#b5d8a0!important;background:#18352a!important;border:1px solid #284d37!important;padding:15px!important;width:100%;border-radius:7px;tab-size:2;resize:vertical}.script-input{min-height:240px}.script-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.script-toolbar select{width:auto!important;margin-left:auto;font-size:10px!important;padding:6px!important}.code-info{font-size:9px;line-height:1.65;color:#8fa778;margin-top:11px}.script-output{font-family:monospace;font-size:10px;white-space:pre-wrap;line-height:1.65;background:#eef3e5;padding:12px;border-radius:6px;color:#79965e;max-height:140px;overflow:auto;margin-top:12px;border:1px solid #e2ead7}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 26px}.shortcut{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6edd9;padding:8px 0;font-size:11px;color:#8fa878}.shortcut kbd{font-size:10px;border-color:#d9e5c8;background:#f4f8e9;color:#8eac70}.help-callout{padding:16px;background:#eef3e1;border-radius:8px;margin-top:22px;color:#93a96f;font-size:11px;line-height:1.7}.help-callout strong{font-weight:500;color:#708f4f}.help-links{display:flex;gap:15px;margin-top:14px;flex-wrap:wrap}.help-links a{font-size:10px;color:#eb8252}.command-search{padding:18px;border-bottom:1px solid #e4ecd6;display:flex;gap:10px;align-items:center}.command-search input{flex:1;border:0;background:none;font-size:15px;color:#70904f;outline:none}.command-list{padding:8px;max-height:400px;overflow:auto}.command-list button{display:flex;align-items:center;gap:10px;padding:12px;border-radius:6px;width:100%;text-align:left;font-size:12px;color:#83a15f}.command-list button:hover{background:#eef4e0}.command-list button kbd{margin-left:auto}.preview-shell{background:#132626;padding:20px}.preview-shell svg{display:block;width:100%;max-height:68vh}.preview-footer{justify-content:space-between}.preview-time{color:#9cb780;font-family:monospace;font-size:10px}.library-search{margin:15px 12px 17px;display:flex;align-items:center;border:1px solid #e4e8d9;border-radius:5px;gap:5px;padding:6px 7px;color:#9bac87}.library-search input{font-size:9px;background:none;border:0;outline:none;width:100%;min-width:0;color:#859a6b}.library-heading{font-size:7px;letter-spacing:1px;color:#adb99d;margin:0 15px 9px}.shape-library{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 12px;margin-bottom:20px}.shape-library button{border:1px solid #e2e9d4;border-radius:5px;height:33px;color:#a0b384;background:#f5f8eb;display:grid;place-items:center}.shape-library button:hover{background:#eff0df;color:#d48751}.template-library{padding:0 12px;display:grid;gap:9px;max-height:290px;overflow:auto}.template-library button{display:flex;align-items:center;gap:8px;text-align:left;padding:7px;border:1px solid #e4ebd7;border-radius:5px}.template-library button .template-mini{width:40px;height:30px;flex-shrink:0;overflow:hidden;border-radius:3px;background:#133327}.template-mini>svg{width:100%;height:100%}.template-library button strong{font-weight:500;font-size:9px;color:#8ca76c;display:block}.template-library button small{font-size:8px;color:#afbe9d;display:block;margin-top:3px;line-height:1.4}#library-panel{overflow:auto}.danger-button{color:#c06c47!important;background:#fff0e5!important;border-color:#f0d4bd!important}.font-textarea{width:100%;background:#f1f4e8;border:1px solid #e1e8d3;border-radius:5px;resize:vertical;min-height:70px;padding:8px;color:#849d6b;font-size:10px;line-height:1.5}.range-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:9px;color:#95a77e}.range-row input{flex:1;accent-color:var(--orange)}.keyframe-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.keyframe-chip{padding:5px 7px;border:1px solid #e2e8d7;border-radius:4px;font-size:9px;color:#91a576}.keyframe-chip.active{border-color:#eba57a;background:#fff1df;color:#bf8859}.welcome-note{font-size:10px;line-height:1.7;color:#9ab37b}.inspector .easing-select{width:100%;padding:8px;border:1px solid #e1e8d6;border-radius:5px;background:#f4f7eb;color:#8da473;font-size:10px}.mobile-close{display:none}.studio.timeline-expanded{grid-template-rows:64px minmax(200px,1fr) 380px}.project-info-list{font-size:11px;line-height:1.8;color:#8da874;display:grid;grid-template-columns:110px 1fr;gap:9px 15px}.project-info-list dt{color:#9db78a}.project-info-list dd{margin:0;overflow-wrap:anywhere}.motion-empty{padding:25px 18px;font-size:11px;line-height:1.8;color:#9db384}.motion-empty svg{height:25px;width:25px;color:#bdcda6;display:block;margin-bottom:14px}.text-danger{color:#c57a52}.property-section>.field+.field{margin-top:8px}.animation-path{pointer-events:none}.modal .form-hint{font-size:9px;color:#afc198;line-height:1.6;margin:7px 0 0}.menu-item svg{width:13px;height:13px}.tool-caption{font-size:8px;display:block;color:#c0c4b5;margin-top:4px}.blank-state{padding:25px 12px;font-size:10px;color:#aab996;line-height:1.7;text-align:center}
@media(min-width:1600px){.studio{grid-template-columns:56px 238px minmax(350px,1fr) 282px;grid-template-rows:67px minmax(350px,1fr) 282px}.track-labels{width:238px}.stage-area{padding:48px 60px 70px}.project-card{min-height:192px;padding:24px 20px}.project-card strong{font-size:20px}.layer-item{height:37px}.layer-name{font-size:11px}.property-section{padding:21px}.brand>span{font-size:28px}.topbar{gap:25px}.timeline-title{width:206px}.panel-tabs{height:49px}.workspace-toolbar{height:49px}.layer-list{max-height:calc(100dvh - 535px)}}
@media(max-width:1250px){.studio{grid-template-columns:48px 180px minmax(250px,1fr) 232px;grid-template-rows:58px minmax(250px,1fr) 235px}.brand small{display:none}.topbar{gap:12px;padding-left:10px;padding-right:12px}.save-status{display:none}.project-title{left:48%;max-width:160px}.main-menu button{padding:7px 4px}.left-panel .project-card{margin-left:10px;margin-right:10px;padding:15px 11px;min-height:165px}.project-card strong{font-size:16px}.stage-area{padding:30px 27px 54px}.track-labels{width:180px}.timeline-title{width:150px}.stage-caption{display:none}.layer-list{max-height:calc(100dvh - 459px)}.property-section{padding:15px 14px}.field{padding:0 6px}.field-grid{gap:6px}.timeline-settings{min-width:120px}.inspector-bottom{font-size:7px;padding:11px}.brand>span{font-size:23px}}
@media(max-width:1000px){.studio{grid-template-columns:46px 166px minmax(220px,1fr) 213px}.main-menu button:not(:first-child){display:none}.project-title{position:static;transform:none;left:auto;margin-left:auto;max-width:190px}.top-actions{margin-left:0}.command-button{display:none}.topbar{gap:12px}.brand>span{font-size:22px}.brand img{width:28px;height:28px}.stage-area{padding:29px 22px 46px}.mode-tabs button{font-size:9px;padding:5px 6px}.workspace-toolbar{padding:0 9px}.workspace-options{gap:0}.zoom-button{width:18px}.toolbar-separator{margin:0 3px}.panel-tabs{gap:17px;padding:0 12px}.property-tabs{gap:18px}.timeline-title{width:136px}.track-labels{width:166px}.timeline-settings{min-width:93px;gap:3px}.transport{gap:2px}.transport output{padding-left:3px;font-size:9px;min-width:63px}.transport .quiet-button{font-size:8px}.timeline-header{padding-left:13px}.workspace-bottom{font-size:7px;padding:0 9px}.workspace-bottom>span{max-width:45%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.inspector-bottom{padding:10px 12px;font-size:7px}.field-grid{gap:5px}.property-section{padding:14px 12px}.project-card{display:none}.layer-list{max-height:calc(100dvh - 431px)}.layer-name{font-size:9px}.layer-controls{gap:0}.layer-controls button{width:16px;padding:1px}.template-library button{padding:5px}.stage-hint{font-size:7px;gap:3px}.stage-hint>span{margin:0 1px}.stage-hint kbd{font-size:7px}.mini-tag{display:none}}
@media(max-width:780px), (max-width:1000px) and (pointer:coarse){.studio{height:100dvh;min-height:540px;grid-template-columns:45px minmax(0,1fr);grid-template-rows:55px minmax(240px,1fr) 205px 45px}.topbar{padding:0 10px;gap:10px}.brand>span{font-size:21px}.brand img{width:26px;height:26px}.main-menu{display:none}.project-title{max-width:170px;font-size:10px;padding:6px;gap:4px;margin-left:auto}.top-actions{gap:5px}.top-actions .button{padding:8px;font-size:10px;gap:5px}.top-actions .button svg{width:13px;height:13px}.toolrail{grid-row:2/4;grid-column:1;padding:11px 4px}.tool-button{height:32px;width:32px}.rail-top{gap:6px}.tool-button svg{width:16px;height:16px}.rail-bottom{gap:5px}.avatar{display:none}.workspace{grid-column:2;grid-row:2}.left-panel,.right-panel{position:fixed;top:55px;bottom:45px;z-index:30;display:none;width:240px;box-shadow:var(--shadow)}.left-panel{left:45px}.right-panel{right:0;width:250px}.left-panel.mobile-open,.right-panel.mobile-open{display:flex}.left-panel .project-card{display:block}.layer-list{max-height:calc(100dvh - 410px);min-height:80px}.mobile-close{display:flex!important;margin-left:auto;font-size:17px!important}.workspace-toolbar{height:40px;padding:0 11px}.mode-tabs button{font-size:9px;padding:5px 9px}.stage-area{padding:33px 27px 46px}.stage-hint{display:none}.stage-caption{display:flex;font-size:6px;bottom:14px;left:12px}.artboard-label{font-size:8px;top:-20px}.artboard-label>span:nth-child(2){font-size:8px}.timeline{grid-column:2;grid-row:3}.timeline-header{height:38px;padding:0 8px;gap:6px}.timeline-title{width:auto;gap:5px}.timeline-title strong{font-size:9px}.timeline-title>.icon-button{display:none}.timeline-title>span>svg{height:12px;width:12px}.transport{margin-left:auto;gap:0}.transport output{min-width:56px;font-size:8px;padding:0 2px}.transport-separator{margin:0 3px}.keyframe-button{font-size:0!important;min-width:22px;padding:2px}.keyframe-button span{font-size:17px}.timeline-settings{min-width:51px}.timeline-settings .icon-button{display:none}.timeline-settings select{font-size:8px;max-width:55px}.timeline-footer>span:nth-child(2){display:none}.timeline-footer{padding:0 9px;height:23px;font-size:7px}.timeline-footer .text-link{font-size:7px}.track-labels{width:119px}.track-label{padding-left:9px;font-size:8px;gap:5px}.track-label-heading{padding-left:9px;font-size:6px;letter-spacing:.4px}.track-label-heading span{display:none}.track-label .track-dot{display:none}.mobile-nav{display:flex;grid-column:1/-1;grid-row:4;background:#fcfdf5;border-top:1px solid #e1e8d3;z-index:35;justify-content:space-around;align-items:center;padding:3px 10px max(3px,env(safe-area-inset-bottom))}.mobile-nav button{font-size:10px;color:#859b70;padding:8px 17px;border-radius:4px}.mobile-nav button.active{color:#dd7a4a;background:#fff1e3}.workspace-bottom{height:23px;font-size:6px}.workspace-bottom>div{gap:3px}.workspace-bottom>span{max-width:40%}.project-card strong{font-size:17px}.layer-name{font-size:10px}.layer-controls button{width:20px}.modal{width:min(650px,calc(100vw - 20px));max-height:calc(100dvh - 24px);border-radius:11px}.modal-header{padding:20px 18px 15px}.modal-header h2{font-size:19px}.modal-header p{font-size:10px;max-width:90%}.modal-body{padding:19px 18px}.modal-footer{padding:14px 18px;flex-wrap:wrap}.modal-footer .footer-note{font-size:8px;max-width:57%}.preset-grid{grid-template-columns:repeat(3,1fr)}.template-grid{gap:8px}.template-art{height:83px}.template-caption{padding:8px}.template-caption strong{font-size:9px}.template-caption p{font-size:7px}.form-row{gap:10px}.format-grid{gap:8px}.format-choice{padding:11px;min-height:90px}.format-choice strong{font-size:10px}.format-choice p{font-size:8px}.help-grid{gap:5px 17px}.shortcut{font-size:10px}.shortcut kbd{font-size:8px}.toast{bottom:58px;font-size:10px;padding:11px 14px}.studio.timeline-expanded{grid-template-rows:55px minmax(180px,1fr) 300px 45px}.engine-indicator{width:3px;height:3px}.project-info-list{font-size:10px;grid-template-columns:80px 1fr}}
@media(max-width:420px){.brand>span{display:none}.project-title{max-width:155px;margin-left:0}.topbar{gap:6px}.top-actions{margin-left:auto}.top-actions .preview-button{font-size:0;padding:9px}.top-actions .preview-button svg{width:14px;height:14px}.top-actions .export-button{font-size:10px;padding:8px 9px}.stage-area{padding:30px 14px 45px}.mode-tabs button{padding:4px 6px}.workspace-toolbar{padding:0 6px}.workspace-options .toolbar-separator{display:none}.workspace-options .icon-button{min-width:22px;width:22px}.workspace-options .icon-button svg{width:12px;height:12px}.zoom-label{min-width:24px;font-size:8px}.zoom-button{width:15px;font-size:12px}.timeline-title strong{display:none}.transport output{font-size:8px}.timeline-header{gap:3px;padding:0 5px}.track-labels{width:95px}.track-label{font-size:7px}.track-label>svg{width:9px;height:9px}.track-label-heading{font-size:6px}.mobile-nav{padding-left:3px;padding-right:3px}.mobile-nav button{padding:8px 13px;font-size:9px}.workspace-bottom>div #frame-status{display:none}.workspace-bottom>div .status-separator{display:none}.template-grid{grid-template-columns:repeat(2,1fr)}.format-grid{grid-template-columns:repeat(2,1fr)}.modal-footer .footer-note{max-width:none;width:100%}.form-row.three{grid-template-columns:1fr 1fr 1fr}.form-row{gap:8px}.modal .text-input{padding:9px;font-size:10px}.help-grid{grid-template-columns:1fr}.help-callout{font-size:10px}.timeline-footer .text-link{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.left-panel>#layers-panel{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden}.left-panel .layer-list{flex:1;min-height:55px;max-height:none}.left-panel .layer-footer{flex-shrink:0;margin-bottom:14px}.left-panel .project-card{margin-top:0}.left-panel>#library-panel{flex:1;min-height:0;margin-bottom:14px}
/* Touch editing is a first class workspace, with every action available without a keyboard. */
.selection-toolbar{display:none}.panel-backdrop{display:none}.frame-controls{display:grid;grid-template-columns:44px 1fr 44px;gap:8px}.frame-controls .button{font-size:24px;margin:0}.locked-notice{padding:16px;background:#fff3e4;border-bottom:1px solid #efcfb1;display:grid;gap:10px;color:#875d35}.locked-notice span{display:flex;gap:8px;align-items:center}.locked-notice svg{width:16px;height:16px}.mobile-menu-list{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:8px}.mobile-menu-list button{min-height:48px;text-align:left;padding:12px;border:1px solid #dce3cf;border-radius:8px;background:#fffef9;color:#425637;font-size:13px}.replace-consent{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:14px;border:1px solid #edc19f;border-radius:8px;background:#fff3e5;font-size:12px;line-height:1.6;color:#815a37}.replace-consent input{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:#eb7e48}.touch-help{margin:0 0 20px}.layer-controls{flex-shrink:0}button:disabled{opacity:.42;cursor:not-allowed}.layer-item:focus-visible,.track-label:focus-visible,button:focus-visible{outline:2px solid #ed824e;outline-offset:-2px}
@media(max-width:780px), (max-width:1000px) and (pointer:coarse){
 :root{--mobile-nav-height:calc(56px + env(safe-area-inset-bottom));--mobile-header-height:calc(56px + env(safe-area-inset-top))}
 html,body{height:100%;overflow:hidden}.studio,.studio.timeline-expanded{height:var(--viewport-height,100dvh);min-height:0;grid-template-columns:45px minmax(0,1fr);grid-template-rows:var(--mobile-header-height) minmax(120px,1fr) 186px var(--mobile-nav-height)}
 .topbar{padding-top:env(safe-area-inset-top);min-width:0}.project-title{min-width:0}.project-title .project-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .workspace-toolbar{height:44px;min-height:44px}.selection-toolbar{display:flex;align-items:center;flex-shrink:0;min-height:49px;border-bottom:1px solid #e3e7d9;background:#fffdf7;padding:2px 4px;gap:3px;z-index:4}.history-actions{display:flex}.history-actions .icon-button{width:44px;height:44px;min-width:44px}.history-actions svg{width:17px;height:17px}.selection-toolbar #selection-hint{font-size:11px;padding-left:5px;color:#68795a}.selection-toolbar #selection-actions{display:flex;flex:1;justify-content:flex-end;gap:1px;min-width:0}.selection-toolbar #selection-actions[hidden]{display:none}.selection-toolbar #selection-hint[hidden]{display:none}.selection-toolbar #selection-actions button{min-height:44px;padding:0 8px;font-size:11px;font-weight:550;border-radius:6px;color:#446033}.selection-toolbar #selection-actions button[data-action="edit-layer"]{background:#fff0df;color:#a5562e}.selection-toolbar #selection-actions .selection-delete{color:#b0452f}
 .stage-area{min-height:0;padding:30px 15px 25px}.stage-caption{display:none}.workspace-bottom{min-height:23px}.toolrail{padding:5px 0;gap:4px;overflow:auto}.toolrail .tool-button{min-height:44px;height:44px;width:44px}.rail-top,.rail-bottom{gap:0}.toolrail .rail-divider{margin:2px 0}.rail-bottom{margin-top:8px}.toolrail .tool-button svg{width:19px;height:19px}.toolrail .rail-bottom .tool-button{flex-shrink:0}
 .panel-backdrop:not([hidden]){display:block;position:fixed;inset:var(--mobile-header-height) 0 var(--mobile-nav-height);background:#23351f38;z-index:29;border:0}.left-panel,.right-panel{top:var(--mobile-header-height);bottom:var(--mobile-nav-height);width:min(360px,calc(100vw - 24px));max-height:calc(var(--viewport-height,100dvh) - var(--mobile-header-height) - var(--mobile-nav-height));left:auto;right:0;box-shadow:-8px 0 32px #1f30202e}.left-panel{right:auto;left:0}.left-panel .project-card{display:none}.panel-tabs{height:50px;min-height:50px;gap:22px}.panel-tabs button{min-height:44px;font-size:13px}.panel-tabs .mobile-close{width:44px;min-width:44px;height:44px;align-items:center;justify-content:center;font-size:24px!important}.panel-heading{min-height:48px}.panel-heading .icon-button{width:44px;height:44px}.layer-item{height:52px;padding-left:12px;gap:9px}.layer-name{font-size:13px;color:#526448}.layer-controls{display:flex;opacity:1;gap:0}.layer-controls button{width:44px;min-width:44px;height:44px;padding:11px}.layer-controls svg{width:18px;height:18px}.layer-item>svg{width:17px;height:17px}.layer-footer .quiet-button{min-height:44px;font-size:13px}.left-panel .layer-footer{margin-bottom:0}.library-search{min-height:44px}.library-search input{font-size:16px}.library-heading{font-size:10px}.shape-library button{height:48px}.template-library{max-height:none}.template-library button{min-height:64px}.template-library button strong{font-size:13px}.template-library button small{font-size:10px}
 .inspector{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-bottom:24px}.property-section{padding:18px 16px}.property-section h3{font-size:13px}.property-section .selected-name button{min-height:44px;font-size:16px;text-align:left}.node-kind,.property-note{font-size:12px;line-height:1.6}.field-grid{gap:10px}.field{min-height:44px;padding:0 9px}.field input,.field select,.font-textarea,.inspector .easing-select{font-size:16px!important;min-width:0}.field>span{font-size:12px}.field .field-unit{font-size:11px}.color-value{font-size:12px!important}.color-field input[type="color"]{width:32px;min-height:32px;height:32px}.color-field button{font-size:12px!important;min-height:40px;min-width:42px}.font-textarea{padding:10px;min-height:110px}.property-section .button{min-height:44px;font-size:13px}.alignment-buttons button{min-height:44px;min-width:40px}.alignment-buttons svg{width:18px;height:18px}.field-label{font-size:12px;margin-top:15px}.slider-field{min-height:44px}.slider-field input[type="range"]{height:32px}.property-toggle{min-height:48px;font-size:12px}.property-toggle input{width:22px;height:22px}.keyframe-chip{min-height:44px;min-width:44px;font-size:13px}.inspector-bottom{padding:11px 16px;font-size:10px}.inspector-bottom .text-link{min-height:36px;font-size:12px}.frame-controls .field{padding:0 7px}.frame-controls input{width:60px}
 .mobile-nav{height:var(--mobile-nav-height);padding:0 4px env(safe-area-inset-bottom);gap:0}.mobile-nav button{min-height:48px;padding:0 8px;font-size:12px;flex:1}.timeline-header{height:44px;min-height:44px}.timeline-header .icon-button,.timeline-header .play-button{min-height:40px;height:40px;min-width:32px}.timeline-header .transport{gap:0}.timeline-settings select{font-size:10px;max-width:60px;height:40px}.keyframe-button{min-height:40px;min-width:32px}.track-label{height:36px;font-size:10px}.track-labels{width:104px}.track-label>svg{width:12px;height:12px}.timeline-footer{height:20px;font-size:8px}.timeline-footer>span:nth-child(2){display:none}.track-label-heading{height:30px;font-size:8px}
 .modal{max-height:calc(var(--viewport-height,100dvh) - 20px);width:calc(100vw - 16px);overscroll-behavior:contain}.modal-header{padding:16px}.modal-header .icon-button{min-height:44px;min-width:44px;margin:0 -8px 0 6px}.modal-header h2{font-size:20px}.modal-header p{font-size:12px;max-width:none}.modal-body{padding:16px}.modal .text-input,.modal textarea,.modal select.text-input,.command-search input{font-size:16px!important;min-height:44px}.modal label.form-label{font-size:11px}.modal-footer{padding:12px 16px;position:sticky;bottom:0;z-index:1}.modal-footer .button{min-height:44px;font-size:13px}.modal-footer .footer-note{font-size:10px}.format-choice{min-height:98px}.format-choice strong{font-size:13px}.format-choice p{font-size:11px}.template-caption strong{font-size:12px}.template-caption p{font-size:10px}.preset-choice strong{font-size:12px}.preset-choice small{font-size:10px}.script-toolbar{align-items:stretch;flex-direction:column}.script-toolbar select{margin-left:0;width:100%!important;min-height:44px}.code-info,.form-hint{font-size:11px!important}.command-list button{min-height:48px;font-size:14px}.command-search{gap:6px;padding:12px}.command-search input{min-width:0}.toast{bottom:calc(var(--mobile-nav-height) + 12px);font-size:12px}.modal .help-grid{grid-template-columns:1fr}.help-callout{font-size:12px}.help-links a,.help-links .text-link{font-size:12px;min-height:36px}.shortcut{font-size:12px}.shortcut kbd{font-size:11px}
 .keyboard-open .studio,.keyboard-open .studio.timeline-expanded{grid-template-rows:var(--mobile-header-height) minmax(100px,1fr) 0 0}.keyboard-open .timeline,.keyboard-open .mobile-nav{display:none}.keyboard-open .left-panel,.keyboard-open .right-panel{bottom:0;max-height:calc(var(--viewport-height,100dvh) - var(--mobile-header-height))}.keyboard-open .panel-backdrop:not([hidden]){bottom:0}
}
@media(max-width:780px) and (max-height:570px), (max-width:1000px) and (pointer:coarse) and (max-height:570px){.studio,.studio.timeline-expanded{grid-template-rows:var(--mobile-header-height) minmax(120px,1fr) 92px var(--mobile-nav-height)}.timeline-footer{display:none}.stage-area{padding:24px 12px 10px}.workspace-bottom{display:none}.stage-surround{max-height:none}.modal-header{padding:10px 14px}.modal-header h2{font-size:17px}.modal-header p{font-size:11px}}
@media(min-width:781px) and (max-height:570px) and (pointer:fine){.studio,.studio.timeline-expanded{min-height:0;grid-template-rows:56px minmax(130px,1fr) 142px}.stage-area{padding:25px 16px}.layer-list{max-height:none}}

@media(min-width:650px) and (max-width:780px) and (max-height:570px), (min-width:650px) and (max-width:1000px) and (pointer:coarse) and (max-height:570px){.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);grid-template-rows:49px minmax(0,1fr)}.workspace-toolbar{grid-column:1;grid-row:1;height:49px;min-width:0}.selection-toolbar{grid-column:2;grid-row:1}.stage-area{grid-column:1/-1;grid-row:2;display:flex}.workspace-bottom{display:none}}

.selected-name button{display:flex;align-items:center;gap:8px;max-width:100%;min-width:0}.selected-name button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rename-label{font-size:10px;font-weight:400;color:#b3663d;flex-shrink:0}
/* Dimensional motion tools share the same SVG authoring and touch workflow. */
.library-three-button{margin:7px 12px;width:calc(100% - 24px);font-size:10px}.three-tool-entry{width:100%;margin-bottom:14px}.dimension-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#26372f;color:#f9f6e9;border-radius:12px;padding:22px 25px;margin-bottom:18px;overflow:hidden}.dimension-intro .eyebrow{color:#cfac8c;font-size:9px}.dimension-intro h3{color:#f9f6e9;font-size:29px;font-weight:500;letter-spacing:-1px;margin:0 0 10px}.dimension-intro p{max-width:330px;line-height:1.6;color:#c2c8b9;font-size:12px;margin:0}.dimension-intro>.primitive-art{width:105px;flex-shrink:0;color:#f39771;transform:rotate(-20deg)}.primitive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.primitive-choice{border:1px solid #dfdfd2;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:17px 8px 14px;background:#fafbf4;gap:5px}.primitive-choice:hover{background:#fff1e6;border-color:#ec9b75}.primitive-art{width:72px;height:84px;color:#bd6a47;display:block}.primitive-choice strong{font-size:13px;font-weight:550;color:#40533b;margin-top:6px}.primitive-choice span{font-size:9px;color:#8a967a}.dimension-actions{display:flex;gap:10px;margin:20px 0 12px}.dimension-actions .button{flex:1}.dimension-actions+.code-info{margin-bottom:0}.mesh-properties{background:linear-gradient(135deg,#fff5ec,#f5f6eb)}.blend-field{margin-top:10px}.camera-diagram{height:100px;background:#f0f2e8;border:1px solid #e1e4d6;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:28px;margin-bottom:23px;color:#6c7c5e}.camera-diagram .primitive-art{height:76px;width:65px}.camera-diagram>span{font-size:9px;letter-spacing:1.3px;border-bottom:1px dotted #9aa68b;padding-bottom:5px}.camera-diagram>svg:last-child{width:30px;height:30px;color:#a45d3f}.camera-diagram+.form-row{grid-template-columns:1fr 1fr;gap:15px}.camera-diagram+.form-row .form-label{display:block;margin-bottom:7px}.camera-diagram+.form-row .text-input{width:100%}.motion-preset-entry{background:#fff4e9}.motion-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.motion-choice{display:flex;flex-direction:column;text-align:left;padding:14px 13px;gap:8px;border:1px solid #e1e3d6;border-radius:9px;background:#fcfcf7;min-width:0}.motion-choice:hover{background:#f4f5eb}.motion-choice.selected{border-color:#eb8b5c;background:#fff0e2;box-shadow:inset 0 0 0 1px #efc2a5}.motion-choice strong{font-size:12px;font-weight:600;color:#526045}.motion-choice small{font-size:10px;line-height:1.5;color:#8c987c}.motion-glyph{font-size:26px;line-height:34px;color:#d87f54;background:#f1eddb;width:40px;height:40px;text-align:center;border-radius:7px}.motion-choice.selected .motion-glyph{color:#d56839;background:#f8d8bd}.motion-timing{margin-top:22px}.motion-timing .form-label{display:block;font-size:10px;margin-bottom:8px}.motion-timing .text-input{width:100%}.curve-editor{background:#fbfcf7}.curve-editor .property-note{margin-bottom:6px}#curve-graph{display:block;width:100%;max-height:230px;touch-action:none;user-select:none;overflow:hidden;border:1px solid #e5e8d8;border-radius:8px;background:#f3f5eb;margin:10px 0}#curve-graph.is-disabled{opacity:.4;pointer-events:none}.curve-grid{fill:none;stroke:#dfe5d4;stroke-width:.7}.curve-reference{fill:none;stroke:#bdc9ab;stroke-width:1;stroke-dasharray:3 4}.curve-path{fill:none;stroke:#dd794c;stroke-width:2.5}.curve-arms{fill:none;stroke:#baa57f;stroke-width:1.2}.curve-handle{fill:#fffaf0;stroke:#d87549;stroke-width:2}#curve-graph [data-curve-handle]{cursor:grab}#curve-graph [data-curve-handle]:active{cursor:grabbing}#curve-graph text{font:8px Inter,Arial,sans-serif;fill:#9ca88a;letter-spacing:1px}.curve-values{display:grid;grid-template-columns:1fr 1fr;gap:7px}.curve-values .field input{font-size:11px}.curve-presets{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.curve-presets button{flex:1;min-height:30px;border:1px solid #dfe4d0;background:#f6f8ef;color:#788967;font-size:9px;border-radius:5px;padding:5px}.curve-presets button:hover{background:#faecdc;color:#ac6239}.curve-caption{display:block;font-size:9px;color:#8b987a;line-height:1.6;margin-top:9px}.keyframe-time-field{margin:12px 0}.keyframe-time-field input{width:50px}.mesh-properties .field-grid{margin-bottom:5px}
@media(max-width:780px), (max-width:1000px) and (pointer:coarse){
 .mode-tabs button{min-height:36px;padding:4px 6px}.mode-tabs [data-action="script"]{display:none}.mode-tabs [data-action="three-workspace"]{color:#b96440;background:#fce8da}.workspace-options{gap:0}.dimension-intro{padding:18px;gap:12px}.dimension-intro h3{font-size:24px}.dimension-intro p{font-size:12px}.dimension-intro>.primitive-art{width:65px;height:80px}.primitive-grid{grid-template-columns:1fr 1fr;gap:10px}.primitive-choice{padding:15px 10px}.primitive-choice strong{font-size:15px}.primitive-choice span{font-size:11px}.primitive-choice .primitive-art{height:66px;width:60px}.dimension-actions{flex-wrap:wrap}.dimension-actions .button{min-height:44px;font-size:12px;flex:1;min-width:130px}.library-three-button{min-height:44px;font-size:13px}.motion-catalog{grid-template-columns:1fr 1fr}.motion-choice{min-height:150px;padding:12px}.motion-choice strong{font-size:14px}.motion-choice small{font-size:11px}.motion-timing .form-label{font-size:10px}.camera-diagram{height:90px;gap:16px}.curve-values .field input{font-size:16px}.curve-presets button{min-height:44px;font-size:12px}.curve-caption{font-size:11px}#curve-graph{max-height:270px}.camera-diagram+.form-row{gap:12px}.dimension-intro .eyebrow{font-size:8px}
}
/* Camera poses and individual motion curves share the existing authoring controls. */
.motion-property-field{display:block;margin:0 0 12px}.motion-property-field .field-label{display:block;margin:0 0 6px}.camera-timing-bar{display:grid;grid-template-columns:1fr 1.7fr;gap:14px;padding:14px;border:1px solid #dfe5d8;border-radius:8px;background:#f0f4ea;margin-bottom:18px}.camera-timing-bar .form-label,.camera-pose-fields .form-label{display:block;margin-bottom:7px}.camera-timing-bar .text-input,.camera-pose-fields .text-input{width:100%}.camera-pose-fields{grid-template-columns:1fr 1fr;gap:15px}.camera-key-actions{display:flex;gap:10px;margin:16px 0 12px;flex-wrap:wrap}.camera-key-actions .button{flex:1}.camera-status{font-size:11px;line-height:1.6;color:#6e805f;margin:10px 0}.camera-track-label{width:100%;color:#66828a;background:#edf3ef;text-align:left}.camera-track-label .track-dot{background:#84a0a6}.camera-track-label:hover{background:#dce9e5}
@media(max-width:780px), (max-width:1000px) and (pointer:coarse){.camera-timing-bar{gap:10px;padding:12px;grid-template-columns:1fr 1.4fr}.camera-key-actions{flex-direction:column}.camera-key-actions .button{min-height:44px;font-size:13px}.camera-status{font-size:12px}.camera-pose-fields{gap:12px}.camera-timing-bar .form-label{font-size:10px!important}.camera-key-actions+.keyframe-list{gap:9px}.camera-track-label{min-height:36px}}

/* Geometric masks keep local bounds editable even while their layer is clipped. */
.mask-properties{background:linear-gradient(135deg,#f4f5ec,#fcf5e9)}.mask-shape-field{margin-bottom:10px}.mask-fields .field:last-child{grid-column:1/-1}.mask-fields input:disabled{opacity:.45}.motion-glyph-wipeReveal,.motion-glyph-irisReveal{font-size:29px}.mask-properties .property-note{min-height:32px}
@media(max-width:780px), (max-width:1000px) and (pointer:coarse){.mask-shape-field{min-height:44px}.mask-properties .button{min-height:44px}.mask-properties .property-note{min-height:0}}

/* Symbol editing redirects the existing stage and inspector, with a visible return path. */
.scope-breadcrumb{display:flex;align-items:center;gap:8px;min-height:40px;flex-shrink:0;padding:3px 12px;background:#edf1e4;border-bottom:1px solid #d7e0cb;color:#526847;font-size:11px;min-width:0}.scope-breadcrumb button{min-height:34px;border:1px solid #d2ddc4;border-radius:5px;background:#f9fcf4;padding:4px 10px;flex-shrink:0}.scope-breadcrumb #scope-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.scope-shared-label{font-size:9px;white-space:nowrap;color:#859774;margin-left:auto}.editing-symbol .stage-board{background-color:#fafaf5;background-image:linear-gradient(45deg,#e9ecdf 25%,transparent 25%),linear-gradient(-45deg,#e9ecdf 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ecdf 75%),linear-gradient(-45deg,transparent 75%,#e9ecdf 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.symbol-library-tools{display:grid;gap:6px;padding:0 12px 12px}.symbol-library-tools .button{font-size:10px;min-height:32px}.symbol-card{border:1px solid #dde4d2;border-radius:7px;margin:0 12px 10px;padding:10px;background:#f8faef}.symbol-card-heading{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.symbol-card-heading>svg{width:16px;height:16px;color:#b57d53}.symbol-card-heading strong{font-size:11px;font-weight:550;overflow-wrap:anywhere;min-width:0;flex:1}.symbol-card-heading>span{font-size:9px;color:#93a280}.symbol-card>p{font-size:9px;color:#859672;margin:7px 0;line-height:1.5}.symbol-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.symbol-card-actions button{min-height:30px;border:1px solid #dce4d0;border-radius:5px;font-size:9px;background:#fffdf8;padding:4px}.symbol-card-actions [data-symbol-action="delete"]{color:#b47555}.symbol-card .symbol-cycle-note{color:#9d6b4d;margin-bottom:0}.symbol-empty{margin:0 14px 18px;color:#8c9e77;font-size:10px;line-height:1.6}.symbol-properties{background:#f0f4e9}.symbol-definition-name{font-size:13px;font-weight:600;overflow-wrap:anywhere;color:#5f7850}.symbol-playback-fields{margin-top:8px}.symbol-appearance>.field-label,.symbol-appearance>.color-field,.symbol-appearance>.field-grid{display:none}.symbol-appearance .slider-field::before{content:'Opacity';font-size:10px;color:#8e997e}
@media(max-width:780px),(max-width:1000px) and (pointer:coarse){.scope-breadcrumb{min-height:46px;padding:0 7px;gap:5px;font-size:12px}.scope-breadcrumb button{min-height:44px;font-size:12px;padding:5px 9px}.scope-shared-label{display:none}.symbol-library-tools .button{min-height:44px;font-size:13px}.symbol-card{padding:12px}.symbol-card-heading strong{font-size:14px}.symbol-card-heading>span,.symbol-card>p{font-size:11px}.symbol-card-actions button{min-height:44px;font-size:12px}.symbol-empty{font-size:12px}.symbol-definition-name{font-size:15px}.symbol-appearance .slider-field::before{font-size:12px}}
@media(min-width:650px) and (max-width:780px) and (max-height:570px),(min-width:650px) and (max-width:1000px) and (pointer:coarse) and (max-height:570px){.editing-symbol .workspace{grid-template-rows:49px 46px minmax(0,1fr)}.editing-symbol .scope-breadcrumb{grid-row:2;grid-column:1/-1}.editing-symbol .stage-area{grid-row:3}}

.mcp-setup{font-size:12px;line-height:1.65}.mcp-banner{display:block;width:100%;height:auto;border-radius:8px;margin-bottom:22px}.mcp-setup p{margin:8px 0 12px}.mcp-setup h3{font-size:14px;font-weight:650}.mcp-endpoint-row{display:flex;align-items:center;gap:8px}.mcp-endpoint-row input{min-width:0;flex:1}.mcp-endpoint-row button{flex-shrink:0;min-height:40px}.mcp-setup pre{max-width:100%;overflow:auto;background:#eef1e7;padding:14px;border:1px solid #dce3cf;border-radius:7px;line-height:1.8;font-size:11px}.mcp-setup code{overflow-wrap:anywhere}.mcp-setup pre code{overflow-wrap:normal}.mcp-setup summary{cursor:pointer;padding:8px 0}.mcp-tools{display:grid;grid-template-columns:max-content 1fr;gap:9px 16px}.mcp-tools dt{font-size:11px;font-weight:600}.mcp-tools dd{margin:0}.mcp-setup .help-callout p:last-child{margin-bottom:0}#mcp-copy-status{min-height:18px;font-size:11px}@media(max-width:600px){.mcp-endpoint-row{flex-direction:column;align-items:stretch}.mcp-endpoint-row input{flex:auto}.mcp-tools{grid-template-columns:1fr;gap:3px}.mcp-tools dd{margin-bottom:8px}}

/* Editor-only retained SVG onion skins. They never enter preview or export roots. */
.stage-board>#stage{position:relative;z-index:0}
.stage-board>.onion-skin{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.2;mix-blend-mode:multiply}
.stage-board>.onion-skin.previous{filter:sepia(1) saturate(7) hue-rotate(300deg)}
.stage-board>.onion-skin.next{filter:sepia(1) saturate(7) hue-rotate(115deg)}
.stage-board>#stage-overlay{z-index:2}
#onion-skin-button{font-size:17px;line-height:1}

/* Motion inspector trajectory samples the authored evaluator; editor only. */
#stage-overlay .motion-trail{fill:none;stroke:#ff7043;stroke-width:1.5;stroke-dasharray:5 4;opacity:.8}
#stage-overlay .motion-trail-hit{fill:transparent;stroke:transparent;stroke-width:44;pointer-events:all;cursor:grab;touch-action:none}
#stage-overlay.is-motion-dragging .motion-trail-hit{cursor:grabbing}
#stage-overlay .motion-trail-key{fill:#fff;stroke:#ff7043;stroke-width:1.5;pointer-events:none}
#stage-overlay .motion-trail-current{fill:#ff7043;stroke:#fff;stroke-width:2;filter:drop-shadow(0 1px 2px #25312855)}
#stage-overlay .motion-spatial-arms{fill:none;stroke:#7c5cff;stroke-width:1.25;stroke-dasharray:3 3;pointer-events:none}
#stage-overlay .motion-spatial-hit{fill:transparent;stroke:transparent;stroke-width:44;pointer-events:all;cursor:grab;touch-action:none}
#stage-overlay.is-motion-dragging .motion-spatial-hit{cursor:grabbing}
#stage-overlay .motion-spatial-control{fill:#7c5cff;stroke:#fff;stroke-width:1.5;pointer-events:none;filter:drop-shadow(0 1px 2px #25312855)}
.spatial-editor{background:linear-gradient(145deg,#f5f1ff,#f8faef)}
.spatial-editor .button{width:100%;margin-top:8px}