:root{color-scheme:dark;--bg:#212227;--panel:#292a30;--panel-alt:#25262c;--border:#36373f;--text:#c9c9d2;--muted:#82838f;--faint:#646671;--accent:#ad96f5;--accent-deep:#74609f;--select:#393349;--input:#222329;--hover:#36373f;--font:Inter,"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:12px var(--font);overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:5px 8px;border-radius:3px;white-space:nowrap}button:hover{background:var(--hover);color:#fff}button:disabled{opacity:.32;cursor:default}button:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}input,select,textarea{color:var(--text);background:var(--input);border:1px solid var(--border);border-radius:3px;outline:0}input:focus,select:focus,textarea:focus{border-color:#8f78cd}input{min-width:0;padding:5px 7px}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}select{padding:4px 6px}textarea{resize:none}svg{width:16px;height:16px;display:block;flex-shrink:0}[hidden]{display:none!important}kbd{font:10px var(--font);border:1px solid #55515e;border-radius:3px;padding:1px 4px;color:#a7a3b4}strong{font-weight:600}.flex,.toolbar-spacer{flex:1}.muted{color:var(--muted)}.separator{height:17px;width:1px;background:var(--border);margin:0 5px;flex-shrink:0}.tiny-chevron{font-size:13px;color:var(--muted);margin-left:3px}.icon-button{height:27px;width:30px;padding:5px}.icon-button.small{height:24px;width:26px}.icon-button.active,.mini-button.active{background:var(--select);color:var(--accent)}.mini-button{width:24px;height:24px;padding:4px}.mini-button svg{width:14px;height:14px}
#app{height:100dvh;min-height:560px;min-width:980px;display:flex;flex-direction:column}.titlebar{height:43px;flex-shrink:0;display:flex;align-items:center;border-bottom:1px solid #18191d;padding:0 12px 0 15px;gap:17px;background:#202126}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#e3deef;flex-shrink:0}.brand svg{width:25px;height:25px}.brand strong{font-size:12px;letter-spacing:1.6px}.brand strong span{font-size:9px;letter-spacing:1.25px;color:#9692a4;display:block;margin-top:1px}.menubar{display:flex;gap:2px}.menubar button{font-size:11px;padding:7px 7px}.project-title{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:10px;color:#777987;pointer-events:none}.project-title>span:nth-child(2){color:#b9b9c5}.project-dot{width:5px;height:5px;border-radius:50%;background:#ac93ef}.title-divider{color:#464750}.search-command{margin-left:auto;border:1px solid #34353d;padding:4px 7px;color:#858693;font-size:10px;gap:12px}.search-command svg{width:13px;height:13px}.search-command kbd{font-size:9px;border-color:#454650}.user-avatar{width:23px;height:23px;display:grid;place-items:center;background:#555160;border:1px solid #6d657b;border-radius:50%;font-size:9px;color:#e2d7f3}.commandbar{height:39px;display:flex;align-items:center;padding:0 14px 0 13px;gap:6px;border-bottom:1px solid #18191e;background:#2b2c32;flex-shrink:0}.command-cluster{display:flex;align-items:center;gap:3px}.toolbar-label{font-size:11px;height:27px;gap:8px}.toolbar-label.compact{font-size:10px}.toolbar-label svg{width:14px;height:14px;color:#9a9da9}.backend-pill{font-size:10px;color:#b4b5be;display:flex;gap:7px;align-items:center}.backend-pill i{height:5px;width:5px;background:#9cceab;border-radius:50%}.preview-button{background:#8870cb;color:#fff;padding:5px 12px;margin-left:8px;font-size:11px}.preview-button:hover{background:#9b82df}.preview-button svg{width:12px;height:12px;fill:currentColor}.preview-button kbd{border:0;color:#e5d9ff;font-size:9px;margin-left:4px}.workspace{display:flex;flex:1;min-height:0}.toolrail{width:46px;flex-shrink:0;background:#24252a;border-right:1px solid #141519;display:flex;flex-direction:column;align-items:center;padding:12px 0 7px;gap:5px}.tool{width:31px;height:30px;padding:6px;position:relative;border-radius:3px;color:#a4a4b0}.tool svg{width:18px;height:18px}.tool.active{background:#484059;color:#ceb9ff}.tool.active:before{content:"";position:absolute;left:-7px;width:2px;top:6px;bottom:6px;background:var(--accent)}.rail-divider{height:1px;width:22px;background:#3b3c43;margin:7px 0}.rail-spacer{flex:1}.fill-swatch{position:relative;width:26px;height:29px;margin-top:3px;cursor:pointer}.fill-swatch:before{content:"";position:absolute;width:20px;height:20px;left:6px;top:7px;background:#303138;border:1px solid #a4a0ae}.fill-swatch input{opacity:0;position:absolute;width:24px;height:24px;padding:0;z-index:2;cursor:pointer}.fill-swatch span{position:absolute;width:20px;height:20px;background:#9480df;border:1px solid #cdc1ea;pointer-events:none}
.left-panel{width:248px;flex-shrink:0;border-right:1px solid #15161b;background:var(--panel);display:flex;flex-direction:column}.panel-tabs{height:36px;display:flex;align-items:stretch;border-bottom:1px solid #1c1d23;padding:0 8px;gap:4px;flex-shrink:0}.panel-tabs button{font-size:10px;padding:0 7px;position:relative;border-radius:0;color:#8c8d98}.panel-tabs button.active{color:#e3dcec}.panel-tabs button.active:after{content:"";position:absolute;bottom:0;left:6px;right:6px;height:2px;background:var(--accent)}.library-panel{height:314px;flex-shrink:0;display:flex;flex-direction:column}.library-panel:has(.states-library){height:278px}#library-content{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#454650 transparent}.searchbox{display:flex;align-items:center;gap:7px;background:#23242a;border:1px solid #3a3b43;border-radius:3px;padding:5px 8px;margin:13px 12px 11px}.searchbox svg{width:13px;height:13px;color:#7f818e}.searchbox input{background:none;border:0;padding:0;width:100%;font-size:10px}.library-heading{display:flex;align-items:center;justify-content:space-between;padding:0 13px 10px;color:#999aa7;font-size:10px}.library-heading span:first-child{display:flex;gap:7px;align-items:center}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 3px;padding:0 9px 12px}.asset-item{display:flex;flex-direction:column;gap:8px;font-size:8px;height:63px;padding:7px 1px;color:#999aa7;cursor:grab}.asset-item svg{width:23px;height:23px;stroke-width:1.2;color:#c5bdd7}.asset-item:hover{background:#36343f;color:#dfd5f6}.asset-item:active{cursor:grabbing}.asset-item .asset-label{max-width:52px;overflow:hidden;text-overflow:ellipsis}.library-note{font-size:9px;color:#70727e;padding:0 13px 10px}.objects-panel{border-top:1px solid #17181d;display:flex;flex-direction:column;flex:1;min-height:0}.panel-heading{height:37px;flex-shrink:0;padding:0 11px 0 14px;display:flex;align-items:center;justify-content:space-between;font-size:11px;background:#2b2c33}.panel-heading>div{display:flex;color:#8e909c}.objects-toolbar{display:flex;align-items:center;gap:7px;background:#25262c;padding:5px 10px 5px 14px;height:32px;font-size:10px;color:#a4a3af;border-bottom:1px solid #33343c}.objects-toolbar>svg{color:#9e87d2;width:13px;height:13px}#object-tree{padding:7px 0;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#4b4954 transparent}.tree-row{height:27px;display:flex;align-items:center;gap:6px;font-size:10px;color:#ababb6;cursor:default;padding-right:7px;border:1px solid transparent;user-select:none}.tree-row:hover{background:#32323a}.tree-row.selected{background:#40384f;border-color:#665482;color:#e0d4f7}.tree-row.drag-over{outline:1px dashed #b7a0ef;outline-offset:-2px}.tree-row .node-icon{color:#a79bbb;display:flex}.tree-row .node-icon svg{width:13px;height:13px}.tree-row .node-name{overflow:hidden;text-overflow:ellipsis;flex:1;white-space:nowrap}.tree-toggle{font-size:12px;width:10px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#92929f}.tree-row .tree-visibility,.tree-row .tree-lock{width:17px;height:19px;padding:2px;opacity:0}.tree-row:hover .tree-visibility,.tree-row:hover .tree-lock,.tree-row.selected .tree-visibility,.tree-row.selected .tree-lock,.tree-row.hidden-node .tree-visibility,.tree-row.locked-node .tree-lock{opacity:.65}.tree-row .tree-visibility svg,.tree-row .tree-lock svg{width:11px;height:11px}.tree-row.hidden-node .node-name{opacity:.4}.object-footer{height:26px;border-top:1px solid #383941;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#737581;padding:0 12px;flex-shrink:0}.projects-library,.states-library,.resources-library{padding:12px}.project-row{display:flex;align-items:center;gap:9px;font-size:11px;padding:8px 4px}.project-row.indent{padding-left:19px;color:#a7a6b3}.project-row svg{width:14px;height:14px;color:#ad99d4}.project-card{border:1px solid #3f3b4b;background:#302c3b;border-radius:5px;padding:10px;margin-top:13px;font-size:10px;line-height:1.7}.project-card small{color:#92889f}.state-card{height:39px;border:1px solid #40414c;display:flex;align-items:center;padding:8px 10px;gap:8px;margin-bottom:7px;border-radius:4px;font-size:11px;cursor:pointer}.state-card.active{border-color:#9276cb;background:#393045;color:#d8c5ff}.state-card .state-dot{width:6px;height:6px;border-radius:50%;background:#aaa0b9}.state-card.active .state-dot{background:var(--accent)}.state-card small{margin-left:auto;font-size:9px;color:#8f899a}.add-state{font-size:10px;border:1px dashed #56505e;width:100%;margin:4px 0 9px}.resource-row{display:flex;align-items:center;gap:8px;font-size:10px;height:27px}.resource-swatch{width:13px;height:13px;border-radius:3px;border:1px solid #aaa3}.resource-row code{font-size:9px;margin-left:auto;color:#85818f}
.designer{min-width:200px;flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#202127}.document-tabs{height:35px;display:flex;align-items:stretch;background:#23242a;border-bottom:1px solid #18191f;flex-shrink:0}.document-tab{padding:0 11px;border-radius:0;font-size:10px;gap:8px;border-right:1px solid #191a20;position:relative}.document-tab.active{background:#303138;color:#ddd7e8}.document-tab.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#a891e8}.xaml-file-icon{font:11px monospace;color:#a88cdc}.tab-close{margin-left:9px;color:#93939f;font-size:15px}.dirty-dot{width:5px;height:5px;border-radius:50%;background:#c4b3e7;display:none}.dirty-dot.dirty{display:block}.add-document{width:34px;color:#82828e;font-size:19px}.document-caption{font-size:8px;color:#656671;letter-spacing:1.6px;align-self:center;margin-right:15px}.designer-toolbar{height:34px;display:flex;align-items:center;padding:0 9px;gap:3px;background:#2b2c32;border-bottom:1px solid #1a1b20;flex-shrink:0}.artboard-dim{font:9px var(--font);color:#8a8c97;margin-right:6px}.zoom-button{width:22px;height:24px;font-size:16px;color:#a5a7b3}.zoom-value{font-size:10px;width:43px}.editor-area{flex:1;display:flex;min-height:140px;min-width:0}.viewport{flex:1;position:relative;min-width:0;min-height:0;overflow:hidden;outline:none;background:#222329;background-image:radial-gradient(#3b3c44 .65px,transparent .65px);background-size:12px 12px;touch-action:none}.viewport:focus-visible{box-shadow:inset 0 0 0 1px #6c5b86}.viewport canvas{position:absolute;left:0;top:0;display:block}#scene-canvas{pointer-events:none}#overlay-canvas{z-index:2;touch-action:none}.canvas-breadcrumb{position:absolute;left:37px;top:33px;z-index:3;display:flex;align-items:center;gap:7px;font-size:9px;color:#96929f;pointer-events:none}.canvas-breadcrumb svg{width:11px;height:11px}.canvas-breadcrumb #canvas-selection-label{color:#746b88}.viewport-hint{pointer-events:none;position:absolute;bottom:11px;left:50%;transform:translateX(-50%);font-size:9px;color:#71727f;display:flex;align-items:center;gap:6px;white-space:nowrap;z-index:3}.viewport-hint kbd{font-size:8px;border-color:#44424c;color:#8b8598}.viewport-hint>span{margin:0 3px}#preview-badge{position:absolute;z-index:4;top:36px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#bce2ce;background:#213c31;border:1px solid #38614d;padding:5px 9px;border-radius:5px;font-size:9px;letter-spacing:.6px;box-shadow:0 4px 15px #0005}#preview-badge button{font-size:9px;margin-left:10px;background:#365244;letter-spacing:0}#preview-badge kbd{font-size:8px;color:#c5dfd0;border:0}.live-dot{height:5px;width:5px;border-radius:50%;background:#acd3b7;display:inline-block}#inline-text{position:absolute;z-index:8;background:#ffffffed;color:#29263b;border:1px solid #9277d2;border-radius:0;padding:0;transform-origin:0 0;box-shadow:0 0 0 3px #ad96f52a;overflow:hidden}.design-modebar{height:31px;display:flex;align-items:center;border-top:1px solid #17181e;background:#292a31;padding:0 7px 0 11px;flex-shrink:0;gap:10px}.mode-switch{display:flex;align-items:center;gap:2px;height:100%}.mode-switch button{font-size:9px;border-radius:0;height:100%;padding:0 9px;color:#838591;position:relative;gap:5px}.mode-switch button svg{width:12px;height:12px}.mode-switch button.active{color:#d5c1f6}.mode-switch button.active:after{content:"";height:2px;background:#a88bde;position:absolute;bottom:0;left:8px;right:8px}.modebar-note{font-size:9px;color:#88838f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-toggle{font-size:9px;color:#a3a0ae;gap:5px}.timeline-toggle svg{width:12px;height:12px}
.timeline{height:207px;flex-shrink:0;display:flex;flex-direction:column;border-top:1px solid #18191f;background:#292a31}.timeline-header{height:38px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #383940;flex-shrink:0}.storyboard-select{font-size:10px;gap:8px;min-width:111px;justify-content:flex-start}.storyboard-select svg{color:#ac94d8;width:14px;height:14px}.record i{width:8px;height:8px;background:#bd757e;border-radius:50%;display:block}.record.active{background:#6c3a48}.record.active i{background:#ff8f9f;box-shadow:0 0 7px #d48591}.time-readout{font:11px ui-monospace,SFMono-Regular,Consolas,monospace;color:#c7bdd9;margin-left:8px;letter-spacing:.5px}.easing-label{font-size:9px;color:#92929e;display:flex;align-items:center;gap:7px}.easing-label select{font-size:9px;padding:3px 4px;height:24px}.duration-label{display:flex;align-items:center;font-size:9px;color:#8d8d9c;margin-left:5px}.duration-label input{width:31px;font-size:10px;padding:4px;text-align:center;border-right:0;border-radius:3px 0 0 3px}.duration-label{background:var(--input);padding-right:6px;border:1px solid var(--border);border-radius:3px}.duration-label input{border:0}#timeline-body{position:relative;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#504959 transparent}.timeline-ruler-row{display:flex;height:27px;background:#27282f;border-bottom:1px solid #3b3c43;position:sticky;top:0;z-index:1}.track-label-header{width:180px;flex-shrink:0;padding:9px 11px 0;font-size:7px;color:#777986;letter-spacing:1px;border-right:1px solid #44434d}#time-ruler{flex:1;position:relative;margin-right:15px;cursor:col-resize}#time-ruler span{position:absolute;top:7px;font-size:8px;color:#8f8b9b;transform:translateX(-50%)}#time-ruler span:after{content:"";position:absolute;left:50%;height:5px;top:14px;width:1px;background:#5b555f}.track-row{height:30px;display:flex;border-bottom:1px solid #34353d}.track-label{width:180px;flex-shrink:0;display:flex;align-items:center;gap:7px;font-size:9px;padding:0 11px;border-right:1px solid #44434d;color:#a3a2af;overflow:hidden}.track-label svg{width:12px;height:12px;color:#a391bf}.track-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-label small{font-size:8px;color:#73717f;margin-left:auto}.track-label .track-delete{display:none;padding:0;font-size:11px;width:14px}.track-label:hover .track-delete{display:flex}.track-label:hover small{display:none}.track-lane{position:relative;flex:1;margin-right:15px;cursor:col-resize;background-image:linear-gradient(90deg,#393a41 1px,transparent 1px);background-size:calc(100% / 6) 100%}.track-span{position:absolute;top:13px;height:3px;background:#584a70;border-radius:2px;pointer-events:none}.keyframe{width:8px;height:8px;position:absolute;top:11px;background:#a58acf;transform:translateX(-50%) rotate(45deg);padding:0;border:1px solid #c8aceb;border-radius:0;cursor:ew-resize}.keyframe:hover,.keyframe.selected{background:#f0d5ff;box-shadow:0 0 0 2px #a98acf33}.keyframe.selected{border-color:#fff}#playhead{position:absolute;z-index:3;left:180px;top:0;bottom:0;width:1px;background:#c0a1f4;pointer-events:none}.playhead-cap{position:absolute;top:0;left:-4px;width:9px;height:10px;background:#c0a1f4;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.timeline-footer{height:27px;display:flex;align-items:center;gap:8px;padding:0 10px;border-top:1px solid #393941;flex-shrink:0;font-size:8px;color:#888492}.timeline-footer>span:first-child{display:flex;align-items:center;gap:6px}.timeline-status-dot{width:4px;height:4px;border:1px solid #9f8aad;border-radius:50%}.timeline-footer button{font-size:9px;padding:3px 4px;gap:4px;color:#c5afd9}.timeline-footer button svg{width:11px;height:11px}.timeline-footer select{font-size:9px;padding:1px 4px;height:20px}.empty-timeline{padding:23px;color:#777583;font-size:10px;text-align:center}
.right-panel{width:279px;flex-shrink:0;border-left:1px solid #15161a;background:var(--panel);display:flex;flex-direction:column}.inspector-tabs{height:36px;padding:0 11px}.inspector-tabs button{font-size:11px;padding:0 7px}.inspector-tabs>svg{width:12px;height:12px;align-self:center;color:#7f818e;margin-right:3px}.property-search{display:flex;align-items:center;gap:8px;margin:12px 13px 10px;background:#23242a;border:1px solid #3a3b43;border-radius:3px;padding:5px 7px}.property-search>svg{width:12px;height:12px;color:#7f818e}.property-search input{width:100%;font-size:10px;padding:0;border:0;background:none}.tiny-key{font-size:11px;color:#6e7181}#inspector{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#4b4954 transparent}.selection-title{display:flex;align-items:center;gap:10px;padding:5px 14px 14px}.selection-title>.selection-type{border:1px solid #504957;background:#373140;width:33px;height:33px;border-radius:6px;display:grid;place-items:center;color:#c1a8e7}.selection-type svg{width:19px;height:19px}.selection-title>div:nth-child(2){flex:1;min-width:0}.selection-title input{background:none;border:1px solid transparent;color:#e1d8ee;font-size:11px;padding:1px 3px;width:100%;margin-left:-3px}.selection-title input:hover{border-color:#55515c}.selection-title small{font-size:9px;color:#8b8497;display:block;margin-top:3px}.section{border-top:1px solid #3a3b43}.section summary{height:35px;display:flex;align-items:center;font-size:10px;font-weight:500;cursor:pointer;list-style:none;padding:0 14px;gap:8px;color:#bdb8c8}.section summary::-webkit-details-marker{display:none}.section summary:before{content:'›';font-size:14px;color:#8a8496;transform:rotate(90deg)}.section:not([open]) summary:before{transform:rotate(0)}.section summary .section-extra{font-size:9px;color:#7f778c;font-weight:400;margin-left:auto}.section-body{padding:0 14px 14px}.alignment-tools{display:flex;justify-content:space-between;margin:0 0 11px}.alignment-tools button{width:28px;height:25px;border:1px solid #404049;background:#26272d;padding:5px}.alignment-tools button svg{width:13px;height:13px;color:#a5a0af}.property-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 10px}.property{display:flex;align-items:center;position:relative;min-width:0}.property .property-prefix{font-size:10px;color:#8a8399;position:absolute;left:8px;z-index:1;pointer-events:none}.property input,.property select{height:28px;width:100%;font-size:10px;padding:5px 8px 5px 25px}.property .property-suffix{font-size:8px;color:#666170;position:absolute;right:7px;pointer-events:none}.property-label{font-size:9px;color:#8c869a;margin-bottom:6px;display:block}.property-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:10px}.property-row>label:first-child{width:70px;flex-shrink:0;color:#8e899a;font-size:9px}.property-row>input,.property-row>select{width:0;flex:1;font-size:10px;height:27px}.property-row .color-field{flex:1}.property-row .diamond-button{margin-left:2px}.diamond-button{width:13px;height:20px;font-size:11px;color:#7f758d;padding:0}.diamond-button:hover{color:#d9baff}.color-field{height:28px;display:flex;align-items:center;gap:7px;background:#23242a;border:1px solid #3b3b44;border-radius:3px;padding:0 6px;min-width:0}.color-field input[type=color]{width:15px;height:15px;border:0;padding:0;border-radius:2px;background:none;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 #b2a9c54d;border-radius:2px}.color-field input[type=text]{width:100%;padding:0;border:0;background:none;font-size:10px;min-width:0}.color-field .color-alpha{font-size:9px;color:#777281}.brush-tabs{display:flex;height:25px;gap:4px;margin-bottom:10px}.brush-tabs button{flex:1;font-size:9px;background:#24252b;border:1px solid #393a43;color:#8c8797}.brush-tabs button.active{background:#3b324a;border-color:#706084;color:#cebbe4}.opacity-row{display:flex;align-items:center;gap:8px;margin-top:11px}.opacity-row label{font-size:9px;color:#8e899a;width:53px}.opacity-row input[type=range]{flex:1;min-width:20px;height:3px;padding:0;accent-color:#a990dd}.opacity-row input[type=number]{width:44px;height:25px;font-size:10px;text-align:right;padding-right:13px}.opacity-value{position:relative}.opacity-value:after{content:'%';position:absolute;right:5px;top:8px;font-size:8px;color:#7f748e}.swatch-row{display:flex;gap:6px;margin:11px 0 0}.swatch-row button{width:15px;height:15px;padding:0;border-radius:3px;border:1px solid #d4cbe33b}.inspector-check{display:flex;gap:7px;align-items:center;color:#aaa1b8;font-size:10px;margin:10px 0 0}.inspector-check input{accent-color:#9e82d1;width:12px;height:12px}.property-textarea{width:100%;height:64px;font-size:11px;padding:7px;margin-top:6px}.font-select{width:100%;font-size:10px;margin-bottom:9px;height:28px}.text-align-group{display:flex;margin-top:9px;gap:5px}.text-align-group button{flex:1;border:1px solid #3b3a44;height:26px}.text-align-group button.active{background:#41354f;color:#d0b9ef;border-color:#705985}.text-align-group button svg{width:13px;height:13px}.empty-inspector{padding:55px 22px;text-align:center;color:#888190;font-size:11px;line-height:1.8}.empty-inspector svg{width:30px;height:30px;margin:0 auto 16px;color:#a18bbf}.help-copy{font-size:10px;color:#97909f;line-height:1.7;margin:8px 0}.event-info{padding:12px 14px;font-size:10px;color:#93899e;line-height:1.8}
.statusbar{height:25px;background:#45365d;flex-shrink:0;display:flex;align-items:center;gap:10px;color:#c3b7d4;font-size:9px;padding-right:12px}.status-brand{height:25px;width:33px;background:#6c528e;display:grid;place-items:center;color:#e1cbff}.status-brand svg{width:12px;height:12px}.status-separator{width:1px;height:10px;background:#67537d}#save-state{display:flex;align-items:center;gap:6px;color:#b3a5c6;font-size:9px}#render-stats{font:8px var(--font);color:#beafd0}.statusbar button{height:22px;width:22px;padding:3px}.statusbar button svg{width:12px;height:12px}#pointer-coords{font:8px ui-monospace,Consolas,monospace;min-width:80px}
#code-panel{display:flex;flex-direction:column;min-width:0;flex:1;background:#23212a;border-left:1px solid #15141b}.editor-area.split #code-panel{flex:0 0 43%}.editor-area.xaml .viewport{display:none}.code-toolbar{height:36px;padding:0 11px;display:flex;align-items:center;font-size:9px;border-bottom:1px solid #37323f;gap:8px;flex-shrink:0}.code-toolbar>span:first-child{display:flex;align-items:center;gap:6px}.code-dot{width:5px;height:5px;border-radius:50%;background:#a084d1}.small-primary{font-size:9px;background:#6c538a;color:#eaddff;padding:5px 8px}.code-body{display:flex;flex:1;min-height:0;overflow:hidden}.code-body textarea{border:0;border-radius:0;background:#23212a;flex:1;padding:13px 14px 30px 9px;color:#c9b8eb;font:11px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;tab-size:2;overflow:auto;scrollbar-width:thin;scrollbar-color:#5f4d70 transparent}.code-body #line-numbers{font:11px/1.75 ui-monospace,Consolas,monospace;color:#62586e;min-width:41px;text-align:right;padding:13px 9px;overflow:hidden;user-select:none;white-space:pre}#xaml-diagnostics{min-height:28px;max-height:88px;overflow:auto;padding:8px 12px;font-size:9px;color:#8f829e;border-top:1px solid #3b3147;flex-shrink:0;line-height:1.5}#xaml-diagnostics.error{color:#ef9aa9}
#toast-container{position:fixed;right:295px;bottom:44px;z-index:100;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 17px;max-width:460px;background:#383141;border:1px solid #625471;border-radius:6px;box-shadow:0 9px 30px #0005;color:#e7dbee;font-size:11px;line-height:1.5;animation:toast-in .15s ease-out}.toast.error{border-color:#b06476;color:#ffc1cc}.toast small{display:block;color:#b1a1bb;margin-top:3px}.popup-menu{position:fixed;z-index:101;min-width:220px;background:#2f2d36;border:1px solid #514956;border-radius:5px;padding:5px;box-shadow:0 12px 35px #0008}.popup-menu button{display:flex;width:100%;justify-content:flex-start;font-size:11px;padding:8px 10px;gap:9px}.popup-menu button:hover{background:#514062}.popup-menu button svg{width:13px;height:13px;color:#bd9ddd}.popup-menu button kbd{margin-left:auto;font-size:9px;border:0;color:#94869f}.popup-menu hr{border:0;border-top:1px solid #48404f;margin:4px}.popup-menu .menu-heading{font-size:8px;padding:8px 10px;color:#8d7d9f;letter-spacing:1px}dialog{background:#2c2833;border:1px solid #63546f;border-radius:10px;color:#d7cde0;padding:0;box-shadow:0 20px 100px #0009;width:510px;max-width:90vw}dialog::backdrop{background:#0f0c15a6;backdrop-filter:blur(3px)}.modal-heading{padding:21px 24px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #463c4f}.modal-heading h2{font-size:17px;font-weight:500;margin:0;color:#ede0fa}.modal-heading button{font-size:23px;padding:0;width:25px;height:25px;color:#af9bbc}.modal-body{padding:17px 24px 24px;font-size:12px;line-height:1.8;color:#afa0bc}.modal-body p{margin:0 0 12px}.modal-body h3{font-size:12px;color:#d9c7e6;font-weight:500;margin:20px 0 10px}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 26px}.shortcuts-grid div{display:flex;align-items:center;justify-content:space-between;font-size:10px}.shortcuts-grid kbd{color:#cdb7df;border-color:#5f4e70}.modal-field{display:flex;align-items:center;gap:10px;margin:14px 0}.modal-field input{flex:1;width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.modal-primary{background:#8b69bb;color:#f0e3ff;padding:8px 18px}.modal-secondary{border:1px solid #594466;padding:8px 16px}.command-search{padding:16px 18px;border-bottom:1px solid #52405f;display:flex;align-items:center;gap:12px}.command-search svg{color:#bc9bda}.command-search input{border:0;background:none;font-size:14px;padding:0;flex:1}.command-results{max-height:340px;overflow:auto;padding:9px}.command-results button{display:flex;width:100%;justify-content:flex-start;padding:10px 12px;font-size:11px}.command-results button kbd{margin-left:auto;color:#9278a6;border:0}.command-results button:hover{background:#51405f}.command-results button svg{color:#b899cd;width:14px;height:14px}.dialog-note{font-size:10px;color:#9e8eaa;margin-top:12px}.onboarding-badge{display:inline-flex;background:#3c3247;border:1px solid #635078;font-size:9px;color:#d5b7ee;padding:3px 7px;border-radius:3px;margin-bottom:12px}
@keyframes toast-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1800px){.left-panel{width:267px}.right-panel{width:294px}.library-panel{height:293px}.asset-item{height:69px}}@media(max-width:1350px){.project-title{display:none}.left-panel{width:218px}.right-panel{width:258px}.easing-label{display:none}.track-label,.track-label-header{width:153px}.document-caption{display:none}.search-command{font-size:0;gap:5px}.asset-item{font-size:7px}.panel-tabs{padding:0 5px;gap:1px}.panel-tabs button{padding:0 6px}.modebar-note{display:none}}@media(max-height:800px){.library-panel{height:251px}.asset-item{height:56px}.timeline{height:177px}.section summary{height:31px}.section-body{padding-bottom:11px}.toolrail{gap:3px;padding-top:8px}.rail-divider{margin:4px 0}}