@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA) 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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-greek-wght-normal-Bw9x6K1M.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.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:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./jetbrains-mono-latin-wght-normal-B9CIFXIH.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}.resource-gallery,#files{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.toolbar-button,.preview-tool-toggle,.app-window :is(button,select,input){contain:layout style paint}.empty-state,.resource-detail-heading{contain:layout}.glass-module,.toolbar-menu{contain:layout style}.raw-folder{margin:0}.raw-folder>summary{list-style:none;cursor:pointer;user-select:none}.raw-folder>summary::-webkit-details-marker{display:none}.source-tree-group{margin-left:24px;padding-left:var(--space-sm);margin-top:var(--space-xs);margin-bottom:var(--space-xs);border-left:1px solid var(--line-soft)}.source-drop-target{background:color-mix(in srgb,var(--accent) 15%,var(--control));box-shadow:inset 0 0 0 2px var(--accent),0 2px 8px color-mix(in srgb,var(--accent) 20%,transparent);animation:drop-target-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes drop-target-pulse{0%,to{box-shadow:inset 0 0 0 2px var(--accent),0 2px 8px color-mix(in srgb,var(--accent) 20%,transparent)}50%{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 80%,transparent),0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}}.raw-files:empty:before{content:"暂无文件";display:block;padding:var(--space-xl);text-align:center;color:var(--tertiary);font-size:var(--font-size-sm)}#files .source-tree-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px;z-index:1}@media(hover:hover){.source-tree-row[title]:hover:after{content:attr(title);position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--glass-surface);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--text);font-size:var(--font-size-xs);white-space:nowrap;z-index:100;pointer-events:none;backdrop-filter:saturate(180%) blur(16px);animation:tooltip-appear var(--duration-base) var(--ease-standard)}}@keyframes tooltip-appear{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media(prefers-reduced-motion:reduce){.source-drop-target{animation:none}}::-webkit-scrollbar{width:var(--_scrollbar-size);height:var(--_scrollbar-size)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:1px solid transparent;border-radius:var(--radius-full);background:transparent}.scrollbar-active{scrollbar-color:var(--_scrollbar-thumb, var(--scrollbar-thumb)) transparent}.scrollbar-active::-webkit-scrollbar-thumb{border-color:var(--scrollbar-thumb-border);background:var(--_scrollbar-thumb, var(--scrollbar-thumb));box-shadow:inset 0 1px var(--scrollbar-thumb-highlight)}@media(hover:hover)and (pointer:fine){.scrollbar-active::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}}:root[data-window-material=off] body{background:var(--window)}:root[data-window-material=off] *{-webkit-backdrop-filter:none;backdrop-filter:none}:root.windows[data-window-material=on] *{-webkit-backdrop-filter:none;backdrop-filter:none}:root.macos[data-window-material=on] :is(.titlebar,aside,.source,.preview-toolbar,.workspace-status,.toolbar-menu,.glass-module,.app-dialog,.settings-dialog,.project-dialog){-webkit-backdrop-filter:saturate(180%) blur(28px);backdrop-filter:saturate(180%) blur(28px)}.app-window{margin:0;overflow:hidden;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;transition:color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}.app-window button{appearance:none;-webkit-appearance:none;border:0}.system-symbol{width:1em;height:1em;display:inline-block;flex:none;color:inherit}.titlebar{position:relative;z-index:20}:root.macos .titlebar{padding-top:calc(40px + var(--safe-area-top))}.toolbar-button>span:not(.icon):not(.system-symbol){display:none}.toolbar-button .icon{font-weight:400}.toolbar-button .icon svg,.toolbar-button .system-symbol,.toolbar-button .system-symbol svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.glass-module{border:1px solid var(--glass-border);background:var(--glass-surface);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}@media(hover:hover){.toolbar-button:hover:not(:disabled),.toolbar-more summary:hover,.toolbar-menu button:hover:not(:disabled){transform:none;transition:all var(--duration-base) var(--ease-standard)}}.toolbar-button:active:not(:disabled),.toolbar-more summary:active{background:color-mix(in srgb,var(--accent) 10%,transparent);transform:none;transition:all var(--duration-fast) var(--ease-standard)}.toolbar-button:disabled,.toolbar-menu button:disabled{cursor:not-allowed}.document-title{position:absolute;left:50%;right:auto;justify-items:center}.document-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;cursor:text}.document-title strong[hidden]{display:none}.document-title input{width:min(330px,42vw);min-width:120px;border:1px solid var(--accent);border-radius:var(--radius-sm);padding:2px 6px;color:var(--text);background:var(--control);font-size:var(--font-size-lg);font-weight:600;text-align:center;outline:0;pointer-events:auto}#dirty{flex:none;white-space:nowrap}.spacer{flex:1}.mode-control,.preview-choice,.sidebar-view-control{display:flex}.preview-choice>button .system-symbol{width:16px;height:16px;display:block}.mode-control>span,.field-control>span{display:none}.mobile-choice-icons{display:inline-flex;align-items:center;gap:4px}.mobile-choice-icon{display:grid;place-items:center;width:22px;height:22px;color:var(--secondary);opacity:.45;border-radius:var(--radius-sm);transition:color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard)}.mobile-choice-icon.active{color:var(--text);opacity:1;background:color-mix(in srgb,var(--accent) 20%,transparent)}.mobile-choice-icon .system-symbol,.mobile-choice-icon .system-symbol svg{width:16px;height:16px;display:block}select{height:28px;padding:0 24px 0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--control);font-size:var(--font-size-md)}select option{color:var(--text);background:var(--material-control)}.toolbar-more{position:relative}.toolbar-more summary{width:32px;height:32px;display:grid;place-items:center;cursor:default;font-size:var(--font-size-xl);list-style:none}.toolbar-more summary::-webkit-details-marker{display:none}.toolbar-menu{position:absolute;z-index:100;top:37px;right:0;width:214px;transform-origin:top right}.toolbar-menu button{width:100%;text-align:left}.file-actions button{display:flex;align-items:center;gap:8px;white-space:nowrap}.file-actions button .system-symbol{flex:0 0 16px;width:16px;height:16px}.toolbar-menu button .ui-badge{margin-left:auto}.file-actions{display:grid;gap:2px}.toolbar-menu-separator{height:1px;margin:4px 8px}.file-actions button{color:var(--text);cursor:default;pointer-events:auto}@media(hover:hover){.file-actions button:hover:not(:disabled){background:var(--hover)}}.file-actions button:active:not(:disabled),.file-actions button:focus-visible{background:color-mix(in srgb,var(--text) 9%,transparent)}.file-actions button:disabled{color:var(--secondary);opacity:.3}main{height:calc(100vh - var(--titlebar-height));display:grid;grid-template-columns:220px minmax(500px,1fr) 4px var(--inspector-width, 340px)}aside{min-width:0}.inspector-resize-handle{width:4px;cursor:col-resize;background:transparent;transition:background var(--duration-fast) var(--ease-standard);z-index:10;position:relative}.inspector-resize-handle.dragging{background:var(--accent)}@media(hover:hover){.inspector-resize-handle:hover{background:var(--accent)}}aside{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--sidebar);box-shadow:inset -1px 0 var(--glass-border),var(--shadow-sm);-webkit-backdrop-filter:saturate(170%) blur(28px);backdrop-filter:saturate(170%) blur(28px);overflow:hidden}.sidebar>.pane-heading,.sidebar>.source-file-toolbar{flex:none}.pane-heading{display:flex;align-items:center;justify-content:space-between}.sidebar-view-control{display:flex}.sidebar>.pane-heading[hidden]{display:none}.sidebar-view-control button{flex:1}h2{margin:0;font-size:var(--font-size-lg);font-weight:600}#files{display:flex;flex:1 1 auto;flex-direction:column;gap:1px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.nav-group{margin:0}.mobile-overview-groups{display:none}#files>[hidden]{display:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-section{min-height:24px;display:flex;align-items:center;gap:8px;margin:8px 8px 2px;color:var(--secondary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;list-style:none}.nav-group[open]>summary>.source-disclosure{transform:rotate(45deg) translate(-1px,-1px)}.nav-group-body{display:grid;gap:1px}#files button{width:100%;min-height:29px;padding:6px 8px 6px 32px;overflow:hidden;position:relative;border-radius:var(--radius-sm);background:transparent;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-sm)}#files button>.system-symbol{position:absolute;top:50%;left:9px;color:var(--tertiary);font-size:var(--font-size-lg);transform:translateY(-50%)}.sidebar-overview button.nav-item{min-height:42px;padding:6px 8px 6px 40px}.sidebar-overview button.nav-item>.system-symbol{left:11px;color:var(--secondary);font-size:var(--font-size-xl)}.sidebar-overview button.nav-item .nav-label{font-size:var(--font-size-md);font-weight:600;line-height:1.2}.nav-label,.nav-meta{display:block;overflow:hidden;text-overflow:ellipsis}.nav-label{font-weight:500}.nav-meta{margin-top:2px;color:var(--secondary);font-size:var(--font-size-xs);line-height:1.2}@media(hover:hover){#files button:hover:not(:disabled){background:var(--hover)}}#files button.selected{color:var(--on-accent);background:var(--accent)}@media(hover:hover){#files button.selected:hover{background:var(--accent)}}#files button.selected>.system-symbol,#files button.selected .nav-meta{color:color-mix(in srgb,var(--on-accent) 78%,transparent)}.workspace{height:100%;min-width:0;min-height:0;display:grid;overflow:hidden;position:relative}.preview-toolbar{display:flex;align-items:center;justify-content:flex-end;position:relative}.preview-toolbar .spacer{display:none}.field-control{display:flex;position:absolute;left:50%;transform:translate(-50%)}#skin-state-control{left:45px;width:72px;transform:none}#skin-state-control[hidden]{display:none}#skin-state{width:100%;min-width:0;color-scheme:light}#skin-state-control .skin-state-value{display:block;position:absolute;left:9px;right:26px;overflow:hidden;pointer-events:none;white-space:nowrap;text-overflow:clip}.preview-tool-toggle{margin-right:auto;transition:color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.canvas-wrap{min-height:0;display:grid;place-items:center;justify-items:center;position:relative;overflow-x:auto;overflow-y:auto;--_canvas-text: var(--text);--_canvas-secondary: var(--secondary);--_canvas-tertiary: var(--tertiary)}.canvas-wrap.preview-pan-ready{cursor:grab}.canvas-wrap.preview-panning{cursor:grabbing;user-select:none}#preview-coordinates{position:absolute;left:0;top:0;z-index:8;width:0;height:0;color:var(--_canvas-secondary);font:var(--font-size-xs)/1.2 var(--font-mono);font-variant-numeric:tabular-nums;pointer-events:none}#preview-coordinates[data-crosshair=off]{left:14px;top:auto;bottom:14px;width:auto;height:auto}#preview-coordinates[data-crosshair=off] .preview-crosshair,#preview-coordinates[data-crosshair=off] .preview-snap-guides{display:none}#preview-coordinates[data-crosshair=off] .preview-coordinate-label{position:static;display:block;transform:none}.preview-crosshair{position:absolute;inset:0;overflow:hidden}.preview-crosshair:before,.preview-crosshair:after{content:"";position:absolute;top:0;left:0;background:var(--guide);will-change:transform}.preview-crosshair:before{width:100%;height:2px;transform:translate3d(0,calc(var(--crosshair-y) - 1px),0)}.preview-crosshair:after{width:2px;height:100%;transform:translate3d(calc(var(--crosshair-x) - 1px),0,0)}.preview-snap-guides{position:absolute;inset:0;overflow:hidden}.preview-snap-guides:before,.preview-snap-guides:after{content:"";position:absolute;top:0;left:0;display:none;will-change:transform}.preview-snap-guides:before{width:100%;border-top:1px dashed var(--guide);transform:translate3d(0,var(--snap-y),0)}.preview-snap-guides:after{height:100%;border-left:1px dashed var(--guide);transform:translate3d(var(--snap-x),0,0)}#preview-coordinates[data-snap-y=true] .preview-snap-guides:before,#preview-coordinates[data-snap-x=true] .preview-snap-guides:after{display:block}#panel-viewport{position:relative}.preview-guides{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:hidden;color:var(--guide-layout);pointer-events:none}.preview-guides[hidden]{display:none}.preview-guides g.selected{color:var(--guide-selected)}.preview-guides rect{fill:none;stroke:currentColor;stroke-width:1.5;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.preview-guides text{fill:currentColor;font:var(--preview-guide-font-size, var(--font-size-lg)) var(--font-ui);dominant-baseline:hanging}.preview-coordinate-label{position:absolute;left:0;top:0;width:112px;padding:6px 8px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);transform:translate3d(var(--coordinate-label-x),calc(var(--coordinate-label-y) - 50%),0);background:var(--glass-surface);box-shadow:var(--glass-shadow);white-space:pre;-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px)}#preview-coordinate-x,#preview-coordinate-y{width:4ch;display:inline-block;text-align:left}.workspace:has(.canvas-wrap.empty) #preview-coordinates,.workspace:has(#workspace-image-figure:not([hidden])) #preview-coordinates{display:none}.preview-zoom-control{position:absolute;right:14px;bottom:42px;z-index:8;display:flex;gap:2px;padding:4px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--glass-surface) 64%,transparent)}.preview-zoom-control button{width:26px;height:26px;padding:6px;border-radius:var(--radius-md);color:var(--text);background:transparent}@media(hover:hover){.preview-zoom-control button:hover:not(:disabled){background:color-mix(in srgb,var(--text) 14%,transparent)}}.preview-zoom-control button[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:inset 0 0 0 2px var(--accent)}.preview-zoom-control button:disabled{opacity:.3}.preview-zoom-control svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.preview-overview-control{right:auto;left:14px}.layout-overview{position:absolute;inset:0;z-index:7;overflow:hidden;opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}.canvas-wrap[data-layout-overview] .layout-overview{opacity:1}.canvas-wrap[data-layout-overview]>.device-shell{opacity:0;transition:none}.canvas-wrap[data-layout-overview]>:is(#preview-coordinates,.canvas-multi-toolbar){visibility:hidden}.layout-overview-grid{position:absolute;top:0;left:0;display:grid;grid-template-columns:repeat(var(--_columns),280px);grid-template-rows:repeat(var(--_columns),1fr);gap:var(--space-lg);transform-origin:0 0;transition:transform var(--duration-slow) var(--ease-emphasized)}.layout-overview-grid[data-instant]{transition:none;will-change:transform}.layout-overview-cell{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-lg);color:var(--secondary);font-size:var(--font-size-sm);font-weight:500;transition:opacity var(--duration-base) var(--ease-standard),color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}@media(hover:hover){.layout-overview-cell:not([aria-selected=true]):hover{background:var(--hover)}}.layout-overview-cell[aria-selected=true]{color:var(--accent);font-weight:600}.layout-overview-frame{position:relative;display:block;border-radius:var(--radius-md);outline:2px solid transparent;outline-offset:var(--space-xs);transition:outline-color var(--duration-fast) var(--ease-standard)}.layout-overview-cell[aria-selected=true] .layout-overview-frame{outline-color:var(--accent)}.layout-overview-frame:not(:has(>canvas)){aspect-ratio:var(--_aspect, 2);background:color-mix(in srgb,var(--text) 6%,transparent)}.layout-overview-frame>canvas{display:block;width:100%;height:auto;border-radius:var(--radius-md);animation:ui-pop var(--duration-slow) var(--ease-emphasized)}.layout-overview-live{position:absolute;top:0;left:0;transform-origin:0 0;opacity:0;transition:opacity var(--duration-fast) var(--ease-standard)}.layout-overview-live>.device-shell{max-width:none}.layout-overview-frame[data-live=ready]>.layout-overview-live{opacity:1}.layout-overview-frame[data-live=ready]>canvas{visibility:hidden}.layout-overview-label{text-align:center;transition:opacity var(--duration-base) var(--ease-standard)}.layout-overview[data-closing] :is(.layout-overview-cell:not([aria-selected=true]),.layout-overview-label){opacity:0}.layout-overview[data-closing] .layout-overview-cell[aria-selected=true] .layout-overview-frame{outline-color:transparent}.workspace:has(.canvas-wrap.empty) .preview-zoom-control,.workspace:has(#workspace-image-figure:not([hidden])) .preview-zoom-control{display:none}#workspace-image-figure{width:min(100%,1000px);height:min(calc(100vh - 145px),720px);max-height:720px;margin:0;display:grid;place-items:center}#atlas-canvas{width:auto;height:auto;max-width:100%;max-height:100%;display:block;place-self:center;object-fit:contain;cursor:default;image-rendering:auto}#atlas-canvas.drawing{cursor:crosshair}#workspace-image-figure[hidden]{display:none}#workspace-image-error{color:var(--secondary)}#hint-preview{position:absolute;inset:0;height:100%;z-index:4;pointer-events:none}.keyboard-dock{min-height:0;height:var(--keyboard-height-port, 42%);flex:none;display:grid;grid-template-rows:var(--candidate-row, 0fr) var(--panel-row, 648fr) var(--safe-row, 220fr);overflow:visible;border-radius:6.65cqw 6.65cqw 0 0;border-top:1px solid var(--_phone-keyboard-border);background:var(--_phone-keyboard-glass);box-shadow:var(--_phone-keyboard-shadow);-webkit-backdrop-filter:saturate(165%) blur(20px);backdrop-filter:saturate(165%) blur(20px)}#candidate-area{grid-row:1;min-height:0;display:grid;grid-template-rows:minmax(0,var(--candidate-top-inset-row, 0fr)) minmax(0,var(--candidate-inset-row, 0fr)) minmax(0,var(--candidate-content-row, 133fr));position:relative;overflow:visible;container-type:inline-size}#candidate-area[hidden]{display:none}#candidate-background{grid-column:1;width:100%;height:100%;pointer-events:none}#candidate-background{grid-row:3}#toolbar-strip,#candidate-composition{min-height:0;grid-column:1}#toolbar-strip{grid-row:3}#toolbar-strip,#candidate-input,#candidate-words{position:relative;z-index:1}#candidate-composition{display:contents;color:inherit}#candidate-composition[hidden]{display:none}#candidate-input{position:absolute;inset-inline:0;bottom:100%;height:var(--candidate-input-height, 0px);min-height:0;grid-column:1;grid-row:1;display:flex;align-items:center;overflow:hidden;line-height:1.15;white-space:nowrap}#candidate-input[hidden]{display:none}#candidate-input-box{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;width:var(--candidate-input-box-width, auto);height:100%;padding-inline:var(--candidate-input-padding-start, 0cqw) var(--candidate-input-padding-end, 0cqw);overflow:hidden}#candidate-input-background{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}#candidate-words{min-height:0;grid-column:1;grid-row:3;display:flex;align-items:center;gap:var(--candidate-cell-width, 0);padding-inline-start:var(--candidate-left-padding, 0cqw);padding-inline-end:var(--candidate-more-width, 3.2cqw);overflow:hidden;line-height:1.15;white-space:nowrap}#candidate-words>span:first-child{margin-inline-start:calc(var(--candidate-first-gap, 0cqw) + var(--candidate-cell-inset, 0cqw))}.keyboard-accessory-icon{width:27px;height:27px;object-fit:contain;filter:brightness(0)}.keyboard-dock #panel-viewport{grid-row:2;min-width:0;min-height:0}.keyboard-dock #preview{min-width:0;min-height:0;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto}#candidate-area[hidden]+#panel-viewport #preview{width:100%;height:100%}canvas{display:block;width:100%;height:100%;border:0;border-radius:0;background:transparent}.canvas-wrap canvas{touch-action:none}#preview{-webkit-tap-highlight-color:transparent}#toolbar-strip{grid-column:1;width:100%;min-height:0;padding:0;overflow:hidden;border-bottom:0;background:transparent}#toolbar-strip[hidden]{display:none}#toolbar-preview{width:100%;height:100%;pointer-events:auto}.canvas-only canvas{height:auto}.empty-state{display:none}.canvas-wrap.empty .empty-state{position:absolute;inset:0;z-index:1;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;text-align:left;background:var(--window)}body:has(.canvas-wrap.empty) main{grid-template-columns:minmax(0,1fr)}body:has(.canvas-wrap.empty) main>:is(.sidebar,.source,.inspector-resize-handle){display:none}body:has(.canvas-wrap.empty) .titlebar :is(.desktop-quick-actions,.mobile-quick-actions,.mode-control){display:none}body:has(.canvas-wrap.empty) .preview-toolbar,body:has(.canvas-wrap.empty) .workspace-status{display:none}body:has(.canvas-wrap.empty) .workspace{grid-template-rows:minmax(0,1fr)}.welcome-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.welcome-hero{display:flex;flex-direction:column}.welcome-hero h1,.welcome-hero p{margin:0}.welcome-section{display:flex;flex-direction:column}.welcome-section-head{display:flex;align-items:center}.welcome-section-head h2{margin:0}.welcome-recent .welcome-section-head{align-items:baseline}.welcome-recent .welcome-head-action{align-self:center}.welcome-recent[data-platform-hidden]>:not(.welcome-section-head),.welcome-recent[data-platform-hidden] .welcome-section-head>:not(#welcome-recent-open){display:none}.recent-card-folder{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-head-action{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font:inherit;cursor:pointer;transition:border-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}@media(hover:hover){.welcome-head-action:hover{border-color:var(--accent)}}.welcome-head-action .system-symbol{width:14px;height:14px}.recent-grid{display:grid}.recent-grid[hidden]{display:none}.recent-grid-empty{display:flex;align-items:center;gap:12px;padding:16px}.recent-grid-empty[hidden]{display:none}.recent-grid-empty>.system-symbol{flex:none;width:18px;height:18px;color:var(--tertiary)}.recent-grid-empty-copy{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0}.recent-grid-empty button{flex:none;font:inherit;cursor:pointer;transition:border-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}@media(hover:hover){.recent-grid-empty button:hover{border-color:var(--accent)}}.template-grid{flex-direction:column}.template-grid-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.template-card{display:flex;flex-direction:column;text-align:left;cursor:pointer}.template-preview{display:flex;flex-direction:column;justify-content:center;gap:6px;height:104px;padding:12px;overflow:hidden;background:var(--_tone-bg, var(--material-content))}.template-foot{display:flex;flex-direction:column;gap:4px;min-width:0}.template-name-row{display:flex;align-items:center;gap:6px;min-width:0}.template-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-go{flex:none;width:14px;height:14px}.template-meta{display:flex;align-items:center;gap:6px;white-space:nowrap}.template-meta em{padding:2px 6px;font-family:var(--font-mono);font-style:normal}.welcome-note{display:flex;align-items:center}.welcome-note .system-symbol{flex:none;width:14px;height:14px}.welcome-note p{flex:1;margin:0}@media(max-width:1080px){.template-grid-row{grid-template-columns:repeat(2,minmax(0,1fr))}}#event-log{min-width:0;padding:8px 0;overflow:hidden;background:transparent;font:inherit;text-overflow:ellipsis;white-space:nowrap}#source-find-toggle{display:none}#source-find-toggle:not([hidden]){display:grid}.source-find-fab{position:absolute;right:16px;bottom:calc(16px + var(--source-find-bar-height, 0px));z-index:6;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;color:var(--on-accent);background:var(--accent);cursor:pointer;transition:bottom var(--duration-base) var(--ease-emphasized),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}@media(hover:hover){.source-find-fab:hover{transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 46%,transparent),var(--shadow-sm)}}.source-find-fab:active{transform:scale(.94)}.source-find-fab:focus-visible{border-radius:50%;outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:3px}.source-find-fab .system-symbol,.source-find-fab .system-symbol svg{width:19px;height:19px}.source-find-fab-close{width:19px;height:19px;display:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}#source-find-toggle[aria-pressed=true] .source-find-fab-search{display:none}#source-find-toggle[aria-pressed=true] .source-find-fab-close{display:block}@keyframes glass-select{0%{opacity:.72;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes glass-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}#mobile-inspector-selection{display:none}#resource-inspector{min-height:0;padding:16px 12px 24px;overflow:auto}.canvas-wrap.drop-target{box-shadow:inset 0 0 0 2px var(--accent),inset 0 0 24px color-mix(in srgb,var(--accent) 14%,transparent)}.canvas-wrap.layout-image-target{box-shadow:inset 0 0 0 3px var(--accent),inset 0 0 40px color-mix(in srgb,var(--accent) 26%,transparent)}[data-text-style][hidden],#tile-preview-wrap[hidden],#resource-inspector[hidden],#resource-list-view[hidden],#resource-detail[hidden],#asset[hidden],#source-editor[hidden]{display:none}.resource-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-content:start;gap:8px}.resource-item{position:relative;width:100%;min-width:0;max-width:180px;display:grid;grid-template-rows:60px auto auto;gap:4px;padding:8px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);background:var(--control);text-align:left}.style-resource-item.has-sound :is(strong,small){padding-right:32px}@media(hover:hover){.resource-item:hover{background:var(--hover)}}.resource-item.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.resource-item img,.resource-style-previews canvas,.style-detail-previews canvas{width:100%;height:60px;object-fit:contain;border-radius:var(--radius-sm);background-color:var(--checker-light);background-image:var(--checker-image);background-position:0 0,6px 6px;background-size:12px 12px}.resource-style-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.resource-style-previews canvas{height:auto;aspect-ratio:64 / 44;align-self:center}.style-detail-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.style-detail-previews[hidden]{display:none}.style-detail-previews button{margin:0;padding:6px;display:grid;gap:4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--control);color:var(--secondary);font-size:var(--font-size-xs);text-align:center;cursor:pointer}@media(hover:hover){.style-detail-previews button:hover{border-color:var(--accent);background:var(--hover)}}.style-detail-previews canvas{height:auto;aspect-ratio:64 / 44;display:block}.style-detail-field{display:grid;gap:4px;color:var(--secondary);font-size:var(--font-size-xs)}.style-detail-field-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px}.style-detail-field-row input{min-width:0;width:100%}.style-detail-sound-card{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--control)}.style-detail-sound-card select{min-width:0;border:0;border-radius:0;background:transparent}.style-detail-sound-play{display:grid;place-items:center;border:0;border-right:1px solid var(--line-soft);border-radius:0;background:transparent;color:var(--accent);cursor:pointer}.style-detail-sound-play:disabled{opacity:.35;cursor:default}.resource-item strong,.resource-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}.resource-item strong{font-size:var(--font-size-xs)}.resource-item small{color:var(--secondary);font-size:var(--font-size-xs)}.sound-resource-item{grid-template-rows:60px auto auto}.sound-resource-icon{width:100%;height:60px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--control))}.sound-resource-icon svg{width:30px;height:30px}.tile-heading{align-items:center;justify-content:space-between;margin-bottom:8px}.tile-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.tile-heading h3{margin:0}.resource-detail-heading{position:sticky;top:-14px;z-index:3;display:flex;align-items:center;gap:8px;margin:-16px -12px 12px;padding:16px 12px 12px;background:var(--inspector);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px)}.resource-detail-heading strong,.resource-detail-heading small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-detail-heading small{color:var(--secondary);font-size:var(--font-size-xs);margin-top:2px}.tile-toolbar{display:flex;align-items:center;gap:6px;padding:8px;margin-bottom:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--control)}.tile-toolbar .toolbar-button[hidden]{display:none}.tile-mode-control{display:inline-flex;gap:2px}#delete-tile{margin-left:auto}#tile-preview-wrap{display:grid;place-items:center;width:100%;height:auto;aspect-ratio:1;box-sizing:border-box;margin-bottom:12px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--checker-light);background-image:var(--checker-image);background-position:0 0,6px 6px;background-size:12px 12px}#tile-preview{width:100%;height:100%;object-fit:contain}#new-tile.active{color:var(--on-accent);border-color:var(--accent);background:var(--accent)}.resource-filters{flex:1 1 200px;min-width:0;display:flex;align-items:center;gap:var(--space-xs)}.resource-filters>label.ui-input{flex:1}.resource-filters>.ui-select{flex:none}.resource-filters>[hidden]{display:none}.resource-actions{display:flex;gap:var(--space-2xs)}.resource-actions .toolbar-button{width:26px;height:26px}.resource-actions .toolbar-button[hidden]{display:none}.bda-style-resource-name{min-width:0;padding:1px 2px;overflow:hidden;color:var(--secondary);font-size:var(--font-size-xs);font-weight:500;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}#style-detail-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}#style-detail-fields>.bda-style-card{grid-column:1 / -1}.style-detail-group{min-width:0;margin:0;padding:12px;border:1px solid var(--line-soft);border-radius:var(--radius-md);background:color-mix(in srgb,var(--control) 72%,transparent)}.style-detail-group legend{padding:0 4px;color:var(--text);font-size:var(--font-size-xs);font-weight:600}.style-detail-group-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 8px}#style-resource-detail{container-type:inline-size}@container (max-width: 520px){#style-detail-fields{grid-template-columns:minmax(0,1fr)}}.particle-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line));border-radius:var(--radius-md);color:var(--secondary);background:color-mix(in srgb,var(--accent) 7%,var(--control));font-size:var(--font-size-xs)}.fore-styles-reference-field{grid-template-columns:minmax(0,1fr);padding:0;border-bottom:0}.picker-dialog{width:min(1100px,calc(100vw - 40px));height:min(760px,calc(100vh - 40px));padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--floating);box-shadow:var(--shadow-sm)}.picker-dialog::backdrop{background:var(--backdrop)}#picker-frame{display:block;width:100%;height:100%;border:0}@media(max-width:640px){.picker-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;box-sizing:border-box;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);border:0;border-radius:0}}.app-dialog{width:min(420px,calc(100vw - 32px));padding:16px;font-size:var(--font-size-md)}.app-dialog form{display:grid;gap:16px}.app-dialog header{display:flex;justify-content:space-between}.app-dialog h2{margin:0;font-size:var(--font-size-lg);font-weight:600;line-height:1.2}.app-dialog header button{line-height:1.2}.app-dialog label{display:grid;gap:6px;color:var(--secondary);font-size:var(--font-size-sm);line-height:1.3}.app-dialog select,.app-dialog input[type=number]{line-height:1.2}.app-dialog label>small{color:var(--secondary);font-size:var(--font-size-xs)}.app-dialog p{margin:0;color:var(--secondary);font-size:var(--font-size-sm);line-height:1.5}.app-dialog a{width:fit-content;color:var(--accent);font-size:var(--font-size-sm);text-decoration:none}@media(hover:hover){.app-dialog a:hover{text-decoration:underline}}#replace-asset{min-width:80px;height:36px;padding:0 12px;border:none;border-radius:var(--radius-lg);background:var(--control);color:var(--text);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--duration-base) var(--ease-standard);box-shadow:none}@media(hover:hover){#replace-asset:hover{background:var(--hover);color:var(--text);transform:translateY(-1px)}}#source-editor{min-height:0;position:relative;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;background:var(--window)}.source-toolbar{position:absolute;left:0;right:0;bottom:0;z-index:5;min-width:0;display:grid;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--line);background:var(--material-glass-surface);animation:source-find-slide-up var(--duration-base) var(--ease-emphasized)}@keyframes source-find-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.source-toolbar[hidden]{display:none}.source-find-row,.source-replace-row{min-width:0;display:flex;align-items:center;gap:var(--space-sm)}.source-replace-row[hidden]{display:none}.source-toolbar .ui-input{flex:1}#source-search-count{flex:none;color:var(--secondary);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap}#source-search-count:empty{display:none}.source-search-actions{display:flex;flex:none;gap:var(--space-2xs)}.source-search-actions button[aria-expanded=true]{color:var(--accent);background:var(--accent-soft)}.source-toolbar .system-symbol,.source-toolbar .ui-input-affix{width:var(--icon-size-sm);height:var(--icon-size-sm)}.source-code{min-height:0;position:relative;overflow:hidden}#source{width:100%;height:100%;position:relative;font-size:var(--source-font-size, var(--font-size-xs));line-height:1.6;font-family:var(--font-mono)}#source .cm-editor{height:100%;color:var(--text);background:var(--window)}#source .cm-editor.cm-focused{outline:none}#source .cm-scroller{--_scrollbar-size: 9px;--_scrollbar-thumb: var(--tertiary);overflow:auto;font:inherit;line-height:inherit;tab-size:2}#source .cm-content{min-height:100%;padding:16px 0 72px;caret-color:var(--text)}#source .cm-line{padding:0 16px 0 12px}#source .cm-gutters{color:var(--tertiary);background:var(--window);border-right:1px solid var(--line-soft)}#source .cm-lineNumbers .cm-gutterElement{min-width:42px;padding:0 12px 0 8px}#source .cm-activeLine,#source .cm-activeLineGutter{background:color-mix(in srgb,var(--accent) 5%,transparent)}#source .cm-selectionBackground,#source .cm-content ::selection{background:color-mix(in srgb,var(--accent) 24%,transparent)}#source .cm-cursor{border-left-color:var(--text)}#source .cm-content[aria-disabled=true]{cursor:default}#source .cm-source-value{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;cursor:pointer}#source .cm-source-value-action{color:var(--syntax-value-action)}#source .cm-source-value-style{color:var(--syntax-value-style)}#source .cm-source-value-color{color:var(--syntax-constant)}.source-color-picker{position:fixed;left:0;top:0;width:1px;height:1px;padding:0;opacity:0;pointer-events:none}.cm-source-value-swatch{display:inline-block;width:.85em;height:.85em;margin-right:.35em;vertical-align:-.08em;border:1px solid color-mix(in srgb,var(--text) 35%,transparent);border-radius:var(--radius-sm);pointer-events:none}.cm-source-value-thumbnail{display:inline-flex;width:1.55em;height:.95em;margin-right:.35em;vertical-align:-.12em;overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 35%,transparent);border-radius:var(--radius-sm);background-color:var(--checker-light);background-image:var(--checker-image);background-position:0 0,4px 4px;background-size:8px 8px;pointer-events:none}.cm-source-value-thumbnail canvas{width:100%;height:100%;object-fit:contain}.cm-source-explanation{padding:0 16px 0 56px;color:var(--syntax-explanation);background:color-mix(in srgb,var(--syntax-explanation) 9%,transparent);font-style:italic;pointer-events:none}#source .cm-source-completion{position:absolute;z-index:20;min-width:150px;max-height:220px;overflow:auto;padding:4px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--window);box-shadow:var(--shadow-sm)}#source .cm-source-completion button{display:block;width:100%;padding:4px 8px;border:0;border-radius:var(--radius-sm);color:var(--text);background:transparent;text-align:left;font:inherit}#source .cm-source-completion button.active{background:color-mix(in srgb,var(--accent) 14%,transparent)}@media(hover:hover){#source .cm-source-completion button:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}}#source .tok-comment{color:var(--syntax-comment);font-style:italic}#source .tok-heading{color:var(--syntax-section);font-weight:var(--font-weight-semibold)}#source :is(.tok-definition,.tok-propertyName){color:var(--syntax-key)}#source .tok-string{color:var(--syntax-string)}#source :is(.tok-number,.tok-bool,.tok-atom,.tok-literal){color:var(--syntax-constant)}.cm-source-selected{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 3px 0 var(--accent)}.cm-source-search-match{padding:0 1px;border-radius:var(--radius-sm);color:inherit;background:color-mix(in srgb,var(--search-match) 58%,transparent);box-shadow:var(--shadow-sm)}.cm-source-search-active{color:var(--search-match-ink);background:var(--search-match);box-shadow:var(--shadow-sm)}#asset{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;place-items:center;gap:12px;padding:16px;overflow:auto}.asset-toolbar{width:100%;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;color:var(--secondary);font-size:var(--font-size-xs);text-align:center}#asset-back{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--control);font-size:var(--font-size-xl);line-height:1}#workspace-image,#asset-image{max-width:100%;max-height:100%;object-fit:contain}.project-dialog{width:min(440px,calc(100% - 32px));padding:0;color:var(--text)}.project-dialog form{display:grid;gap:20px;padding:24px}.new-project-dialog{max-height:min(680px,calc(100dvh - 32px));background:var(--menu)}.new-project-dialog form{grid-template-rows:auto minmax(0,1fr) auto;max-height:inherit;overflow:hidden}.new-project-dialog fieldset{display:grid;gap:8px;min-height:0;padding-right:8px;overflow-y:auto;overscroll-behavior:contain}.panel-scale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.panel-copy-fields{display:grid;gap:12px}.panel-scale-grid label,.panel-copy-fields>label{display:grid;gap:6px;color:var(--secondary);font-size:var(--font-size-md)}.panel-copy-fields input,.panel-scale-grid input{box-sizing:border-box;width:100%;height:34px;padding:0 12px;border:1px solid var(--line);background:var(--control);color:var(--text)}.panel-scale-grid input:disabled{color:var(--secondary);opacity:1}#panel-scale-options[hidden]{display:none}.workspace-status{min-width:0;display:flex;justify-content:space-between;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}#panel-status{flex:none;padding:8px 0;font:inherit;font-variant-numeric:tabular-nums}.workspace-status:has(#event-log[data-kind=progress]){color:var(--accent)}.workspace-status:has(#event-log[data-kind=success]){color:color-mix(in srgb,var(--state-ok) 75%,var(--text))}.workspace-status:has(#event-log[data-kind=error]){color:var(--state-danger)}.project-dialog header,.project-dialog fieldset{margin:0}.project-dialog h2{margin:0;font-size:var(--font-size-xl)}.project-dialog header p{margin:6px 0 0;color:var(--secondary);font-size:var(--font-size-md)}.project-dialog fieldset{padding:0;border:0}.project-dialog legend{margin-bottom:8px;color:var(--secondary);font-size:var(--font-size-sm)}.project-template-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:12px}.project-template-option:has(input:checked){box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.project-template-option input{margin:0;accent-color:var(--accent)}.project-template-option span{display:grid;gap:4px}.project-template-option strong{font-size:var(--font-size-lg)}.project-template-option small{color:var(--secondary);font-size:var(--font-size-sm)}.project-dialog footer{display:flex;justify-content:flex-end;gap:8px}.project-dialog footer button,.new-style-dialog footer button{height:30px;padding:0 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--control);cursor:pointer}.project-dialog footer .primary,.new-style-dialog footer .primary{border-color:var(--accent);color:var(--on-accent);background:var(--accent)}.new-style-dialog input[type=number]{width:100%;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--control);color:var(--text);font-size:var(--font-size-md)}.new-style-dialog .field-error{color:var(--state-danger);font-size:var(--font-size-sm)}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not([type=file]){border-radius:var(--radius-md)}input[type=search]{padding-inline:12px;border-color:transparent;border-radius:var(--radius-full);color:var(--text);background:color-mix(in srgb,var(--secondary) 12%,transparent);box-shadow:none;font-size:var(--font-size-md)}input[type=search]::placeholder{color:var(--secondary)}input[type=search]:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}@media(max-width:1060px){main{grid-template-columns:190px minmax(0,1fr) 4px min(var(--inspector-width, 340px),40vw)}.preview-toolbar .field-control{position:static;min-width:0;transform:none}#skin-state-control{position:absolute;left:45px;width:72px;flex:none;transform:none}}@media(max-width:600px){.titlebar{overflow:visible}.titlebar>.spacer{display:none}.document-title{display:none}.mode-control,.titlebar>.toolbar-more{flex:none;white-space:nowrap}main{grid-template-columns:minmax(0,1fr)}aside{display:none}.preview-toolbar{padding-inline:8px}.preview-toolbar .field-control{min-width:0;flex:1;position:static;transform:none}.preview-toolbar .field-control select{width:100%;min-width:0}}@media(max-width:760px)and (orientation:portrait){.app-window{background:var(--toolbar)}.titlebar{padding-top:calc(6px + var(--safe-area-top));padding-inline:max(6px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-right))}.mobile-command-menu{flex:none;position:static}.mobile-quick-actions{flex:none;gap:2px}.titlebar>.spacer{display:none}.mobile-command-menu>summary{width:auto;min-width:68px;padding:0 8px;display:flex;align-items:center;gap:8px;border:1px solid var(--glass-border);background:var(--glass-surface);box-shadow:var(--glass-shadow);font-size:var(--font-size-lg)}.mobile-command-menu>summary .system-symbol{width:18px;height:18px}.mobile-command-actions{width:auto;max-height:calc(100vh - var(--titlebar-height) - 16px);position:absolute;top:calc(100% + 6px);right:max(8px,env(safe-area-inset-right));left:max(8px,env(safe-area-inset-left));display:grid;gap:2px;overflow-y:auto;overscroll-behavior:contain}.mobile-command-actions button:not([hidden]){min-height:44px;padding:0 12px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;font-size:var(--font-size-lg)}.mobile-command-actions button .system-symbol{width:18px;height:18px}.mobile-menu-separator{height:1px;margin:4px 8px;background:var(--line)}.titlebar .toolbar-button,.titlebar .toolbar-more summary{width:34px;height:36px}.mode-control{width:clamp(78px,22vw,100px);min-width:0;position:absolute;left:50%;z-index:1;flex:none;transform:translate(-50%)}.mobile-title-choices{flex:none;gap:4px;margin-left:auto}.mode-control>button:not(.mobile-choice-toggle),.preview-choice>button:not(.mobile-choice-toggle){display:none}.mode-control>select,.preview-choice>select{display:none}.mode-control>.mobile-choice-toggle,.mobile-title-choices>.mobile-choice-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;padding:2px 4px;border-radius:var(--radius-sm);background:transparent}.mode-control>.mobile-choice-toggle{width:100%;min-width:0;padding-inline:12px;color:var(--text);font-size:var(--font-size-md);font-weight:600}.mobile-title-choices .mobile-choice-icon{display:none;background:transparent}.mobile-title-choices .mobile-choice-icon.active{display:grid}.mode-control>select{height:34px;font-size:var(--font-size-lg)}main{height:calc(100dvh - var(--titlebar-height));min-height:0;display:block;position:relative;overflow:hidden}.mobile-workspace-tabs{display:flex;position:absolute;z-index:12;right:0;left:0;border-bottom:1px solid var(--line);background:var(--toolbar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.mobile-split-handle{position:absolute;top:0;left:50%;display:grid;place-items:center;padding:0;border:0;background:transparent;box-shadow:none;touch-action:none;cursor:row-resize}.mobile-split-handle:before{content:"";width:28px;height:3px;position:absolute;border-radius:var(--radius-full);background:color-mix(in srgb,var(--secondary) 48%,transparent)}.mobile-split-icon,.mobile-split-icon svg{width:16px;height:16px;display:block}.mobile-split-icon{color:var(--secondary);background:var(--toolbar)}.mobile-split-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}:root[data-mobile-preview-collapsed=true] .workspace{display:none}:root[data-mobile-preview-collapsed=true] :is(aside,.source){top:18px;height:calc(100% - 18px)}:root[data-mobile-preview-collapsed=true] .mobile-workspace-tabs{top:0}.mobile-split-handle.dragging,.mobile-split-handle:focus-visible{color:var(--accent)}.mobile-workspace-tabs button[data-mobile-pane]:before{content:"";height:4px;position:absolute;right:0;top:7px;left:0;border-radius:var(--radius-full);background:color-mix(in srgb,var(--secondary) 30%,transparent);transition:background-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard)}.mobile-workspace-tabs button[data-mobile-pane].active{box-shadow:none}.mobile-workspace-tabs button[data-mobile-pane].active:before{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 75%,transparent)}.workspace{width:100%;height:var(--mobile-workspace-split, 50%);position:absolute;right:0;left:0;grid-template-rows:minmax(0,1fr) 24px;border-top:1px solid var(--line);transition:opacity var(--duration-base) var(--ease-standard)}aside{width:100%;height:calc(50% - 18px);min-height:0;position:absolute;right:0;left:0;border-right:0;border-left:0;touch-action:pan-y;transition:transform var(--duration-base) var(--ease-emphasized);will-change:transform}aside{display:flex;flex-direction:column;overflow:hidden}aside:has(.sidebar-overview:not([hidden])){display:grid;grid-template-rows:auto minmax(0,1fr)}aside:has(.raw-files:not([hidden])){display:grid;grid-template-rows:auto auto minmax(0,1fr)}aside #files{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:var(--space-xl)}aside:has(.raw-files:not([hidden])) #files{height:100%}:root[data-mobile-pane=inspector] aside{pointer-events:none;transform:translate(-100%)}:root:not([data-mobile-pane=inspector]) aside{transform:translate(0)}:root[data-mobile-preview-position=top] .workspace{top:0}:root[data-mobile-preview-position=top] .mobile-workspace-tabs{top:var(--mobile-workspace-split, 50%)}:root[data-mobile-preview-position=top] :is(aside,.source){top:calc(var(--mobile-workspace-split, 50%) + 18px);height:calc(100% - var(--mobile-workspace-split, 50%) - 18px)}:root:not([data-mobile-preview-position=top]) .workspace{top:calc(100% - var(--mobile-workspace-split, 50%) + 18px);height:calc(var(--mobile-workspace-split, 50%) - 18px)}:root:not([data-mobile-preview-position=top]) :is(aside,.source){top:18px;height:calc(100% - var(--mobile-workspace-split, 50%) - 18px)}:root:not([data-mobile-preview-position=top]) .mobile-workspace-tabs{top:calc(100% - var(--mobile-workspace-split, 50%))}.inspector-resize-handle{display:none}:root:has(.source :is(input,textarea,select):focus) .mobile-split-handle,:root[data-keyboard-open=true] .mobile-split-handle{opacity:0;pointer-events:none}.preview-toolbar{display:none;overflow-x:auto}.preview-tool-toggle{margin-right:0}.preview-toolbar .field-control{width:100%;min-width:0;position:static;transform:none}#skin-state-control{width:100%}.preview-choice{min-width:0}.preview-toolbar select,.preview-choice>select{width:100%;min-width:0;height:34px;padding-inline:8px 24px;font-size:var(--font-size-md)}#preview-coordinates{display:none}.workspace-status{padding-inline:8px}#event-log,#panel-status{padding-block:6px}#panel-status{max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-heading{min-height:36px;padding:4px 8px}#mobile-inspector-selection{display:block;overflow:hidden;font-size:var(--font-size-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.source-find-fab{right:12px;bottom:calc(12px + var(--source-find-bar-height, 0px));width:48px;height:48px}.source-find-fab .system-symbol,.source-find-fab .system-symbol svg,.source-find-fab-close{width:21px;height:21px}#files button,.source-tree-row{min-height:44px}.sidebar-overview{height:100%;min-height:0;display:grid;grid-template-columns:70px minmax(0,1fr);overflow:hidden}.mobile-overview-groups{min-height:0;display:flex;flex-direction:column;gap:4px;padding:4px;overflow-y:auto;border-right:1px solid var(--line-soft);background:color-mix(in srgb,var(--sidebar) 90%,transparent)}#files .mobile-overview-groups button{width:100%;min-height:36px;padding:4px 2px;display:grid;place-items:center;overflow:visible;border-radius:var(--radius-sm);color:var(--secondary);background:transparent;font-size:var(--font-size-xs);line-height:1.15;text-align:center;text-overflow:clip;white-space:normal}.mobile-overview-groups button.active{color:var(--on-accent);background:var(--accent)}.sidebar-overview>.nav-group{min-height:0;display:none;overflow-y:auto}.sidebar-overview>.nav-group.mobile-overview-active{display:block}.sidebar-overview>.nav-group.mobile-overview-active>.nav-group-body{display:grid}.sidebar-overview>.nav-group>.nav-section{display:none}aside #files:has(.sidebar-overview:not([hidden])){overflow:hidden;padding-bottom:0}.nav-section{min-height:38px}.app-dialog :is(input:not([type=checkbox]),textarea,select){min-height:36px;font-size:var(--font-size-xl)}#resource-inspector,#source-editor{touch-action:pan-y;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}#resource-inspector,#source-editor{scroll-padding-bottom:calc(72px + env(safe-area-inset-bottom))}#resource-inspector{padding:8px 8px 16px}}@media(max-width:950px)and (max-height:600px)and (orientation:landscape){.titlebar .toolbar-button,.titlebar .toolbar-more summary{width:34px;height:34px}.document-title{display:none}.mode-control,.titlebar>.toolbar-more{flex:none}.mode-control button{padding-inline:8px}main{height:calc(100dvh - var(--titlebar-height));grid-template-columns:clamp(116px,18vw,150px) minmax(0,1fr) 0 clamp(190px,28vw,240px)}aside{display:flex;flex-direction:column;grid-column:1}.inspector-resize-handle{display:none}.pane-heading{min-height:40px;padding:6px 8px}.workspace{grid-column:2;grid-template-rows:minmax(0,1fr) 24px}.preview-toolbar{display:none}.canvas-wrap{padding:6px}#files,#resource-inspector{padding:8px}#files button,.source-tree-row{min-height:36px}.workspace-status{padding-inline:6px}#event-log,#panel-status{padding-block:6px}}.source:has(#ai-design-panel:not([hidden])){grid-template-rows:auto minmax(0,1fr)}.source:has(#ai-design-panel:not([hidden])) .inspector-context{display:none}.source #source-editor{background:var(--inspector)}*:focus-visible:not(input:not([type=checkbox],[type=radio],[type=range],[type=color]),select,textarea){outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-md)}.toolbar-button:focus-visible,.app-window button:focus-visible{outline-offset:0}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--control) 60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:inherit;z-index:10}@media(min-width:1600px){main{grid-template-columns:260px minmax(600px,1fr) 4px var(--inspector-width, 380px)}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}@keyframes ui-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ui-pop{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@keyframes ui-draft-pulse{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--selection) 45%,transparent)}}button,summary,.toolbar-button,.glass-module button,.project-template-option,.source-tree-row,.template-card{transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.mode-control button,.preview-choice button,.sidebar-view-control button,.canvas-wrap{transition:background-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard)}.device-shell .key,.keyboard-dock [data-key]{transition:box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),background-color var(--duration-base) var(--ease-standard)}dialog[open]{animation:ui-pop var(--duration-base) var(--ease-emphasized)}dialog[open]::backdrop{animation:ui-fade var(--duration-base) var(--ease-standard)}.toolbar-menu,#files .source-tree{animation:ui-rise var(--duration-base) var(--ease-standard)}.app-dialog[open]{animation:ui-pop var(--duration-slow) var(--ease-emphasized)}.preview-zoom-control,.workspace-status,.empty-state{animation:ui-fade var(--duration-base) var(--ease-standard)}[data-ai-draft=pending]{animation:ui-draft-pulse var(--duration-slow) var(--ease-standard)}.sidebar{border-right:1px solid var(--line)}.pane-heading{height:46px}#files section>h3,#files legend{margin:12px 0 4px;padding:0 8px;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.06em;color:var(--tertiary)}.preview-toolbar{height:44px}.preview-toolbar select,.preview-toolbar .field-control,.preview-tool-toggle,.preview-choice button{height:28px;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.tile-toolbar{border-top:1px solid var(--line)}.tile-toolbar button{height:28px;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.tile-mode-control button.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.source-find-fab{border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.project-dialog footer{border-top:1px solid var(--line)}.project-template-option{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel)}.project-template-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.toolbar-button,.toolbar-more summary{border-radius:var(--radius-md);color:var(--secondary)}@media(hover:hover){.toolbar-button:hover,.toolbar-more summary:hover{background:var(--hover);color:var(--text)}}.document-title span{font-size:var(--font-size-xs);color:var(--tertiary)}.mobile-workspace-tabs{border-bottom:1px solid var(--line);background:var(--toolbar)}.mobile-workspace-tabs button{font-size:var(--font-size-sm);color:var(--tertiary)}.mobile-workspace-tabs button.active{color:var(--accent);font-weight:500}.source-section-scrollbar{display:none}:root:not([data-source-section-scrollbar=false]) #source [data-section-scrollbar=true] .cm-scroller::-webkit-scrollbar{width:0}:root:not([data-source-section-scrollbar=false]) #source [data-section-scrollbar=true] .cm-scroller{scrollbar-width:auto;scrollbar-color:auto;margin-right:24px}:root:not([data-source-section-scrollbar=false]) [data-section-scrollbar=true]>.source-section-scrollbar{position:absolute;z-index:5;right:2px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;width:20px;max-height:calc(100% - 2 * (48px + var(--source-find-bar-height, 0px)));overflow-y:auto;scrollbar-width:none;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard)}:root:not([data-source-section-scrollbar=false]) [data-section-scrollbar=true]:has(.cm-scroller.scrollbar-active)>.source-section-scrollbar,:root:not([data-source-section-scrollbar=false]) [data-section-scrollbar=true][data-section-dragging]>.source-section-scrollbar,:root:not([data-source-section-scrollbar=false]) [data-section-scrollbar=true]>.source-section-scrollbar:focus-within{opacity:1;pointer-events:auto}@media(hover:hover){:root:not([data-source-section-scrollbar=false]) [data-section-scrollbar=true]:hover>.source-section-scrollbar,:root:not([data-source-section-scrollbar=false]) [data-section-scrollbar=true]>.source-section-scrollbar:hover{opacity:1;pointer-events:auto}}.source-section-scrollbar{touch-action:none;cursor:grab}[data-section-dragging]>.source-section-scrollbar,[data-section-dragging]>.source-section-scrollbar>button{cursor:grabbing}.source-section-label{display:none}:root:not([data-source-section-scrollbar=false]) [data-section-scrollbar=true]>.source-section-label{position:absolute;z-index:6;right:28px;display:block;transform:translateY(-50%);padding:2px 8px;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-size:var(--font-size-sm);line-height:18px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-base) var(--ease-standard)}:root:not([data-source-section-scrollbar=false]) [data-section-scrollbar=true]:has(.cm-scroller.scrollbar-active)>.source-section-label,:root:not([data-source-section-scrollbar=false]) [data-section-scrollbar=true][data-section-dragging]>.source-section-label{opacity:1}.source-section-scrollbar>button{flex:1 0 8px;min-height:8px;width:20px;border:0;padding:0 4px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:flex-end}.source-section-scrollbar>button:before{content:"";width:10px;height:2px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text) 18%,transparent);transform:scaleX(.4);transform-origin:right center;transition:width var(--duration-base) var(--ease-standard),height var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-emphasized),background-color var(--duration-fast) var(--ease-standard)}@media(hover:hover){:root:not([data-source-section-scrollbar=false]) [data-section-scrollbar=true]:is(:hover,[data-section-dragging],:has(.cm-scroller.scrollbar-active))>.source-section-scrollbar>button:before{transform:scaleX(1)}}@media(hover:hover){.source-section-scrollbar:is(:hover,[data-section-dragging]>*)>button:before{width:12px}}@media(hover:hover){.source-section-scrollbar:is(:hover,[data-section-dragging]>*)>button:is(:has(+[aria-current=true]),[aria-current=true]+button):before{width:15px}}@media(hover:hover){.source-section-scrollbar>button:hover:before{width:14px;background:color-mix(in srgb,var(--text) 45%,transparent)}}.source-section-scrollbar>button[aria-current=true]:before{width:14px;height:3px;background:var(--accent)}@media(hover:hover){.source-section-scrollbar:is(:hover,[data-section-dragging]>*)>button[aria-current=true]:before{width:17px;height:4px}}.source-section-scrollbar>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.app-window{background:var(--material-window)}.toolbar-button,.toolbar-more>summary{-webkit-backdrop-filter:none;backdrop-filter:none}.toolbar-button .icon,.toolbar-button .system-symbol,.toolbar-button .system-symbol svg{width:16px;height:16px}.toolbar-button:disabled,.toolbar-menu button:disabled{opacity:.38}.toolbar-more>summary:after{display:none}.toolbar-menu,.file-actions,.mobile-command-actions{padding:6px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--material-panel);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}.toolbar-menu-separator,.mobile-menu-separator{background:var(--line)}.document-title{bottom:50%;transform:translate(-50%,50%);display:flex;align-items:center;pointer-events:auto}.document-title strong{max-width:330px}#dirty{display:none;align-items:center;margin:0}#dirty:not([hidden]){display:inline-flex}#dirty:before{width:5px;height:5px;border-radius:50%;background:var(--state-warn);content:""}.mode-control button,.preview-choice button{font-size:var(--font-size-sm);font-weight:400}.mode-control button.active,.preview-choice button.active{animation:none}.mobile-choice-toggle,.mobile-title-choices,.mobile-quick-actions,.mobile-command-menu,.mobile-workspace-tabs{display:none}main{background:var(--canvas-surface)}@media(min-width:761px){main{grid-template-columns:var(--sidebar-width, 248px) minmax(0,1fr) 4px var(--inspector-width, 360px)}.sidebar{position:relative}.sidebar-resize-handle{position:absolute;top:0;right:-2px;bottom:0}}@media(min-width:761px)and (max-width:1060px){main{grid-template-columns:160px minmax(0,1fr) 4px 300px}}.sidebar{border-color:var(--line);background:var(--material-panel);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar{padding-top:0;border-right-width:1px}.pane-heading{min-height:42px;padding:0 8px 12px;border-bottom:0}.sidebar>.pane-heading{height:44px;box-sizing:border-box;padding:0 8px;border-bottom:0}.sidebar-view-control{width:100%;min-height:34px}#files{padding:8px 8px 16px;scrollbar-width:none}#files::-webkit-scrollbar{display:none}@media(min-width:761px){.sidebar-overview,.raw-files{min-height:0;padding:0;overflow:visible;scroll-behavior:auto}}.source-file-toolbar{height:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;justify-items:center;gap:4px;margin:0 8px 12px;padding:2px 0;border-radius:var(--radius-md);background:var(--material-content);border-bottom:0}.source-file-toolbar[hidden]{display:none}.source-file-toolbar .toolbar-button{width:28px;height:28px;max-width:28px;border:0;border-radius:var(--radius-sm);color:var(--secondary);background:transparent}@media(hover:hover){.source-file-toolbar .toolbar-button:hover:not(:disabled):not(.active){color:var(--text);background:var(--material-panel);box-shadow:0 0 0 1px color-mix(in srgb,var(--line) 80%,transparent),0 1px 3px color-mix(in srgb,var(--text) 16%,transparent);transform:none}}.source-file-toolbar .toolbar-button:active:not(:disabled):not(.active){background:color-mix(in srgb,var(--material-panel) 78%,var(--line));box-shadow:none}#source-file-toolbar .toolbar-button.active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)}#source-file-toolbar .toolbar-button.active :is(.icon,.system-symbol){color:inherit}@media(hover:hover){#source-file-toolbar .toolbar-button.active:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 16%,var(--material-panel))}}.source-file-toolbar .toolbar-button:disabled{opacity:.45}#files .raw-files .source-tree-row{width:100%;min-height:34px;height:auto;display:flex;align-items:center;gap:8px;padding:4px 8px;border:0;color:var(--secondary);background:transparent;box-shadow:none;font-weight:500;line-height:1.25;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transform:none}#files .sidebar-overview .nav-group-body{gap:1px}#files .sidebar-overview button.nav-item{width:100%;align-items:center;gap:8px;border:0;outline:none;color:var(--secondary);background:transparent;box-shadow:none;font-weight:500;line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transform:none;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}#files .sidebar-overview button.nav-item>.system-symbol{position:static;width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;border-radius:0;color:var(--tertiary);background:none;font-size:var(--font-size-lg);transform:none;transition:color var(--duration-fast) var(--ease-standard)}#files .sidebar-overview button.nav-item>.nav-label{flex:1 1 auto;min-width:0;font-weight:500;line-height:1.2}#files .sidebar-overview button.nav-item>.nav-meta{flex:0 1 auto;min-width:0;font-family:var(--font-mono);font-weight:400;line-height:1.2}#files .raw-files .source-tree-row>.system-symbol{position:static;width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;color:var(--tertiary);font-size:var(--font-size-lg);transform:none}#files .raw-files .source-folder-row>.system-symbol{color:var(--accent)}#files .source-disclosure{width:8px;height:8px;flex:0 0 8px;margin:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;color:var(--tertiary);transform:rotate(-45deg);transition:transform var(--duration-fast) var(--ease-standard)}#files .nav-group[open]>.nav-section>.source-disclosure,#files .raw-folder[open]>.source-folder-row>.source-disclosure{color:var(--accent);transform:rotate(45deg)}#files .sidebar-overview .nav-label,#files .raw-files .nav-label{flex:1;min-width:0;overflow:hidden;color:inherit;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}#files .sidebar-overview .nav-meta{min-width:0;margin-top:0;overflow:hidden;color:var(--tertiary);font-size:var(--font-size-xs);font-weight:400;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}#files .sidebar-overview .nav-section,#files .raw-files .source-folder-row{min-height:34px;display:flex;align-items:center;gap:8px;margin:0;padding:4px 8px;color:var(--tertiary);font-weight:600}#files .sidebar-overview>.nav-group>.nav-section{margin-top:12px;padding:4px 8px;border-radius:var(--radius-md)}#files .sidebar-overview>.nav-group:first-of-type>.nav-section{margin-top:0}#files .sidebar-overview .nav-section-count{min-width:20px;margin-left:auto;padding:0 6px;border-radius:var(--radius-full);background:var(--material-content);color:var(--tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:500;line-height:17px;text-align:center}#files .raw-files .source-folder-row{color:var(--secondary)}#files .raw-files .source-item-count{flex:0 0 auto;margin-left:auto;color:var(--tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:400;opacity:.75}#files .raw-files .source-thumbnail{max-width:16px;max-height:16px;border-radius:var(--radius-sm);object-fit:contain}@media(hover:hover){#files .sidebar-overview button.nav-item:hover{background:var(--material-content);color:var(--text);transform:none}}@media(hover:hover){#files .sidebar-overview button.nav-item:hover>.system-symbol{color:var(--text)}}#files .sidebar-overview button.nav-item.selected{background:var(--accent-soft);color:var(--accent);box-shadow:none;transform:none;font-weight:600}@media(hover:hover){#files .sidebar-overview button.nav-item.selected:hover{background:var(--accent-soft);color:var(--accent);box-shadow:none;transform:none;font-weight:600}}#files .sidebar-overview button.nav-item.selected>.nav-label,#files .sidebar-overview button.nav-item.selected>.system-symbol{color:var(--accent)}#files .sidebar-overview button.nav-item.selected>.system-symbol{background:none}#files .sidebar-overview button.nav-item.selected>.nav-meta{color:color-mix(in srgb,var(--accent) 62%,var(--tertiary))}#files .sidebar-overview button.nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media(hover:hover){#files .sidebar-overview .nav-section:hover,#files .raw-files .source-tree-row:hover:not(.selected){color:var(--text);background:var(--material-content);transform:none}}#files .raw-files .source-tree-row.selected{color:var(--accent);background:var(--accent-soft);box-shadow:none;transform:none;font-weight:600}@media(hover:hover){#files .raw-files .source-tree-row.selected:hover{color:var(--accent);background:var(--accent-soft);box-shadow:none;transform:none;font-weight:600}}#files .raw-files .source-tree-row.selected>.system-symbol{color:var(--accent)}#files button:disabled{opacity:.45}.workspace{grid-template-rows:48px minmax(0,1fr) 30px;border:0;background:var(--canvas-surface)}.field-control select,#device,#orientation,#theme,#skin-state{min-height:30px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--material-panel);color:var(--text);font-size:var(--font-size-sm)}.canvas-wrap{padding:24px;background:var(--canvas-surface)}.field-control input,.field-control select{min-height:28px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--material-content);color:var(--text);font-size:var(--font-size-sm)}.field-control input:focus,.field-control select:focus{border-color:var(--accent);outline:0;box-shadow:var(--focus-ring)}.preview-tool-toggle,.preview-choice{gap:2px;-webkit-backdrop-filter:none;backdrop-filter:none}@media(hover:hover){.preview-choice button:hover:not(:disabled){color:var(--text)}}#device-control>span{display:none}#device-control select:focus,#device:focus{outline:0;box-shadow:none}.canvas-multi-toolbar{position:absolute;left:50%;bottom:18px;z-index:6;display:none;align-items:center;transform:translate(-50%)}.canvas-multi-toolbar[data-available=true]{display:flex}.canvas-wrap:has(.device-shell[data-mode=preview]) .canvas-multi-toolbar[data-available=true]{display:none}.canvas-multi-toolbar button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.canvas-multi-toolbar button:disabled{cursor:default}.project-dialog,.app-dialog{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--material-panel);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}.project-dialog::backdrop,.app-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:760px){.mobile-workspace-tabs{display:flex}.mobile-workspace-tabs button{color:var(--secondary);font-size:var(--font-size-sm)}.mobile-workspace-tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.mobile-workspace-tabs,.sidebar,.workspace{border-color:var(--line)}.canvas-multi-toolbar{bottom:10px;max-width:calc(100% - 16px);overflow-x:auto}}.toolbar-more.pen-file-menu{flex:none}.toolbar-more.pen-file-menu>summary{width:28px;min-width:28px;height:28px;padding:0;display:grid;place-items:center}.toolbar-more.pen-file-menu>summary .system-symbol,.toolbar-more.pen-file-menu>summary .system-symbol svg{width:16px;height:16px}.toolbar-more.pen-file-menu[open]>summary{background:color-mix(in srgb,var(--material-content) 78%,var(--line));color:var(--text)}.pen-file-menu .toolbar-menu{left:0;right:auto;width:268px;max-width:calc(100vw - 24px);transform-origin:top left}.pen-file-menu .file-actions button{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:8px;white-space:nowrap;text-align:left}.toolbar-menu button[hidden]{display:none}.pen-file-menu .file-actions button .system-symbol{flex:0 0 16px;width:16px;height:16px}.toolbar-menu-label{display:block;padding:6px 8px 4px;color:var(--secondary);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.02em}@media(max-width:950px)and (max-height:600px)and (orientation:landscape){.toolbar-more.pen-file-menu>summary{width:34px;min-width:34px;height:34px}.pen-file-menu .toolbar-menu{max-width:calc(100vw - 16px)}}:root[data-window-material-kind=glass][data-window-material=on] .canvas-wrap.empty{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-window-material-kind=glass][data-window-material=on] :is(.app-dialog,.settings-dialog,.project-dialog,.toolbar-menu,.file-actions,.app-actions,.mobile-command-actions){background:var(--floating)}:root body .toolbar-button,:root body .toolbar-more>summary{width:30px;height:30px;min-width:30px;padding:0;display:grid;place-items:center;border:0;border-radius:var(--radius-md);background:var(--material-content);color:var(--secondary);box-shadow:none;transform:none}:root body .toolbar-button .icon,:root body .toolbar-button .system-symbol,:root body .toolbar-more>summary .icon,:root body .toolbar-more>summary .system-symbol{color:var(--secondary);font-size:var(--font-size-lg);line-height:1}:root body .toolbar-button .icon svg,:root body .toolbar-button .system-symbol,:root body .toolbar-button .system-symbol svg,:root body .toolbar-more>summary .icon svg,:root body .toolbar-more>summary .system-symbol,:root body .toolbar-more>summary .system-symbol svg{width:15px;height:15px;display:block}@media(hover:hover){:root body .toolbar-button:hover:not(:disabled),:root body .toolbar-more>summary:hover{background:color-mix(in srgb,var(--material-content) 82%,var(--line));color:var(--text)}}:root body .toolbar-button:active:not(:disabled),:root body .toolbar-more>summary:active{background:color-mix(in srgb,var(--material-content) 72%,var(--line))}:root body .toolbar-button:disabled{opacity:.38;color:var(--secondary)}:root body .toolbar-button:disabled .icon,:root body .toolbar-button:disabled .system-symbol{color:var(--secondary)}:root body .titlebar .toolbar-button,:root body .titlebar .toolbar-more>summary{width:28px;height:28px;min-width:28px}:root body .titlebar .toolbar-button .icon svg,:root body .titlebar .toolbar-button .system-symbol,:root body .titlebar .toolbar-button .system-symbol svg,:root body .titlebar .toolbar-more>summary .system-symbol,:root body .titlebar .toolbar-more>summary .system-symbol svg{width:14px;height:14px}:root body .mode-control,:root body .sidebar-view-control{gap:2px;padding:4px;border:0;border-radius:var(--radius-md);background:var(--material-content);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:root body .preview-choice{gap:2px;padding:2px;border:0;border-radius:var(--radius-md);background:var(--material-content);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:root body .mode-control button,:root body .sidebar-view-control button{height:28px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--secondary);box-shadow:none;font-size:var(--font-size-sm);font-weight:400}:root body .sidebar-view-control button{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}:root body .preview-choice button{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--tertiary);box-shadow:none}:root body .preview-choice>.mobile-choice-toggle{display:none}@media(max-width:760px),(max-width:950px)and (max-height:600px)and (orientation:landscape){:root body .preview-choice>button:not(.mobile-choice-toggle){display:none}:root body .preview-choice>.mobile-choice-toggle{display:grid;color:var(--accent)}}:root body .preview-choice button .system-symbol,:root body .preview-choice button .system-symbol svg,:root body .sidebar-view-control button .system-symbol,:root body .sidebar-view-control button .system-symbol svg{width:14px;height:14px;display:block}:root body .mode-control button.active,:root body .sidebar-view-control button.active{color:var(--text);background:var(--material-panel);box-shadow:inset 0 0 0 1px var(--line);font-weight:500;animation:none}:root body .preview-choice button.active{color:var(--accent);background:var(--material-control);box-shadow:inset 0 0 0 1px var(--line)}@media(hover:hover){:root body .preview-choice button:hover:not(.active):not(:disabled){color:var(--text)}}@media(hover:hover){:root body .mode-control button:hover:not(.active){color:var(--text)}}:root body .app-dialog select,:root body .app-dialog input[type=number]{min-height:30px;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--material-content);color:var(--text);font-size:var(--font-size-sm);font-weight:400;box-shadow:none}:root body .app-dialog select:focus,:root body .app-dialog input[type=number]:focus{border-color:var(--accent);outline:0;box-shadow:var(--focus-ring)}:root body input[role=switch][type=checkbox]{width:36px;height:20px;margin:0;position:relative;flex:none;appearance:none;-webkit-appearance:none;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--material-content);box-shadow:none;transition:background var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard)}:root body input[role=switch][type=checkbox]:after{content:"";position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:var(--on-accent);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-standard)}:root body input[role=switch][type=checkbox]:checked{border-color:transparent;background:var(--accent)}:root body input[role=switch][type=checkbox]:checked:after{transform:translate(16px)}:root body .app-dialog button,:root body .project-dialog button,:root body .toolbar-menu button{min-height:32px;height:32px;padding:0 16px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--material-panel);color:var(--text);font-size:var(--font-size-sm);font-weight:500;box-shadow:none}:root body .toolbar-menu button{min-height:32px;height:32px;justify-content:flex-start;border-color:transparent;background:transparent;color:var(--text);font-weight:400}@media(hover:hover){:root body .toolbar-menu button:hover:not(:disabled){background:var(--material-content)}}:root body .app-dialog button.primary,:root body .project-dialog button.primary{border-color:transparent;background:var(--accent);color:var(--on-accent);font-weight:500}:root body .app-dialog button.secondary,:root body .project-dialog button.secondary{border-color:var(--line-strong);background:var(--material-panel);color:var(--text)}:root body .app-dialog header button,:root body .project-dialog header button{min-height:28px;height:28px;padding:0 12px;border:0;border-radius:var(--radius-sm);background:var(--material-content);color:var(--secondary);font-size:var(--font-size-sm);font-weight:400}@media(hover:hover){:root body .app-dialog header button:hover,:root body .project-dialog header button:hover{color:var(--text)}}:root body .app-dialog{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--material-panel);color:var(--text);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}:root body .app-dialog header,:root body .project-dialog header,:root body :is(#about-dialog,#new-style-dialog,#layout-image-dialog,#unsaved-dialog,#edit-mode-dialog,#panel-scale-dialog,#ios26-dialog,#new-project-dialog) header{min-height:56px;padding:0 20px;gap:12px;align-items:center;border-bottom:1px solid var(--line)}:root body .app-dialog header h2,:root body .project-dialog header h2{margin:0;color:var(--text);font-size:var(--font-size-lg);font-weight:600;line-height:1.35}:root body :is(#panel-scale-dialog,#ios26-dialog,#layout-image-dialog,#new-style-dialog,#unsaved-dialog,#edit-mode-dialog,#atlas-create-dialog){padding:0;border-radius:var(--radius-xl)}:root body :is(#panel-scale-dialog,#ios26-dialog,#new-style-dialog,#unsaved-dialog,#edit-mode-dialog,#atlas-create-dialog){width:min(460px,calc(100vw - 32px))}:root body :is(#panel-scale-dialog,#ios26-dialog,#layout-image-dialog,#new-style-dialog,#unsaved-dialog,#edit-mode-dialog,#atlas-create-dialog)>form{display:grid;gap:16px;padding:0 20px 20px}:root body :is(#panel-scale-dialog,#ios26-dialog,#layout-image-dialog,#new-style-dialog,#unsaved-dialog,#edit-mode-dialog,#atlas-create-dialog)>form>header{display:grid;justify-items:start;align-content:center;gap:4px;min-height:0;margin:0 -20px;padding:16px 20px}:root body :is(#panel-scale-dialog,#ios26-dialog,#layout-image-dialog,#new-style-dialog,#unsaved-dialog,#edit-mode-dialog,#atlas-create-dialog)>form>header :is(p,small){margin:0;color:var(--secondary);font-size:var(--font-size-sm);line-height:1.5}:root body :is(#panel-scale-dialog,#ios26-dialog,#layout-image-dialog,#new-style-dialog,#unsaved-dialog,#edit-mode-dialog,#atlas-create-dialog)>form>footer{display:flex;justify-content:flex-end;gap:8px;margin:4px -20px -20px;padding:12px 20px;border-top:1px solid var(--line)}:root body :is(#panel-scale-dialog,#ios26-dialog,#layout-image-dialog,#new-style-dialog,#unsaved-dialog,#edit-mode-dialog,#atlas-create-dialog)>form>footer button{min-width:72px}:root body :is(#panel-scale-dialog,#new-style-dialog,#atlas-create-dialog) label:not(.project-template-option){display:grid;gap:6px;color:var(--secondary);font-size:var(--font-size-sm)}:root body :is(#panel-scale-dialog,#new-style-dialog,#atlas-create-dialog) input:not([type=checkbox]){height:32px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--material-panel);color:var(--text);font-size:var(--font-size-sm)}:root body :is(#panel-scale-dialog,#new-style-dialog,#atlas-create-dialog) input:not([type=checkbox]):focus{border-color:var(--accent);outline:none;box-shadow:var(--focus-ring)}:root body :is(#panel-scale-dialog,#new-style-dialog,#atlas-create-dialog) input:disabled{background:var(--material-content);color:var(--tertiary)}:root body #panel-scale-summary{margin:0;color:var(--secondary);font-size:var(--font-size-sm);overflow-wrap:anywhere}:root body #panel-scale-summary:empty{display:none}:root body #atlas-create-dialog .atlas-create-size{display:grid;grid-template-columns:1fr 1fr;gap:12px}:root body #tile-inspector[data-empty=true] :is(.geometry-fields,#tile-inner-title,.atlas-source-heading,.atlas-stretch){display:none}:root body .dialog-note{margin:0;padding:12px;border-radius:var(--radius-md);background:var(--material-content);color:var(--secondary);font-size:var(--font-size-sm);line-height:1.6}:root body .canvas-multi-toolbar{gap:4px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--material-control);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}:root body .canvas-multi-count{height:20px;display:inline-flex;align-items:center;padding:0 8px;border-radius:var(--radius-full);background:var(--selection-soft);color:var(--selection);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}:root body .canvas-multi-divider{width:1px;height:16px;margin:0 2px;background:var(--line)}:root body .canvas-multi-toolbar button{width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--secondary)}@media(hover:hover){:root body .canvas-multi-toolbar button:hover:not(:disabled){background:var(--material-content);color:var(--text)}}:root body .canvas-multi-toolbar button:disabled{opacity:.34}:root body .canvas-multi-toolbar button .system-symbol,:root body .canvas-multi-toolbar button .system-symbol svg{width:15px;height:15px;display:block}:root body .preview-toolbar{min-height:44px;padding:0 16px;gap:12px;border-bottom:1px solid var(--line);background:var(--material-panel);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.preview-toolbar-start,.preview-toolbar-end,.desktop-quick-actions{display:flex;align-items:center;gap:6px;flex:none}.preview-toolbar-start{margin-right:auto}.preview-toolbar-end{margin-left:auto}:root body .preview-toolbar :is(#device-control,#skin-state-control){position:relative;left:auto;transform:none}:root body .preview-toolbar #device-control{flex:0 1 240px;min-width:0}:root body .preview-toolbar #device{width:100%;min-width:0;text-overflow:ellipsis}@media(max-width:760px){.desktop-quick-actions{display:none}}:root body .preview-tool-toggle{width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--radius-md);background:var(--material-content);color:var(--secondary);box-shadow:none}:root body .preview-tool-toggle .system-symbol,:root body .preview-tool-toggle .system-symbol svg{width:15px;height:15px;display:block}:root body .preview-tool-toggle.active,:root body .preview-tool-toggle[aria-pressed=true]{color:var(--accent);background:var(--material-control);box-shadow:inset 0 0 0 1px var(--line)}:root body #device-control,:root body #skin-state-control{gap:6px;min-height:28px;height:28px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--material-content);color:var(--text);box-shadow:none}:root body #device-control select,:root body #device,:root body #skin-state{height:26px;min-height:26px;padding:0 20px 0 0;border:0;border-radius:0;background:transparent;color:var(--text);font-size:var(--font-size-xs);font-weight:500;box-shadow:none}:root body #skin-state{color:transparent}:root body #skin-state-control .skin-state-value{color:var(--text);font-size:var(--font-size-xs);font-weight:500;line-height:26px}:root body .workspace-status{min-height:30px;padding:0 16px;gap:16px;border-top:1px solid var(--line);background:var(--material-panel);color:var(--tertiary);font-family:var(--font-ui);font-size:var(--font-size-xs)}:root body #event-log{color:var(--secondary);font-family:var(--font-ui);font-size:var(--font-size-xs)}:root body #panel-status{color:var(--tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs)}:root body #files .raw-files .source-tree-row{border-radius:var(--radius-sm);font-size:var(--font-size-sm)}:root body #files .sidebar-overview button.nav-item{border-radius:var(--radius-md);font-size:var(--font-size-sm)}:root body #files .sidebar-overview button.nav-item>.nav-label{font-size:var(--font-size-sm)}:root body #files .sidebar-overview .nav-label,:root body #files .raw-files .nav-label{font-size:var(--font-size-sm)}:root body #files .sidebar-overview .nav-section{border-radius:var(--radius-md);font-size:var(--font-size-sm)}:root body #files .sidebar-overview>.nav-group>.nav-section{min-height:24px;font-size:var(--font-size-xs);letter-spacing:.04em}:root body #files .sidebar-overview>.nav-group>.nav-section>.nav-label{font-size:var(--font-size-xs)}:root body #files .sidebar-overview>.nav-group[open]>.nav-section>.source-disclosure{color:var(--tertiary)}:root body #files .sidebar-overview button.nav-item{height:auto;min-height:44px;display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:var(--space-lg);row-gap:2px;align-content:center;padding:6px 8px}:root body #files .sidebar-overview button.nav-item>.system-symbol{grid-row:1 / 3}:root body #files .sidebar-overview button.nav-item>.nav-meta{grid-column:2;max-width:none;margin-left:0;font-size:var(--font-size-xxs)}:root body #files:not([data-overview-meta]) .sidebar-overview button.nav-item>.nav-meta{display:none}:root body #files:not([data-overview-meta]) .sidebar-overview button.nav-item>.system-symbol{grid-row:auto}@media(min-width:761px){:root body #files .sidebar-overview{padding:0 6px}}:root body #files .sidebar-overview>.nav-group[data-overview-group=资源配置]>.nav-group-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}:root body #files .sidebar-overview>.nav-group[data-overview-group=资源配置] button.nav-item{height:52px;min-height:0;grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:4px;padding:4px;background:var(--hover);border-radius:var(--radius-md);text-align:center}:root body #files .sidebar-overview>.nav-group[data-overview-group=资源配置] button.nav-item>.system-symbol{grid-row:auto}:root body #files .sidebar-overview>.nav-group[data-overview-group=资源配置] button.nav-item>.nav-label{max-width:100%;font-size:var(--font-size-xs)}:root body #files .sidebar-overview>.nav-group[data-overview-group=资源配置] button.nav-item>.nav-meta{display:none}@media(hover:hover){:root body #files .sidebar-overview>.nav-group[data-overview-group=资源配置] button.nav-item:hover{background:var(--material-content)}}:root body #files .sidebar-overview>.nav-group[data-overview-group=资源配置] button.nav-item.selected{background:var(--accent-soft)}:root body #files .sidebar-overview .skin-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--space-xs);margin-bottom:var(--space-sm);padding:var(--space-xs);border-radius:var(--radius-lg)}:root body #files .sidebar-overview .skin-card>button.skin-card-preview{height:72px;min-height:0;grid-template-columns:minmax(0,1fr);place-items:center;padding:0;overflow:hidden;background:var(--material-content)}:root body #files .sidebar-overview .skin-card>button.skin-card-preview>img{width:100%;height:100%;object-fit:cover}:root body #files .sidebar-overview .skin-card>button.skin-card-preview>:is(.nav-label,.nav-meta){display:none}:root body #files .sidebar-overview .skin-card>button.skin-card-preview.selected{outline:2px solid var(--accent);outline-offset:-2px}:root body #files .sidebar-overview .skin-card>button.skin-card-info{grid-column:2;grid-template-columns:minmax(0,1fr)}:root body #files .sidebar-overview .skin-card>button.skin-card-preview:only-child{grid-column:1 / -1}:root body #files .sidebar-overview .skin-card>button.skin-card-info:only-child{grid-column:1 / -1}:root body #files .sidebar-overview .skin-card>button.skin-card-info>.system-symbol{display:none}:root body #files .sidebar-overview .skin-card>button.skin-card-info>.nav-label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}:root body #files .sidebar-overview .skin-card>button.skin-card-info>.nav-meta{display:block;grid-column:1;font-family:var(--font-ui);font-size:var(--font-size-xs)}:root body #files .raw-files .source-folder-row{border-radius:var(--radius-sm);font-size:var(--font-size-sm)}:root body .document-title{gap:8px;min-height:34px;padding:6px 12px;border-radius:var(--radius-md);background:var(--material-content)}:root body .document-title strong{color:var(--text);font-size:var(--font-size-md);font-weight:600;line-height:18px}:root body #dirty{min-height:22px;padding:2px 8px;gap:6px;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--material-panel);color:var(--secondary);font-size:var(--font-size-xs);font-weight:400}@media(max-width:760px){:root body .mobile-workspace-tabs{height:var(--mobile-dock-h);gap:6px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--material-panel);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:root body .mobile-workspace-tabs button[data-mobile-pane]{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-md);color:var(--secondary);background:transparent;font-size:var(--font-size-sm);font-weight:400;line-height:1}:root body .mobile-workspace-tabs button[data-mobile-pane]:before{content:none;display:none}:root body .mobile-workspace-tabs button[data-mobile-pane].active{color:var(--accent);background:var(--accent-soft);box-shadow:none;font-weight:500}:root body .mobile-split-handle{width:72px;height:12px;top:auto;bottom:0;border-radius:var(--radius-full)}:root body .mobile-split-handle:before{width:32px;height:3px;top:50%;margin-top:-2px;border-radius:var(--radius-full);background:var(--line-strong)}:root body aside,:root body .source{height:calc(50% - var(--mobile-dock-h))}:root[data-mobile-preview-position=top] body .mobile-workspace-tabs{top:var(--mobile-workspace-split, 50%)}:root[data-mobile-preview-position=top] body :is(aside,.source){top:calc(var(--mobile-workspace-split, 50%) + var(--mobile-dock-h));height:calc(100% - var(--mobile-workspace-split, 50%) - var(--mobile-dock-h))}:root:not([data-mobile-preview-position=top]) body .mobile-workspace-tabs{top:calc(100% - var(--mobile-workspace-split, 50%))}:root:not([data-mobile-preview-position=top]) body .workspace{top:calc(100% - var(--mobile-workspace-split, 50%) + var(--mobile-dock-h));height:calc(var(--mobile-workspace-split, 50%) - var(--mobile-dock-h))}:root:not([data-mobile-preview-position=top]) body :is(aside,.source){top:var(--mobile-dock-h);height:calc(100% - var(--mobile-workspace-split, 50%) - var(--mobile-dock-h))}:root[data-mobile-preview-collapsed=true] body :is(aside,.source){top:var(--mobile-dock-h);height:calc(100% - var(--mobile-dock-h))}:root body #event-log{display:none}}:root body .titlebar{height:var(--titlebar-height);min-height:var(--titlebar-height);display:flex;align-items:center;gap:0;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:var(--material-panel);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:root body .titlebar-left,:root body .titlebar-right{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:16px}:root body .titlebar-right{gap:12px;justify-content:flex-end}:root body .titlebar-left>.spacer{flex:0 1 0;min-width:0}:root body .titlebar-center{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;min-width:0}:root body .titlebar-actions{display:flex;align-items:center;gap:6px}:root body .titlebar-icon-button,:root body .titlebar .toolbar-more>summary.titlebar-icon-button{width:28px;height:28px;min-width:28px;padding:0;display:grid;place-items:center;border:0;border-radius:var(--radius-md);background:var(--material-content);color:var(--secondary);cursor:pointer;box-shadow:none}@media(hover:hover){:root body .titlebar-icon-button:hover{background:color-mix(in srgb,var(--material-content) 82%,var(--line));color:var(--text)}}:root body .titlebar-icon-button .system-symbol,:root body .titlebar-icon-button .system-symbol svg,:root body .titlebar-icon-button .icon svg{width:14px;height:14px;display:block}.window-controls{display:none}:root.windows body .titlebar{padding-right:0}:root.windows body .titlebar-right{align-self:stretch}:root.windows body .titlebar .window-controls{display:flex;align-self:stretch;margin-left:6px}:root body .window-controls button{width:46px;height:100%;padding:0;display:grid;place-items:center;border-radius:0;background:transparent;color:var(--secondary);cursor:default;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}:root body .window-controls .system-symbol,:root body .window-controls .system-symbol svg{width:16px;height:16px;display:block}:root body .window-controls .window-maximize-icon,:root body .window-controls .window-maximize-icon svg{width:13px;height:13px}:root body #window-maximize .window-restore-icon,:root body #window-maximize[data-maximized=true] .window-maximize-icon{display:none}:root body #window-maximize[data-maximized=true] .window-restore-icon{display:block}@media(hover:hover){:root body .window-controls button:hover{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}:root body .window-controls #window-close:hover{background:var(--state-danger);color:var(--on-accent)}}:root body .titlebar .document-title{display:inline-flex;align-items:center;gap:8px;max-width:min(420px,calc(100vw - 520px));height:auto;padding:6px 12px;border:0;border-radius:var(--radius-md);background:var(--material-content);box-shadow:none}:root body .titlebar .document-title .document-icon,:root body .titlebar .document-title .document-icon svg{flex:none;width:14px;height:14px;display:block;color:var(--secondary)}:root body .titlebar .document-title strong{min-width:0;color:var(--text);font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:600;line-height:1.2}:root body .titlebar .document-title #dirty[hidden]{display:none}@media(min-width:761px){:root body .titlebar-right,:root body .desktop-quick-actions{gap:6px}:root body .titlebar .titlebar-icon-button,:root body .titlebar .toolbar-more>summary.titlebar-icon-button{width:30px;height:30px;min-width:30px;flex:none;border-radius:var(--radius-md);background:var(--material-content)}:root body .titlebar .titlebar-icon-button .system-symbol,:root body .titlebar .titlebar-icon-button .system-symbol svg,:root body .titlebar .toolbar-more>summary.titlebar-icon-button .system-symbol,:root body .titlebar .toolbar-more>summary.titlebar-icon-button .system-symbol svg{width:16px;height:16px}:root body .titlebar .mode-control{flex:none}:root body .titlebar .mode-control,:root body .sidebar-view-control{gap:2px;padding:2px;border-radius:var(--radius-md)}:root body .titlebar .mode-control button,:root body .sidebar-view-control button{height:28px;padding:0 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs)}:root body .titlebar .mode-control button.active,:root body .sidebar-view-control button.active{box-shadow:var(--shadow-sm);font-weight:600}}:root body .titlebar .mobile-choice-toggle,:root body .mobile-command-menu,:root body .mobile-quick-actions,:root body .mobile-title-choices{display:none}:root body .welcome-head-action[hidden]{display:none}:root body .welcome-head-clear:not([hidden])+.welcome-head-action{margin-left:8px}:root body .welcome-main{gap:24px;padding:40px max(48px,calc((100% - var(--content-max-width)) / 2));background:var(--material-window)}:root body .welcome-hero{gap:8px}:root body .welcome-hero h1{color:var(--text);font-family:var(--font-ui);font-size:var(--font-size-xl);font-weight:600;letter-spacing:0}:root body .welcome-hero p{max-width:none;color:var(--secondary);font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:400;line-height:21px}:root body .welcome-section{gap:12px}:root body .welcome-section-head{gap:12px}:root body .welcome-section-head h2{color:var(--text);font-size:var(--font-size-lg);font-weight:600}:root body .welcome-section-head span{color:var(--tertiary);font-size:var(--font-size-sm)}:root body .welcome-recent .welcome-section-head{gap:12px}:root body .welcome-recent .welcome-section-head h2{color:var(--text);font-family:var(--font-ui);font-size:var(--font-size-xl);font-weight:600;letter-spacing:0}:root body .recent-card-folder{color:var(--tertiary);font-size:var(--font-size-xs)}:root body .welcome-head-action{padding:6px 12px;border:0;border-radius:var(--radius-md);background:var(--material-content);color:var(--secondary);font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:500}@media(hover:hover){:root body .welcome-head-action:hover{background:color-mix(in srgb,var(--accent) 12%,var(--material-content));color:var(--accent)}}:root body .recent-grid{grid-template-columns:repeat(auto-fill,300px);gap:16px}:root body .recent-grid .template-preview{height:160px;padding:0;align-items:center;background:var(--material-content);color:var(--tertiary);font-size:var(--font-size-xs)}:root body .recent-grid .template-preview img{display:block;width:100%;height:100%;object-fit:contain}:root body .recent-grid .template-name{color:var(--text);font-size:var(--font-size-md);font-weight:500}:root body .recent-grid .template-go{color:var(--tertiary)}:root body .recent-grid .template-meta{color:var(--tertiary);font-size:var(--font-size-xs)}:root body .recent-grid .template-meta em{border-radius:var(--radius-sm);background:var(--material-content);color:var(--secondary);font-size:var(--font-size-xs)}:root body .recent-grid-empty{border:1px dashed var(--line);border-radius:var(--radius-lg);background:var(--material-panel)}:root body .recent-grid-empty-copy strong{color:var(--text);font-size:var(--font-size-sm);font-weight:500}:root body .recent-grid-empty-copy span{color:var(--tertiary);font-size:var(--font-size-xs)}:root body .recent-grid-empty button{padding:8px 16px;border:0;border-radius:var(--radius-md);background:var(--material-content);color:var(--secondary);font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:500}@media(hover:hover){:root body .recent-grid-empty button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--material-content));color:var(--accent)}}:root body .template-grid{display:grid;grid-template-columns:repeat(auto-fill,300px);gap:16px}:root body .template-grid-row{display:contents}:root body .template-card{gap:12px;padding:16px;border:0;border-radius:var(--radius-lg);outline:1px solid var(--line);outline-offset:-1px;background:var(--material-panel);box-shadow:none;transition:outline-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}@media(hover:hover){:root body .template-card:hover{border-color:transparent;outline-color:var(--accent);box-shadow:var(--shadow-sm)}}:root body .template-preview{border-radius:var(--radius-md)}:root body .template-grid .template-preview{height:160px;padding:0;align-items:center;background:var(--material-content);color:var(--tertiary);font-size:var(--font-size-xs)}:root body .template-grid .template-preview img{display:block;width:100%;height:100%;object-fit:contain}:root body .template-name{color:var(--text);font-size:var(--font-size-md);font-weight:500}:root body .template-go{color:var(--tertiary)}:root body .template-meta{color:var(--tertiary);font-size:var(--font-size-xs)}:root body .template-meta em{border-radius:var(--radius-sm);background:var(--material-content);color:var(--secondary);font-size:var(--font-size-xs)}:root body .welcome-note{gap:8px;padding:12px;border-radius:var(--radius-md);background:var(--material-content)}:root body .welcome-note p{color:var(--secondary);font-size:var(--font-size-xs);line-height:1.5}:root body .welcome-note .system-symbol{color:var(--tertiary)}:root body #layout-image-dialog{width:min(680px,calc(100vw - 32px))}:root body #layout-image-dialog>form{max-height:calc(100dvh - 64px);overflow-y:auto;gap:16px}:root body #layout-image-dialog>form>header{position:sticky;top:0;z-index:1;background:var(--material-panel)}:root body #layout-image-dialog>form>footer{position:sticky;bottom:0;z-index:1;display:flex;justify-content:flex-end;gap:8px;padding-top:12px;background:var(--material-panel)}:root body #layout-image-dialog .layout-image-file{height:auto;min-height:148px;display:grid;align-content:center;place-items:center;justify-content:center;gap:8px;padding:20px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--material-content);color:var(--text);font-size:var(--font-size-md);font-weight:500;text-align:center;cursor:pointer}:root body #layout-image-dialog .layout-image-file-icon{font-size:var(--font-size-xl);color:var(--tertiary)}@media(hover:hover){:root body #layout-image-dialog .layout-image-file:hover{border-color:var(--accent);background:var(--accent-soft)}}:root body #layout-image-dialog .layout-image-file.drop-target{border-style:solid;border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}:root body #layout-image-dialog .layout-image-file.has-image{min-height:0;padding:12px;border-style:solid;border-color:var(--line);background:var(--material-panel)}@media(hover:hover){:root body #layout-image-dialog .layout-image-file.has-image:hover{border-color:var(--accent)}}:root body #layout-image-dialog .layout-image-file.has-image .layout-image-file-icon{display:none}:root body #layout-image-dialog .layout-image-file img{max-width:100%;max-height:168px;border-radius:var(--radius-sm);object-fit:contain}:root body #layout-image-dialog .layout-image-file small,:root body #layout-image-dialog header small{color:var(--tertiary);font-size:var(--font-size-xs);font-weight:400}:root body #layout-image-dialog .layout-image-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}:root body #layout-image-dialog .layout-image-config legend,:root body #layout-image-dialog .layout-image-targets legend{margin-bottom:8px;padding:0;color:var(--secondary);font-size:var(--font-size-sm);font-weight:500}:root body #layout-image-dialog .layout-image-targets label{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--material-panel);cursor:pointer}:root body #layout-image-dialog .layout-image-targets label:before{content:"";flex:0 0 14px;width:14px;height:14px;border:1px solid var(--line-strong);border-radius:50%;background:var(--material-panel);box-shadow:inset 0 0 0 3px var(--material-panel)}@media(hover:hover){:root body #layout-image-dialog .layout-image-targets label:hover{border-color:var(--line-strong);background:var(--material-content)}}:root body #layout-image-dialog .layout-image-targets label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}:root body #layout-image-dialog .layout-image-targets label:has(input:checked):before{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--accent-soft)}:root body #layout-image-dialog .layout-image-targets label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}:root body #layout-image-dialog .layout-image-targets input{position:absolute;width:1px;height:1px;margin:-1px;opacity:0}:root body #layout-image-dialog .layout-image-targets label span{display:grid;gap:4px;min-width:0}:root body #layout-image-dialog .layout-image-targets label strong{color:var(--text);font-size:var(--font-size-md);font-weight:500}:root body #layout-image-dialog .layout-image-targets label small{color:var(--secondary);font-size:var(--font-size-xs);line-height:1.35}:root body #layout-image-dialog .layout-image-config{display:grid;gap:8px;margin:0;padding:0;border:0}:root body #layout-image-dialog .layout-image-config-control{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--material-content);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:root body #layout-image-dialog .layout-image-config-control button{flex:1;min-width:0;height:28px;min-height:28px;padding:0 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--secondary);font-size:var(--font-size-sm);font-weight:400;box-shadow:none}@media(hover:hover){:root body #layout-image-dialog .layout-image-config-control button:hover:not(.active){color:var(--text);background:var(--material-panel)}}:root body #layout-image-dialog .layout-image-config-control button.active{background:var(--material-control);color:var(--text);font-weight:500;box-shadow:var(--shadow-sm)}:root body #layout-image-dialog .layout-image-config[disabled]{opacity:.55}:root body #layout-image-dialog .layout-image-config[disabled] button{cursor:not-allowed}:root body #layout-image-dialog .layout-image-config small{color:var(--tertiary);font-size:var(--font-size-xs);line-height:1.5}:root body #layout-image-dialog .layout-image-scope{color:var(--secondary);font-size:var(--font-size-sm);line-height:1.5}:root body #layout-image-dialog .field-error{color:var(--state-danger);font-size:var(--font-size-sm);line-height:1.5}:root body #layout-image-dialog footer button{min-width:84px}:root body #layout-image-dialog footer button.primary:disabled{border-color:var(--line);background:var(--material-content);color:var(--tertiary);cursor:not-allowed}@media(max-width:560px){:root body #layout-image-dialog .layout-image-targets{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){:root:has(body.app-window){background:var(--material-toolbar)}:root body .titlebar{height:var(--titlebar-height);min-height:var(--titlebar-height);gap:6px;padding:var(--safe-area-top) max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left));background:var(--material-toolbar)}:root body .titlebar-left,:root body .titlebar-right{flex:none;gap:4px}:root body .titlebar-center{flex:1 1 auto;min-width:0;justify-content:flex-start}:root body .titlebar .pen-file-menu,:root body .titlebar-left>.titlebar-icon-button,:root body .titlebar-left>.spacer,:root body .titlebar .desktop-quick-actions,:root body .titlebar .mobile-title-choices,:root body .titlebar .mode-control>button:not(.mobile-choice-toggle){display:none}:root body .titlebar .mobile-command-menu{display:block;position:static;flex:none}:root body .titlebar .mobile-quick-actions{display:flex;flex:none;gap:2px}:root body .titlebar .titlebar-icon-button,:root body .titlebar .toolbar-more>summary.titlebar-icon-button,:root body .titlebar .mobile-command-menu>summary{width:36px;min-width:36px;height:36px;padding:0;display:grid;place-items:center;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);box-shadow:none;font-size:0}:root body .titlebar .mobile-command-menu>summary{background:var(--material-content)}:root body .titlebar .titlebar-icon-button:disabled{opacity:.32}:root body .titlebar .titlebar-icon-button .system-symbol,:root body .titlebar .titlebar-icon-button .system-symbol svg,:root body .titlebar .toolbar-more>summary .system-symbol,:root body .titlebar .toolbar-more>summary .system-symbol svg{width:18px;height:18px}:root body .titlebar .document-title{position:static;min-width:0;max-width:100%;display:inline-flex;gap:6px;padding:8px 12px;transform:none;pointer-events:auto}:root body .titlebar .document-title .document-icon{display:none}:root body .titlebar .document-title strong{min-width:0;max-width:none;overflow:hidden;font-size:var(--font-size-lg);text-overflow:ellipsis;white-space:nowrap}:root body .titlebar .document-title input{width:100%;min-width:0;font-size:var(--font-size-lg)}:root body .titlebar .mode-control{width:auto;min-width:0;position:static;flex:none;padding:0;border:0;background:transparent;box-shadow:none;transform:none}:root body .titlebar .mode-control>.mobile-choice-toggle{width:auto;min-width:0;height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:var(--radius-full);background:var(--material-content);color:var(--text);box-shadow:none;font-size:var(--font-size-md);font-weight:600;white-space:nowrap}:root body .titlebar .mode-control>.mobile-choice-toggle .mode-toggle-icon{display:none}:root:has(#mode option[value=edit]:checked) body .titlebar .mode-control>.mobile-choice-toggle{background:var(--accent-soft);color:var(--accent)}:root body .titlebar .document-title #dirty{min-height:0;padding:0 2px;border:0;background:transparent;font-size:0;gap:0}:root body .titlebar .mobile-command-actions{width:auto;max-height:calc(100dvh - var(--titlebar-height) - 16px - env(safe-area-inset-bottom));position:fixed;top:calc(var(--titlebar-height) + 6px);right:auto;left:max(8px,env(safe-area-inset-left));min-width:248px;max-width:calc(100vw - 20px);display:grid;gap:2px;overflow-y:auto;overscroll-behavior:contain}:root body .titlebar .mobile-command-actions button:not([hidden]){min-height:44px;padding:0 12px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;border-radius:var(--radius-md);font-size:var(--font-size-lg);text-align:left}:root body .titlebar .mobile-command-actions button .system-symbol,:root body .titlebar .mobile-command-actions button .system-symbol svg{width:18px;height:18px}:root body .titlebar .mobile-menu-separator:last-child{display:none}}@media(max-width:760px){body:has(.canvas-wrap.empty) .mobile-workspace-tabs{display:none}:root body:has(.canvas-wrap.empty) main>.workspace{top:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr);border-top:0}:root body .preview-zoom-control{display:none}:root body .canvas-wrap:not(.empty){touch-action:none}:root body .canvas-wrap.empty .empty-state{display:block;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:root body .welcome-main{gap:24px;padding:20px max(16px,env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:visible}:root body .welcome-section-head{flex-wrap:wrap;align-items:center;row-gap:6px}:root body .welcome-recent .welcome-section-head h2,:root body .welcome-hero h1{font-size:var(--font-size-xl);line-height:1.25}:root body .welcome-head-action{margin-left:auto;min-height:34px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}:root body .recent-grid-empty{flex-wrap:wrap}:root body .recent-grid-empty-copy{flex:1 1 180px}:root body .recent-grid-empty-copy strong{font-size:var(--font-size-lg)}:root body .recent-grid-empty-copy span{font-size:var(--font-size-sm);line-height:1.5}:root body .recent-grid-empty button{min-height:40px;margin-left:auto;white-space:nowrap}:root body .welcome-hero p{font-size:var(--font-size-md)}:root body .template-grid,:root body .recent-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}:root body .template-card{min-width:0;gap:12px;padding:12px}:root body .template-grid .template-preview,:root body .recent-grid .template-preview{height:128px}:root body .template-name-row,:root body .template-meta{min-width:0}:root body .template-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root body .template-meta{flex-wrap:wrap;row-gap:4px}}@media(max-width:760px)and (orientation:portrait){:root:not([data-mobile-preview-position=top]) body main>:is(aside,.source){top:0;height:calc(100% - var(--mobile-workspace-split, 50%))}:root[data-mobile-preview-position=top] body main>:is(aside,.source){top:calc(var(--mobile-workspace-split, 50%) + var(--mobile-dock-h));height:calc(100% - var(--mobile-workspace-split, 50%) - var(--mobile-dock-h))}:root[data-mobile-preview-position=top] body main>.workspace{top:0;height:var(--mobile-workspace-split, 50%)}:root[data-mobile-preview-collapsed=true] body main>:is(aside,.source){top:var(--mobile-dock-h);height:calc(100% - var(--mobile-dock-h))}:root[data-mobile-preview-collapsed=true] body .mobile-workspace-tabs{top:0}:root body main>:is(aside,.source){border-top:0;border-bottom:0;background:var(--material-panel)}:root body .mobile-workspace-tabs{height:var(--mobile-dock-h);justify-content:center;align-items:center;gap:0;padding:0;border:0}:root body .mobile-workspace-tabs button[data-mobile-pane]{position:relative;z-index:3;pointer-events:none;flex:1;min-width:0;height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:transparent;font-size:0}:root body .mobile-workspace-tabs button[data-mobile-pane]:after{content:"";position:absolute;inset:0;background:var(--line-strong);transition:background-color var(--duration-base) var(--ease-standard)}:root body .mobile-workspace-tabs button[data-mobile-pane].active{background:transparent}:root body .mobile-workspace-tabs button[data-mobile-pane].active:after{background:var(--accent)}:root body .mobile-split-handle{z-index:2;inset:calc(-1 * var(--space-sm)) 0 auto;width:auto;height:calc(var(--space-lg) + var(--mobile-dock-h));border-radius:0;transform:none}:root body .mobile-split-handle:before,:root body .mobile-split-handle .mobile-split-icon{display:none}:root body .mobile-split-handle.dragging,:root body .mobile-split-handle:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}:root:not([data-mobile-preview-collapsed=true]) body:not(:has(.canvas-wrap.empty)) main>.workspace{display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);border-top:0}:root[data-mobile-preview-collapsed=true] body main>.workspace{display:none}:root body main>.workspace>.workspace-status{display:none}:root body:not(:has(.canvas-wrap.empty)) .preview-toolbar{height:auto;min-height:0;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:6px max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-bottom:1px solid var(--line);background:var(--material-panel)}:root body .preview-toolbar-start,:root body .preview-toolbar-end{flex:none;display:flex;align-items:center;gap:6px;position:static}:root body .preview-toolbar::-webkit-scrollbar{display:none}:root body .preview-toolbar #device-control{width:auto;flex:1 1 auto;min-width:116px;position:static;transform:none}:root body .preview-toolbar #skin-state-control{flex:none}:root body .preview-toolbar #device-control select,:root body .preview-toolbar #device{width:100%;min-width:0;height:30px;padding:0 16px 0 0;font-size:var(--font-size-md)}:root body .preview-toolbar #device-control .device-control-icon{display:none}:root body .preview-toolbar #device-control,:root body .preview-toolbar #skin-state-control{height:32px;padding:0 8px}:root body .preview-toolbar #skin-state-control{align-items:center}:root body .preview-toolbar #skin-state-control .skin-state-value{left:var(--space-sm);right:var(--space-sm);line-height:30px}:root body .preview-toolbar .preview-choice{padding:2px;gap:2px}:root body .preview-toolbar .preview-choice>button,:root body .preview-toolbar .preview-tool-toggle{width:30px;min-width:30px;height:30px;padding:0}:root body .canvas-wrap{min-height:0;padding:8px}:root:not([data-mobile-preview-position=top]) body .canvas-wrap:not(.empty){padding-bottom:calc(var(--space-sm) + var(--safe-area-bottom))}:root:not([data-mobile-preview-position=top]) body .canvas-multi-toolbar{bottom:calc(var(--space-lg) + var(--space-2xs) + var(--safe-area-bottom))}}@media(max-width:760px)and (orientation:portrait){:root body .preview-toolbar #skin-state-control{width:58px;max-width:58px}:root body #files .sidebar-overview>.nav-group>.nav-section{display:none}:root body .sidebar-overview>.nav-group.mobile-overview-active>.nav-group-body{padding-top:6px}}@media(max-width:374px){:root body .titlebar .mode-control>.mobile-choice-toggle{width:36px;padding:0;justify-content:center}:root body .titlebar .mode-control>.mobile-choice-toggle .mode-toggle-icon{display:block}:root body .titlebar .mode-control>.mobile-choice-toggle .mode-toggle-icon svg{width:18px;height:18px;display:block}:root body .titlebar .mode-control>.mobile-choice-toggle .mobile-choice-label{display:none}:root body .titlebar .mobile-quick-actions .titlebar-icon-button{width:32px;min-width:32px}}@media(max-width:950px)and (max-height:600px)and (orientation:landscape){:root:not([data-mobile-preview-collapsed=true]) body:not(:has(.canvas-wrap.empty)) main>.workspace{grid-template-rows:auto minmax(0,1fr)}:root body main>.workspace>.workspace-status{display:none}:root body:not(:has(.canvas-wrap.empty)) .preview-toolbar{height:auto;min-height:0;display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:6px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}:root body .preview-toolbar::-webkit-scrollbar{display:none}:root body .preview-toolbar-start,:root body .preview-toolbar-end{flex:none;position:static;display:flex;align-items:center;gap:6px}:root body .preview-toolbar #device-control{flex:1 1 auto;width:auto;min-width:116px;position:static;transform:none}:root body .preview-toolbar #device-control .device-control-icon{display:none}:root body .preview-toolbar .preview-choice>button,:root body .preview-toolbar .preview-tool-toggle{width:28px;min-width:28px;height:28px;padding:0}:root body .preview-zoom-control{display:none}:root body .sidebar-view-control button{min-width:0;padding-inline:4px}:root body .sidebar-view-control button .system-symbol{display:none}:root body .canvas-wrap.empty .empty-state{overflow-y:auto}}@media(max-width:760px){:root body #new-project-dialog[open]{height:auto;max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden}:root body #new-project-form{flex:1 1 auto;height:auto;min-height:0;display:flex;flex-direction:column}:root body #new-project-form>header,:root body #new-project-form>footer{flex:none}:root body #new-project-form>fieldset{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}:root body #layout-image-dialog>form>footer{z-index:1;background:var(--material-panel)}:root body .project-dialog footer button,:root body .app-dialog footer button{min-height:40px}}.canvas-wrap.preview-pan-ready .device-shell{will-change:transform}.canvas-wrap[data-background=glass]{background:var(--content);-webkit-backdrop-filter:saturate(170%) blur(28px);backdrop-filter:saturate(170%) blur(28px)}.canvas-wrap[data-background=checkerboard]{background-color:var(--checker-light);background-image:var(--checker-image);background-position:0 0,calc(var(--checker-size) / 2) calc(var(--checker-size) / 2);background-size:var(--checker-size) var(--checker-size);--_canvas-text: #202124;--_canvas-secondary: #5f6368;--_canvas-tertiary: #74747b}.canvas-wrap[data-background=checkerboard-panel]{background:#f4f5f8;--_canvas-text: #202124;--_canvas-secondary: #5f6368;--_canvas-tertiary: #74747b}.canvas-wrap[data-background=checkerboard-soft]{background:var(--checker-soft-image),var(--checker-soft-light);background-size:var(--checker-soft-size) var(--checker-soft-size);--_canvas-text: #202124;--_canvas-secondary: #5f6368;--_canvas-tertiary: #74747b}.canvas-wrap[data-background=checkerboard-panel] .device-shell.canvas-only{background:var(--checker-soft-image),var(--checker-soft-light);background-size:var(--checker-soft-size) var(--checker-soft-size)}.canvas-wrap[data-background=light-gray]{background:#e6e7ea;--_canvas-text: #202124;--_canvas-secondary: #5f6368;--_canvas-tertiary: #74747b}.canvas-wrap[data-background=white]{background:#fff;--_canvas-text: #202124;--_canvas-secondary: #5f6368;--_canvas-tertiary: #74747b}.canvas-wrap[data-background=gray]{background:gray;--_canvas-text: #202124;--_canvas-secondary: #303236;--_canvas-tertiary: #45484d}.canvas-wrap[data-background=dark]{background:#242529;--_canvas-text: #f2f3f4;--_canvas-secondary: #a6a9ae;--_canvas-tertiary: #858991}.device-shell{place-self:center;height:min(calc(100vh - 145px),720px);max-height:720px;max-width:96%;aspect-ratio:1206 / 2622;padding:7px;border-radius:38px;background:#171719;box-shadow:0 18px 44px #00000038;--_phone-keyboard-glass: linear-gradient(180deg, rgb(255 255 255 / 34%), rgb(217 220 227 / 18%)), radial-gradient(120% 72% at 50% -18%, rgb(255 255 255 / 20%), transparent 64%), rgb(203 206 212 / 72%);--_phone-keyboard-border: rgb(255 255 255 / 68%);--_phone-keyboard-shadow: inset 0 1px rgb(255 255 255 / 48%), 0 -10px 28px rgb(82 103 135 / 10%);transition:aspect-ratio .18s ease}.canvas-wrap[data-background=white] .preview-coordinate-label,.canvas-wrap[data-background=gray] .preview-coordinate-label,.canvas-wrap[data-background=checkerboard] .preview-coordinate-label,.canvas-wrap[data-background=checkerboard-soft] .preview-coordinate-label,.canvas-wrap[data-background=checkerboard-panel] .preview-coordinate-label,.canvas-wrap[data-background=light-gray] .preview-coordinate-label{border-color:#20212438;background:#ffffffe0;color:#202124;box-shadow:0 8px 20px #2021242e,inset 0 1px #fffc;-webkit-backdrop-filter:none;backdrop-filter:none}.device-shell[data-family=android]{border-radius:34px;background:#222326}.device-shell[data-family=iphone]{position:relative;padding:0;overflow:hidden;border-radius:var(--device-body-radius, 38px);corner-shape:squircle}.device-shell[data-family=iphone] .device-screen{position:absolute;inset:var(--device-screen-inset-y) var(--device-screen-inset-x);height:auto;border-radius:var(--device-screen-radius, 32px);corner-shape:squircle;background:#fff}.device-shell[data-orientation=land]{width:min(96%,900px);height:auto}.device-screen{height:100%;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden;container-type:inline-size;border-radius:32px;background:radial-gradient(ellipse 45% 36% at 8% 100%,rgb(102 181 238 / 24%),transparent 100%),radial-gradient(circle at 52% 56%,rgb(235 172 136 / 24%),transparent 52%),radial-gradient(ellipse 45% 36% at 92% 100%,rgb(117 203 145 / 30%),transparent 100%),radial-gradient(circle at 48% 94%,rgb(155 174 231 / 18%),transparent 46%),#f5f5f7}.device-shell[data-family=android] .device-screen{border-radius:28px}.device-reference-background{display:none}.device-shell[data-family=iphone][data-orientation=port][data-theme=light]:not(.canvas-only) .device-screen{background:#fff}.device-shell[data-reference-frame=true]{border-radius:14%/6.44%;corner-shape:round}.device-shell[data-reference-frame=true] .device-screen{inset:0;border-radius:14%/6.44%;corner-shape:round}.device-shell[data-reference-frame=true]:after{position:absolute;z-index:5;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 4px #171719;content:"";pointer-events:none}.device-shell[data-reference-frame=true] .device-screen:before{width:30.5%;height:3.65%;top:1.89%;border-radius:999px}.device-shell[data-reference-frame=true]:not(.canvas-only) .device-reference-background{position:absolute;z-index:0;inset:0;display:block;background:center / 100% 100% no-repeat;pointer-events:none}.device-shell[data-reference-frame=true][data-theme=light]{--_phone-keyboard-glass: linear-gradient(180deg, rgb(255 255 255 / 34%), rgb(217 220 227 / 18%)), radial-gradient(120% 72% at 50% -18%, rgb(255 255 255 / 20%), transparent 64%), rgb(203 206 212 / 72%)}.device-shell[data-reference-frame=true][data-theme=light] .device-reference-background{background-image:radial-gradient(ellipse 45% 36% at 8% 100%,rgb(102 181 238 / 24%),transparent 100%),radial-gradient(circle at 52% 56%,rgb(235 172 136 / 24%),transparent 52%),radial-gradient(ellipse 45% 36% at 92% 100%,rgb(117 203 145 / 30%),transparent 100%),radial-gradient(circle at 48% 94%,rgb(155 174 231 / 18%),transparent 46%),url(../iphone-notes-reference-blank.webp)}.device-shell[data-reference-frame=true][data-theme=dark]{--_phone-keyboard-glass: linear-gradient(180deg, rgb(54 58 66 / 9%), rgb(6 8 10 / 16%)), rgb(13 15 18 / 62%);--_phone-keyboard-border: rgb(255 255 255 / 18%);--_phone-keyboard-shadow: none}.device-shell[data-reference-frame=true][data-theme=dark] .device-reference-background{background-image:radial-gradient(ellipse 64% 54% at 2% 94%,rgb(38 91 161 / 34%),transparent 78%),radial-gradient(ellipse 80% 72% at 51% 61%,rgb(131 61 32 / 32%),transparent 79%),radial-gradient(ellipse 64% 54% at 98% 94%,rgb(34 104 61 / 36%),transparent 78%),url(../iphone-notes-reference-dark-blank.webp)}.device-shell[data-reference-frame=true]:not(.canvas-only) .device-status,.device-shell[data-reference-frame=true]:not(.canvas-only) .phone-navigation,.device-shell[data-reference-frame=true]:not(.canvas-only) .simulation,.device-shell[data-reference-frame=true]:not(.canvas-only) .phone-editing-toolbar{display:none}.device-shell[data-reference-frame=true]:not(.canvas-only) .keyboard-dock{position:relative;z-index:1;margin-top:auto;overflow:visible;isolation:isolate;border-radius:6.65% 6.65% 0 0;border-top:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.device-shell[data-reference-frame=true]:not(.canvas-only) .keyboard-dock:after{position:absolute;inset:0;border-radius:inherit;box-sizing:border-box;content:"";pointer-events:none}.device-shell[data-reference-frame=true]:not(.canvas-only) .keyboard-dock:after{z-index:-1;border:1px solid rgb(255 255 255 / 34%);border-bottom:0;background:var(--_phone-keyboard-glass);box-shadow:none;-webkit-backdrop-filter:saturate(118%) blur(34px);backdrop-filter:saturate(118%) blur(34px)}.device-shell[data-reference-frame=true]:not(.canvas-only) .keyboard-accessories{visibility:visible;background:transparent}.device-screen:before{width:var(--device-island-width, 74px);height:var(--device-island-height, 19px);position:absolute;z-index:3;top:var(--device-island-offset, 8px);left:50%;border-radius:12px;background:#09090a;content:"";transform:translate(-50%)}.device-shell[data-family=iphone][data-orientation=land] .device-screen:before{top:50%;left:var(--device-island-offset);transform:translateY(-50%)}.device-shell[data-family=android] .device-screen:before{width:10px;height:10px;top:10px;border-radius:50%}.device-status{height:41px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:14px 25px 0;color:#151517;font-size:12px;font-weight:650}.device-status-time{display:flex;align-items:center;gap:4px}.device-status-time .system-symbol{width:13px;height:13px}.device-status-icons{display:flex;align-items:center;gap:4px;font-size:12px}.device-status-icons .system-symbol:last-child{width:1.25em}.phone-navigation{height:45px;flex:none;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:7px;padding:3px 17px;color:#111;font-size:11px}.phone-nav-round,.phone-nav-done{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgb(0 0 0 / 9%);border-radius:50%;background:#fff;font-size:20px;line-height:1}.phone-nav-actions{height:32px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 11px;border:1px solid rgb(0 0 0 / 9%);border-radius:17px;background:#fff;white-space:nowrap}.phone-nav-done{color:#fff;background:#ebb900;font-size:15px}.phone-nav-round .system-symbol,.phone-nav-done .system-symbol{font-size:18px}.phone-nav-actions .system-symbol{font-size:15px}.phone-nav-actions .system-symbol:first-child{opacity:.35}.simulation{min-height:0;flex:1;display:flex;flex-direction:column;gap:7px;padding:10px 25px 12px;color:#1d1d1f}.simulation-heading{display:flex;align-items:center;justify-content:space-between;color:#99999f;font-size:10px}.simulation-heading button{padding:2px 5px;border-radius:5px;color:#737378;background:#0000000d;font-size:9px}#simulated-output{width:100%;min-height:56px;flex:1;resize:none;padding:8px 0;border:0;border-radius:0;outline:none;background:transparent;font-size:14px;line-height:1.45;user-select:text}#simulated-output::placeholder{color:#a1a1a7}.device-shell[data-family=iphone] #simulated-output::placeholder{color:transparent}.device-shell[data-family=iphone] .simulation-heading{visibility:hidden}.phone-editing-toolbar{height:34px;flex:none;display:flex;align-items:center;justify-content:space-around;margin:0 7px 8px;padding:0 10px;border:1px solid rgb(0 0 0 / 10%);border-radius:999px;color:#111;background:#ffffffeb;box-shadow:0 6px 16px #00000014}.phone-editing-toolbar strong{font-size:11px}.phone-editing-toolbar .system-symbol{width:17px;height:17px}.device-shell[data-mode=edit] #candidate-area.candidate-selected:after{content:"";position:absolute;inset:0;z-index:3;box-shadow:inset 0 0 0 3px var(--accent);pointer-events:none}.device-shell[data-input-bar=keyboard] #candidate-input-box{width:100%;justify-content:flex-start;padding-inline:calc(var(--candidate-left-padding, 0cqw) + var(--candidate-first-gap, 0cqw) + var(--candidate-cell-inset, 0cqw)) 0}.device-shell[data-input-bar=keyboard]:not(.canvas-only) #candidate-input{position:relative;inset:auto;grid-row:2;height:100%}.device-shell[data-input-bar=keyboard]:not(.canvas-only) #candidate-background{grid-row:2 / 4}.keyboard-accessories{display:flex;align-items:center;justify-content:space-between;padding:0 21px 7px;color:#111;background:transparent}.device-shell[data-accessories=hidden] .keyboard-accessories{display:none}.device-shell[data-theme=dark] .device-screen{--_phone-keyboard-glass: linear-gradient(180deg, rgb(54 58 66 / 9%), rgb(6 8 10 / 16%)), rgb(13 15 18 / 62%);--_phone-keyboard-border: rgb(255 255 255 / 18%);--_phone-keyboard-shadow: none;background:radial-gradient(ellipse 64% 54% at 2% 94%,rgb(38 91 161 / 34%),transparent 78%),radial-gradient(ellipse 80% 72% at 51% 61%,rgb(131 61 32 / 32%),transparent 79%),radial-gradient(ellipse 64% 54% at 98% 94%,rgb(34 104 61 / 36%),transparent 78%),#2c2c30}.device-shell[data-theme=dark] .device-status,.device-shell[data-theme=dark] .phone-navigation,.device-shell[data-theme=dark] .simulation,.device-shell[data-theme=dark] #simulated-output,.device-shell[data-theme=dark] .phone-editing-toolbar,.device-shell[data-theme=dark] .keyboard-accessories{color:#f5f5f7}.device-shell[data-theme=dark] .phone-nav-round,.device-shell[data-theme=dark] .phone-nav-actions{border-color:#ffffff1f;color:#f5f5f7;background:#252527}.device-shell[data-theme=dark] .phone-editing-toolbar{border-color:#ffffff1f;background:#252527eb}.device-shell[data-theme=dark] .phone-nav-done{color:#fff;background:#d8aa00}.device-shell[data-theme=dark] .simulation-heading{color:#98989f}.device-shell[data-theme=dark] .simulation-heading button{color:#c3c3c8;background:#ffffff14}.device-shell[data-theme=dark] #simulated-output::placeholder{color:#6f6f76}.device-shell[data-theme=dark] .keyboard-dock,.device-shell[data-theme=dark] .keyboard-accessories{background:var(--_phone-keyboard-glass)}.device-shell[data-theme=dark] .keyboard-dock{-webkit-backdrop-filter:saturate(118%) blur(34px);backdrop-filter:saturate(118%) blur(34px)}.device-shell[data-theme=dark] .keyboard-accessory-icon{filter:none}.device-shell[data-theme=dark] canvas{background:transparent}.device-shell[data-orientation=land] .device-status{display:none}.device-shell[data-orientation=land] .phone-navigation{width:45%;margin-left:auto;padding-right:4%}.device-shell[data-orientation=land] .phone-editing-toolbar{display:none}.device-shell[data-orientation=land] .simulation{position:static;width:auto;max-height:none;flex:none;height:68px;padding:8px 16px 6px}.device-shell[data-orientation=land] .keyboard-dock{width:100%;flex:1 1 0;min-height:0;height:auto;margin:0;border-radius:22px 22px 0 0}.device-shell.canvas-only{width:var(--canvas-fit-width, var(--canvas-width, 1080px));max-width:none;transition:none;height:auto;aspect-ratio:auto;padding:0;border-radius:0;background:transparent;box-shadow:none}.device-shell.canvas-only .device-screen{height:auto;display:block;overflow:visible;border-radius:0;background:transparent}.device-shell.canvas-only .device-screen:before,.device-shell.canvas-only .device-status,.device-shell.canvas-only .phone-navigation,.device-shell.canvas-only .simulation,.device-shell.canvas-only .phone-editing-toolbar,.device-shell.canvas-only .keyboard-accessories{display:none}.device-shell.canvas-only .keyboard-dock{display:grid;grid-template-rows:auto auto;width:100%;height:auto;margin:0;overflow:visible;border-radius:0;border-top:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.device-shell.canvas-only #candidate-area{height:auto;grid-template-rows:0px 0px minmax(0,var(--toolbar-viewport-height, 0px));overflow:visible}.device-shell.canvas-only #candidate-area{height:var(--candidate-viewport-height, auto)}.device-shell.canvas-only #preview{width:100%;max-height:none;transform:none}.device-shell.canvas-only #panel-viewport{width:100%;height:var(--panel-viewport-height, auto);overflow:hidden}.keyboard-dock .keyboard-accessories{grid-row:3}.device-shell:not(.canvas-only)[data-mode=edit] #candidate-area{cursor:pointer}.device-shell.canvas-only #toolbar-preview{width:100%;height:var(--toolbar-viewport-height, 0px)}.canvas-wrap.empty .device-shell{opacity:0;box-shadow:none}@media(max-width:1060px){#device-control{position:absolute;left:50%;transform:translate(-50%)}}:root[data-app-theme=dark][data-dark-canvas-soften=true] .canvas-wrap[data-background=dark]{background-color:#303238}.template-card[data-template=default-android]{--_tone-bg: #1B1E23;--_tone-key: #2E333C;--_tone-cand: #2E333C}.template-card[data-template=official-android-bds]{--_tone-bg: #EDEFF3;--_tone-key: #FFFFFF;--_tone-cand: #FFFFFF}.template-card[data-template=xiaomi-unified-rounded-blur]{--_tone-bg: #F3F4F7;--_tone-key: #FFFFFF;--_tone-cand: #FFFFFF}.template-card[data-template=oppo-dual-color]{--_tone-bg: #E9EFFE;--_tone-key: #3A6DF0;--_tone-cand: #3A6DF0}.template-card[data-template=iqoo-rounded-black]{--_tone-bg: #14161A;--_tone-key: #26292F;--_tone-cand: #26292F}.template-card[data-template=huawei-swipe-symbols-1080]{--_tone-bg: #F0F1F4;--_tone-key: #FFFFFF;--_tone-cand: #FFFFFF}.template-card[data-template=oppo-swipe-down]{--_tone-bg: #F3F4F7;--_tone-key: #FFFFFF;--_tone-cand: #FFFFFF}.template-card[data-template=palm-harmony]{--_tone-bg: #D0D3D9;--_tone-key: #FFFFFF;--_tone-cand: #FFFFFF}.device-shell{transition:background-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard)}#device-control{gap:6px;min-height:30px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-md);background:var(--material-content)}.source{--_gutter: var(--space-lg);--_label: 80px;--_rail: 56px;display:flex;flex-direction:column;min-height:0;overflow:hidden;color:var(--text);font-size:var(--font-size-sm)}.source>.pane-heading{flex:none;display:block;height:auto;min-height:0;padding:calc(var(--space-sm) - 1px / 2) var(--_gutter) 0;border:0;background:none}.source :is(.inspector-context,.ai-design-heading){display:none}.source .inspector-view-controls{display:grid;gap:var(--space-md)}.source .inspector-tabs[hidden]{display:none}.source:has(#quick-inspector[hidden])>.pane-heading{padding-bottom:calc(var(--space-sm) - 1px / 2);border-bottom:1px solid var(--line)}.source .key-inspector-title{display:flex;align-items:center;gap:var(--space-sm);min-width:0;margin:0 calc(-1 * var(--_gutter));padding:0 var(--space-sm) var(--space-md) var(--_gutter)}.source:has(#quick-inspector[hidden]) .key-inspector-title{display:none}.source .key-inspector-preview{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.source .key-inspector-preview[hidden]{display:none}.source .key-inspector-copy{display:grid;flex:1;min-width:0}.source #selected-key{overflow:hidden;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.source #selected-key-context{overflow:hidden;color:var(--tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.source .inspector-object-actions{display:flex;flex:none;align-items:center;gap:var(--space-2xs)}.source .inspector-object-actions:not(:has(>:enabled)){display:none}.source #quick-inspector{position:relative;flex:1;min-height:0;overflow:auto;padding-right:var(--_rail);overscroll-behavior:contain;scrollbar-width:none}.source #quick-inspector::-webkit-scrollbar{display:none}.source #quick-inspector[hidden]{display:none}.source .inspector-rail{position:sticky;top:0;z-index:1;float:right;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:var(--_rail);height:100%;margin-right:calc(-1 * var(--_rail));padding:var(--space-sm) var(--space-xs);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;border-left:1px solid var(--line-soft)}.source .inspector-rail::-webkit-scrollbar{display:none}.source .inspector-rail>.inspector-filter-open{flex:none;width:100%}.source #mobile-inspector-groups{flex:none;display:grid;gap:var(--space-sm);width:100%;padding-top:var(--space-sm);border-top:1px solid var(--line-soft)}.source #mobile-inspector-groups[hidden]{display:none}.source :is(#mobile-inspector-groups>button,.inspector-reset){display:grid;justify-items:center;gap:var(--space-2xs);width:100%;padding:var(--space-xs) 0;border:0;border-radius:var(--radius-md);background:none;color:var(--secondary);font:inherit;font-size:var(--font-size-xs);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.source .inspector-group-label{max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;word-break:keep-all}.source :is(#mobile-inspector-groups>button,.inspector-reset):focus-visible{outline:0;box-shadow:var(--focus-ring)}@media(hover:hover){.source :is(#mobile-inspector-groups>button,.inspector-reset):hover{background:var(--hover);color:var(--text)}}.source :is(#mobile-inspector-groups>button,.inspector-reset):active{background:color-mix(in srgb,var(--text) 10%,transparent)}.source #mobile-inspector-groups>button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:var(--font-weight-medium)}.source .inspector-reset{flex:none;margin-top:auto}.source :is(#mobile-inspector-groups>button,.inspector-reset)[hidden]{display:none}.source .inspector-changes{padding:0 var(--space-xs);border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-weight:var(--font-weight-medium);white-space:nowrap}.source .inspector-filter{position:sticky;top:0;z-index:1;display:none;margin:var(--space-sm) var(--_gutter);padding-right:0;background:linear-gradient(var(--material-content),var(--material-content)),var(--inspector)}.source #quick-inspector[data-filter-open] .inspector-filter{display:flex}.source .inspector-filter>input{font-size:var(--font-size-xs)}.source .inspector-filter>.ui-icon-button{flex:none}.source .inspector-filter-empty{margin:0;padding:var(--space-2xl) var(--_gutter);color:var(--tertiary);font-size:var(--font-size-xs);text-align:center}.source .inspector-filter-empty[hidden],.source #quick-inspector[data-filtering] [data-filter-miss]{display:none}.source #quick-inspector[data-filtering] :is(.inspector-note,.inspector-group-subtitle,.bda-advanced-note){display:none}.source :is(.inspector-group,.document-property-section,.bda-inspector-section){display:grid;gap:var(--space-sm);margin:0;padding:var(--space-md) var(--_gutter) var(--space-lg);border:0;border-radius:0;background:none;box-shadow:none}.source :is(.inspector-group,.document-property-section,.bda-inspector-section)[hidden]{display:none}.source :is(.document-fields,.bda-config-fields){display:block;padding:0;border:0}.source :is(.document-fields,.bda-config-fields)[hidden]{display:none}.source :is(.inspector-group,.document-property-section,.bda-inspector-section)>h3{display:flex;align-items:center;gap:var(--space-xs);min-height:var(--control-height-md);margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:default;user-select:none}.source h3 small,.source .document-section-code{margin-left:auto;color:var(--tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.source .inspector-gesture-count{font-family:var(--font-ui)}.source h3>.ui-segmented{margin-left:auto;font-weight:var(--font-weight-regular)}.source h3>.ui-segmented[hidden]{display:none}.source .inspector-group-subtitle{margin:0;color:var(--tertiary);font-size:var(--font-size-xs)}.source :is(.typography-heading-override,.typography-subtitle-override){display:none}.source .inspector-grid,.source .appearance-typography-fields,.source .appearance-property-grid,.source #primary-css-fields,.source .document-property-grid,.source .color-pair-field{display:grid;gap:var(--space-sm)}.source :is(.inspector-grid,.document-property-grid)>[hidden],.source .color-pair-field[hidden]{display:none}.source :is(.ui-field,.document-property-field,.bda-text-field,.bda-readonly-field,.bda-range-field,.bda-color-field){--_label-width: var(--_label);position:relative}.source :is(.document-property-field,.bda-text-field,.bda-readonly-field,.bda-range-field,.bda-color-field){display:grid;grid-template-columns:var(--_label) minmax(0,1fr);align-items:center;gap:var(--space-sm);min-height:var(--control-height-md);color:var(--secondary)}.source :is(.ui-field,.document-property-field)[hidden]{display:none}.source .ui-field>span:first-child,.source .document-field-caption{overflow:hidden;color:var(--secondary);text-overflow:ellipsis;white-space:nowrap}.source .document-field-caption{display:grid}.source .ui-field-note,.source .inspector-note{margin:0;color:var(--tertiary);font-size:var(--font-size-xs)}.source .ui-field-pair>.ui-input>input{height:100%}.source .ui-field[data-stack]{grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.source .color-control[data-mixed]>input[type=color]{opacity:0}.source .style-field{display:block;min-width:0}.source .inspector-modified{position:absolute;top:50%;left:calc(-1 * var(--_gutter));display:grid;place-items:center;width:var(--_gutter);height:var(--_gutter);margin-top:calc(-.5 * var(--_gutter))}.source .inspector-modified[hidden]{display:none}.source .inspector-modified:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.source h3[data-modified]:after{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--accent)}.source [data-scrub]{cursor:ew-resize;touch-action:pan-y}.source #quick-inspector[data-readonly=true] [data-scrub]{cursor:default}@media(hover:hover){.source .ui-input>[data-scrub]:hover{color:var(--text)}}.source [data-scrub][data-scrubbing]{color:var(--accent)}.source .particle-range-inputs{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;gap:var(--space-xs)}.source .document-switch-control{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}.source .color-control{padding-left:var(--space-xs)}.source .color-control>input:not([type]),.source .color-control>input[data-style-field]{flex:1;font-family:var(--font-mono);font-size:var(--font-size-xs)}.source .color-control>input[type=number]{flex:none;width:44px;text-align:right}.source .bda-color-controls{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.source :is(.ui-field,.document-property-field,.fore-style-reference-field).style-reference-field{grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.source :is(.ui-field,.document-property-field,.fore-style-reference-field).style-reference-field>:first-child{display:flex;align-items:center;color:var(--tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.source .style-reference-add{display:inline-flex;align-items:center;gap:var(--space-2xs);margin-left:auto;padding:0;border:0;background:none;color:var(--accent);font:inherit}.source .style-reference-add:focus-visible{outline:0;border-radius:var(--radius-sm);box-shadow:var(--focus-ring)}.source #quick-inspector[data-readonly=true] .style-reference-add{display:none}.source .style-reference-input{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.source .style-reference-input>input:not(.style-reference-number):not(.sound-style-value){display:none}.source .style-picker-trigger{display:grid;flex:1;gap:var(--space-xs);min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit}.source :is(.style-reference-row,.bda-style-reference-input){display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:88px;overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--material-content)}.source .bda-style-reference-input>.style-picker-trigger{height:100%}.source .style-reference-meta{display:grid;place-content:center;justify-items:center;gap:var(--space-sm);min-width:0;padding:0 var(--space-xs);background:var(--content)}.source .style-reference-meta>input{width:100%;height:auto;padding:0;border-color:transparent;background:none;color:var(--text);font-family:var(--font-ui);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:center}.source .style-reference-meta>input:focus{border-color:transparent;background:none;box-shadow:none}.source .style-reference-meta>input.style-reference-name{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-overflow:ellipsis}.source .style-reference-meta>.style-kind-badge{padding:0;background:none;box-shadow:none;color:var(--tertiary)}.source .style-picker-states{display:grid;flex:1;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:var(--space-2xs);height:100%;min-width:0;background:var(--line-soft)}.source .style-picker-state{display:grid;grid-template-rows:var(--control-height-sm) minmax(0,1fr);height:100%;padding:var(--space-xs);overflow:hidden;border:0;border-radius:0;background:var(--checker-image),var(--checker-light);background-position:0 0,4px 4px;background-size:8px 8px}.source .style-picker-state:before{content:attr(data-state-label);display:grid;place-items:center;color:var(--tertiary);font-size:var(--font-size-xs)}.source .style-picker-state>canvas{display:block;width:100%;height:100%;object-fit:contain}@media(hover:hover){.source .style-picker-state:hover{box-shadow:inset 0 0 0 2px var(--accent)}}.source :is(.style-kind-badge,.sound-style-badge,.bda-inspector-context-badge){flex:none;padding:0 var(--space-xs);border-radius:var(--radius-sm);background:var(--material-content);color:var(--secondary);font-size:var(--font-size-xs);line-height:18px}.source .sound-style-reference{gap:var(--space-2xs);padding:var(--space-2xs);border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--material-content)}.source .sound-style-main{display:flex;flex:1;align-items:center;gap:var(--space-sm);min-width:0;padding:var(--space-xs);border-radius:var(--radius-md);color:var(--secondary);transition:background-color var(--duration-fast) var(--ease-standard)}.source .sound-style-main:not(.has-sound){justify-content:center;gap:var(--space-xs);color:var(--tertiary)}.source .sound-style-main:not(.has-sound)>.sound-style-icon{width:auto;height:auto;background:none}.source .sound-style-main:not(.has-sound)>.sound-style-main-meta{flex:none}@media(hover:hover){.source .sound-style-main:hover{background:var(--hover)}}.source .sound-style-main:active{background:color-mix(in srgb,var(--text) 10%,transparent)}.source .sound-style-main:focus-visible{outline:0;box-shadow:var(--focus-ring)}.source #quick-inspector[data-readonly=true] .sound-style-main:not(.has-sound){pointer-events:none}.source .sound-style-icon{display:grid;place-items:center;flex:none;width:var(--control-height-md);height:var(--control-height-md);border-radius:var(--radius-sm);background:var(--content)}.source .sound-style-main-meta{display:grid;flex:1;min-width:0}.source :is(.sound-style-name,.sound-style-file){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source .sound-style-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.source .has-sound .sound-style-name{color:var(--text);font-family:var(--font-mono)}.source .sound-style-file{color:var(--tertiary);font-size:var(--font-size-xs)}.source .sound-style-file:empty{display:none}.source .sound-style-value{display:none}.source .sound-style-trigger{display:grid;place-items:center;flex:none;align-self:center;width:var(--control-height-md);height:var(--control-height-md);padding:0;border:0;border-radius:var(--radius-md);background:none;color:var(--secondary)}@media(hover:hover){.source .sound-style-trigger:hover:not(:disabled){background:var(--hover);color:var(--text)}}.source .sound-style-trigger[hidden],.source #font-file-field[hidden]{display:none}.source .font-file-controls{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.source .font-file-controls .ui-select{flex:1;min-width:0}.source .inspector-tools{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.source .inspector-gestures{display:grid;grid-template-areas:". up ." "left center right" ". down ." "hold hold hold";grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}.source .inspector-gesture[data-gesture=UP]{grid-area:up}.source .inspector-gesture[data-gesture=LEFT]{grid-area:left}.source .inspector-gesture[data-gesture=CENTER]{grid-area:center}.source .inspector-gesture[data-gesture=RIGHT]{grid-area:right}.source .inspector-gesture[data-gesture=DOWN]{grid-area:down}.source .inspector-gesture[data-gesture=HOLD]{grid-area:hold}.source .inspector-gesture{position:relative;display:grid;justify-items:center;align-content:center;gap:var(--space-2xs);min-width:0;min-height:64px;padding:var(--space-sm) var(--space-xs);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--secondary);font-size:var(--font-size-xs);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.source .inspector-gesture.configured{border-color:transparent;background:var(--material-content)}.source .inspector-gesture>span{display:inline-flex;align-items:center;gap:var(--space-xs)}.source .inspector-gesture>input{order:-1;width:100%;height:var(--control-height-sm);padding:0;border:0;background:none;color:var(--text);font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-align:center;outline:0}.source .inspector-gesture>input:is(:focus,:disabled){border-color:transparent;background:none;box-shadow:none}.source .inspector-gesture>input::-webkit-list-button{appearance:none;width:0;margin:0;padding:0}.source .inspector-gesture>input::placeholder{color:var(--tertiary);font-weight:var(--font-weight-regular)}.source .inspector-gesture>small{max-width:100%;overflow:hidden;color:var(--tertiary);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.source .inspector-gesture>small:empty{display:none}@media(hover:hover){.source .inspector-gesture:has(input:enabled):where(:not(:focus-within)):hover{border-color:var(--line-strong);background:var(--hover)}}.source .inspector-gesture:has(input:enabled):where(:not(:focus-within)):active{background:color-mix(in srgb,var(--text) 10%,transparent)}.source .inspector-gesture:focus-within{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.source .inspector-gesture:has(input:focus-visible){box-shadow:var(--focus-ring)}.source .inspector-gesture>.inspector-modified{top:var(--space-2xs);left:var(--space-2xs);margin-top:0}.source .inspector-gesture[data-gesture=HOLD]{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--space-2xl);margin-top:var(--space-xs);padding:var(--space-xs) var(--space-md)}.source .inspector-gesture[data-gesture=HOLD]>span{flex:none;font-size:var(--font-size-sm)}.source .inspector-gesture[data-gesture=HOLD]>input{order:0;flex:1;width:0;font-size:var(--font-size-sm);text-align:right}.source .inspector-gesture[data-gesture=HOLD]>input::placeholder{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.source .inspector-gesture[data-gesture=HOLD]:not(.configured):after{content:"+";font-size:var(--font-size-md)}.source .inspector-gesture[data-gesture=HOLD]>small{max-width:45%}.source .bda-selected-style-heading{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--_gutter) 0}.source .bda-selected-style-heading[hidden]{display:none}.source .bda-selected-style-heading>h3{flex:1;margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.source :is(.bda-style-card,.bda-metadata-card,.bda-key-style-block){display:grid;gap:var(--space-sm);margin:0;padding:var(--space-sm) 0 0;border:0;border-radius:0;background:none;box-shadow:none}.source .bda-style-card+.bda-style-card{border-top:1px solid var(--line-soft);padding-top:var(--space-md)}.source .bda-card-heading{display:flex;align-items:center;gap:var(--space-sm);color:var(--text);font-weight:var(--font-weight-medium)}.source :is(.bda-style-controls,.bda-fore-styles-grid,.bda-sound-list,.bda-panel-list){display:grid;gap:var(--space-sm);min-width:0}.source :is(.bda-editor-empty,.bda-advanced-note,.bda-editor-summary){margin:0;color:var(--tertiary);font-size:var(--font-size-xs)}.source .bda-inspector-context{display:flex;align-items:center;gap:var(--space-sm);color:var(--secondary)}.source .bda-style-preview{min-height:48px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--checker-image),var(--checker-light);background-position:0 0,4px 4px;background-size:8px 8px}.source .bda-style-resource-name{overflow:hidden;color:var(--tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.source .bda-boolean-field{grid-template-columns:minmax(0,1fr) auto}.source .particle-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);color:var(--tertiary);font-size:var(--font-size-xs)}.source .particle-preview-toolbar>button{height:var(--control-height-sm);padding:0 var(--space-sm);border:0;border-radius:var(--radius-md);background:var(--material-content);color:var(--text);font:inherit;font-size:var(--font-size-xs)}.source .particle-property-group{display:grid;gap:var(--space-sm);margin:0;padding:0;border:0}.source .particle-property-group>legend,.source .particle-advanced-properties>h4{margin:0 0 var(--space-xs);padding:0;color:var(--tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.source .particle-advanced-properties{display:grid;gap:var(--space-sm)}.source .particle-slider-input{display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:var(--space-sm)}.source .particle-image-previews{display:flex;flex-wrap:wrap;grid-column:2;gap:var(--space-xs)}.source .particle-image-preview{display:grid;justify-items:center;gap:var(--space-2xs);color:var(--tertiary);font-size:var(--font-size-xs)}.source .particle-image-preview>canvas{width:40px;height:40px;border:1px solid var(--line);border-radius:var(--radius-sm)}.source #resource-inspector{display:flex;flex:1;flex-direction:column;min-height:0}.source #resource-inspector[hidden],.source #resource-list-view[hidden],.source #resource-detail[hidden]{display:none}.source :is(#resource-list-view,#resource-detail){display:flex;flex:1;flex-direction:column;min-height:0}.source #resource-list-view>.inspector-title{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:0 var(--_gutter) var(--space-sm);border-bottom:1px solid var(--line)}.source #resource-list-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);white-space:nowrap}.source #resource-count{color:var(--tertiary);font-size:var(--font-size-xs);white-space:nowrap}.source #resource-list-view .resource-filters{grid-column:1 / 3}.source .resource-gallery{display:grid;flex:1;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));align-content:start;gap:var(--space-sm);min-height:0;overflow:auto;padding:var(--space-md) var(--_gutter)}.source :is(.resource-item,.style-resource-item,.sound-resource-item){display:grid;align-content:start;gap:var(--space-xs);min-width:0;padding:var(--space-xs);border:1px solid transparent;border-radius:var(--radius-md);background:none;color:var(--text);font:inherit;font-size:var(--font-size-xs);text-align:left}.source :is(.resource-item,.style-resource-item,.sound-resource-item) :is(img,canvas){width:100%;aspect-ratio:1;object-fit:contain;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--checker-image),var(--checker-light);background-position:0 0,4px 4px;background-size:8px 8px}.source :is(.resource-item,.style-resource-item,.sound-resource-item) :is(span,small,strong){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.source :is(.resource-item,.style-resource-item,.sound-resource-item):hover{background:var(--hover)}}.source :is(.resource-item,.style-resource-item,.sound-resource-item).selected{border-color:var(--accent);background:var(--accent-soft)}.source .resource-style-previews{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xs)}.source .resource-gallery:has(>.style-resource-item){grid-template-columns:repeat(auto-fill,minmax(144px,1fr))}.source .style-resource-name{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.source .style-resource-name>.style-kind-badge{padding:0;background:none;box-shadow:none;overflow:visible}.source .sound-resource-icon{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--radius-sm);background:var(--material-content);color:var(--tertiary)}.source .resource-detail-heading{display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm) var(--space-md);border-bottom:1px solid var(--line)}.source .resource-detail-heading>div{display:grid;min-width:0}.source #resource-name{overflow:hidden;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.source #resource-meta{color:var(--tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs)}.source :is(#image-resource-detail,#style-resource-detail){display:grid;flex:1;align-content:start;min-height:0;overflow:auto}.source :is(#image-resource-detail,#style-resource-detail)[hidden]{display:none}.source .tile-toolbar{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-sm) var(--_gutter);border-bottom:1px solid var(--line-soft)}.source .tile-mode-control{display:flex;gap:var(--space-2xs);margin-right:auto}.source .tile-heading{display:flex;align-items:center;gap:var(--space-sm)}.source .tile-heading>h3,.source #tile-inner-title{flex:1;margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.source #tile-preview-wrap{display:grid;place-items:center;padding:var(--space-sm);border-radius:var(--radius-md);background:var(--checker-image),var(--checker-light);background-position:0 0,6px 6px;background-size:12px 12px}.source #tile-preview-wrap[hidden]{display:none}.source #tile-preview{max-width:100%;height:auto}.source :is(#tile-source-fields,#tile-inspector .geometry-fields){grid-template-columns:1fr 1fr}.source :is(#tile-inspector,#style-detail-fields) label,.source .style-detail-field{display:grid;gap:var(--space-2xs);color:var(--secondary);font-size:var(--font-size-xs)}.source .style-detail-previews{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);padding:var(--space-md) var(--_gutter) 0}.source .style-detail-previews>button{padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--checker-image),var(--checker-light);background-position:0 0,6px 6px;background-size:12px 12px}.source .style-detail-previews canvas{display:block;width:100%;height:auto}.source #style-detail-fields{padding:var(--space-md) var(--_gutter)}.source :is(.style-detail-group,.style-detail-group-fields){display:grid;gap:var(--space-sm)}.source .style-detail-field-row{display:grid}.source .style-detail-key-raw{color:var(--tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs)}.source .style-detail-sound-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--material-content)}.source :is(.resource-actions,.tile-toolbar,.resource-detail-heading) .toolbar-button{display:grid;place-items:center;width:var(--control-height-md);height:var(--control-height-md);padding:0;border:0;border-radius:var(--radius-md);background:none;color:var(--secondary)}@media(hover:hover){.source :is(.resource-actions,.tile-toolbar,.resource-detail-heading) .toolbar-button:hover:not(:disabled){background:var(--hover);color:var(--text)}}.source :is(.resource-actions,.tile-toolbar) .toolbar-button.active{background:var(--accent-soft);color:var(--accent)}.source :is(.resource-actions,.tile-toolbar,.resource-detail-heading) .toolbar-button:disabled{opacity:var(--disabled-opacity)}.source .toolbar-button[hidden],.source .inspector-empty{display:none}.source:not(:has(#quick-inspector:not([hidden]),#resource-inspector:not([hidden]),#source-editor:not([hidden]),#ai-design-panel:not([hidden]),.asset:not([hidden]))) .inspector-empty{display:grid;flex:1;place-content:center;justify-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-xl);color:var(--tertiary);text-align:center}.source .inspector-empty>strong{color:var(--text);font-size:var(--font-size-md)}.source .inspector-empty>p{max-width:240px;margin:0;font-size:var(--font-size-xs)}.source .inspector-empty>dl{display:grid;grid-template-columns:auto auto;gap:var(--space-2xs) var(--space-md);margin:var(--space-sm) 0 0;font-size:var(--font-size-xs)}.source .inspector-empty dt{text-align:right}.source .inspector-empty dd{margin:0;color:var(--secondary);font-family:var(--font-mono);text-align:left}.source .bda-inspector-context{padding:var(--space-md) var(--_gutter) 0;font-size:var(--font-size-xs)}.source .bda-key-style-block>h4{margin:0;color:var(--tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.source .fore-styles-reference-field{display:block}.source .bda-fore-styles-grid{width:100%}.source .fore-style-reference-field{display:grid;grid-template-columns:var(--_label) minmax(0,1fr);align-items:center;gap:var(--space-sm)}.source .bda-style-reference-label{overflow:hidden;color:var(--secondary);text-overflow:ellipsis;white-space:nowrap}.source #primary-css-fields:empty{display:none}.source .particle-range-inputs input{padding:0 var(--space-xs)}@media(max-width:760px)and (orientation:portrait){.source{background:var(--material-panel)}:root[data-mobile-pane=inspector] .source{transform:translate(0)}:root:not([data-mobile-pane=inspector]) .source{pointer-events:none;transform:translate(100%)}}.source{min-width:0}@media(max-width:760px)and (orientation:portrait){.source{width:100%;height:calc(50% - 18px);min-height:0;position:absolute;right:0;left:0;border-right:0;border-left:0;touch-action:pan-y;transition:transform var(--duration-base) var(--ease-emphasized);will-change:transform}}@media(max-width:950px)and (max-height:600px)and (orientation:landscape){.source #style-detail-fields{grid-template-columns:minmax(0,1fr)}}.source{border-color:var(--line);background:var(--material-panel);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media(max-width:760px){.source{border-color:var(--line)}}.source .inspector-block-heading{display:grid;gap:var(--space-xs);min-width:0;margin:0;color:var(--secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.source .inspector-block-heading>span{flex:none}.source .inspector-block-heading>code{min-width:0;overflow:hidden;color:var(--tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);text-overflow:ellipsis;white-space:nowrap}.source .inspector-block-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.source .ssf-image-card>.style-reference-meta{gap:var(--space-xs)}.source .ssf-image-card .style-picker-states:has(>:only-child){grid-template-columns:minmax(0,1fr)}.source .ssf-image-card .style-picker-state:not([data-state-label]){grid-template-rows:minmax(0,1fr)}.source .ssf-image-card .style-picker-state:not([data-state-label]):before{display:none}.animation-list-actions{display:flex;align-items:center;gap:var(--space-2xs)}.animation-list-actions>.ui-select{flex:1;min-width:0}.animation-list-actions>.ui-button{margin-right:auto}.animation-warning{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--state-warn) 12%,transparent);color:var(--secondary);font-size:var(--font-size-xs)}.animation-warning>.ui-icon{color:var(--state-warn)}.animation-warning>span{flex:1;min-width:0}.source .animation-proxy{display:none}.source .animation-floater{padding-top:var(--space-sm);border-top:1px solid var(--line-soft)}.source .animation-floater>h4{display:flex;align-items:center;justify-content:space-between}.source .animation-combo{display:grid;gap:var(--space-sm)}.source .animation-combo-list{display:grid;gap:var(--space-2xs);margin:0;padding:0;list-style:none}.source .animation-combo-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);min-height:var(--control-height-lg);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);background:var(--material-content)}.source .animation-combo-item[data-missing]{color:var(--state-warn)}.source .animation-combo-order{color:var(--tertiary);font-family:var(--font-mono);font-size:var(--font-size-xs)}.source .animation-combo-item>.ui-list-item-text{display:grid;min-width:0}.source .animation-combo-item .ui-list-item-text>strong{overflow:hidden;font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.source .animation-combo-actions{display:flex}.source .animation-use-list{display:grid;gap:var(--space-2xs)}.source .animation-use-list>.ui-list-item{min-height:var(--control-height-md);padding-left:0}.source .animation-use-list .ui-list-item-text>strong{font-weight:var(--font-weight-medium)}.source .animation-use-list>.ui-list-item>.ui-icon{color:var(--tertiary)}.source .animation-use-targets{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:0 0 var(--space-xs) calc(var(--icon-size-sm) + var(--space-sm))}.source .animation-use-targets>.ui-button{font-family:var(--font-mono)}.source .style-animation-links{display:flex;flex-wrap:wrap;grid-column:1 / -1;gap:var(--space-xs)}.source .image-reference-card .style-picker-states{grid-template-columns:minmax(0,1fr)}.source .image-reference-card .style-picker-state{grid-template-rows:minmax(0,1fr)}.source .image-reference-card .style-picker-state:before{display:none}.source .bda-animation-value{min-width:0;overflow:hidden;color:var(--text);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.source .bda-animation-frames{display:grid;gap:var(--space-md)}.source .bda-animation-frame-card{display:grid;gap:var(--space-sm)}.animation-library,.animation-stage{display:none}.animation-workspace .sidebar>:not(#animation-library,#sidebar-resize-handle){display:none}.animation-workspace .sidebar{padding:0;overflow:hidden}.animation-workspace .animation-library{display:flex;flex-direction:column;gap:var(--space-sm);height:100%;min-height:0;padding:var(--space-md);box-sizing:border-box}.animation-library-header{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.animation-library-header>strong{flex:1;min-width:0;overflow:hidden;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap}.animation-library-count{flex:none;color:var(--tertiary);font-size:var(--font-size-xs)}.animation-library-body{display:flex;flex:1;flex-direction:column;gap:var(--space-sm);min-height:0}.animation-library-body>.ui-listbox{flex:1}.animation-workspace .workspace{grid-template-rows:48px minmax(0,1fr) 184px 30px}.animation-workspace .workspace>.workspace-status{grid-row:4}.animation-workspace .preview-zoom-control{bottom:226px}.animation-workspace .animation-stage{display:flex;flex-direction:column;grid-row:3;gap:var(--space-sm);min-height:0;padding:var(--space-md) var(--space-lg);overflow:auto;box-sizing:border-box;border-top:1px solid var(--line);background:var(--material-panel)}.animation-stage-heading{display:flex;align-items:baseline;gap:var(--space-sm);min-width:0}.animation-stage-heading>strong{flex:none;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.animation-stage-heading>small{min-width:0;overflow:hidden;color:var(--tertiary);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.animation-stage-empty{margin:auto;color:var(--tertiary);font-size:var(--font-size-sm);text-align:center}:root body .style-kind-badge{display:inline-flex;align-items:center;gap:4px;height:16px;margin-right:4px;padding:0 6px;border-radius:var(--radius-sm);vertical-align:-3px;background:var(--material-content);color:var(--secondary);font-size:var(--font-size-xs);font-weight:500;line-height:1;white-space:nowrap;pointer-events:none;box-shadow:0 0 0 1px var(--line)}:root body .style-kind-badge :is(svg){width:11px;height:11px;flex:none}:root body .style-kind-badge:is([data-style-kind=color],[data-style-kind=anim]){color:var(--accent)}:root body .resource-style-previews{background-image:var(--checker-image);background-size:var(--checker-size) var(--checker-size);background-color:var(--checker-light);background-position:0 0,calc(var(--checker-size) / 2) calc(var(--checker-size) / 2)}:root body .source #resource-inspector .resource-style-previews>canvas{background:transparent}#ai-design-panel:not([hidden]){display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden;container-type:inline-size;background:var(--material-panel)}#ai-design-panel[hidden]{display:none}#ai-design-panel :is(button,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}#ai-design-panel button:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}#ai-design-panel .ai-bar{display:flex;flex:none;align-items:center;gap:8px;padding:12px 16px 6px}#ai-design-panel .ai-context{display:flex;flex:1;gap:6px;min-width:0}#ai-design-panel .ai-chip{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;height:22px;padding:0 8px;overflow:hidden;border-radius:var(--radius-full);background:var(--material-content);color:var(--secondary);font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis}#ai-design-panel .ai-chip:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--state-ok)}#ai-design-panel .ai-chip[data-off=true]:before{background:var(--tertiary)}#ai-design-panel #ai-context-key:before{border-radius:var(--radius-sm);background:var(--accent)}#ai-design-panel .ai-chip[hidden]{display:none}#ai-design-panel .ai-scope{flex:none;border:0;font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:default;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}#ai-design-panel .ai-scope:before{border-radius:var(--radius-sm);background:var(--secondary)}#ai-design-panel .ai-scope[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}#ai-design-panel .ai-scope[aria-pressed=true]:before{background:var(--accent)}@media(hover:hover){#ai-design-panel .ai-scope:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}#ai-design-panel .ai-scope[aria-pressed=true]:hover:not(:disabled){color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}}#ai-design-panel .ai-new-session{display:inline-flex;flex:none;align-items:center;gap:4px;height:26px;padding:0 8px 0 6px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--secondary);font:500 var(--font-size-xs) var(--font-ui);cursor:default}#ai-design-panel .ai-new-session svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}@media(hover:hover){#ai-design-panel .ai-new-session:hover:not(:disabled){background:var(--hover);color:var(--text)}}#ai-design-panel .ai-design-status{flex:none;margin:2px 16px 4px;padding:6px 12px;border-radius:var(--radius-md);background:var(--material-content);color:var(--secondary);font-size:var(--font-size-xs);line-height:1.5;overflow-wrap:anywhere}#ai-design-panel .ai-design-status:empty{display:none}#ai-design-panel[data-state=done] .ai-design-status{background:color-mix(in srgb,var(--state-ok) 9%,var(--material-panel));color:var(--state-ok)}#ai-design-panel[data-state=error] .ai-design-status{background:color-mix(in srgb,var(--state-danger) 9%,var(--material-panel));color:var(--state-danger)}#ai-design-panel .ai-design-composer{position:relative;display:flex;flex:1 1 0;flex-direction:column;min-height:160px}#ai-design-chat{flex:1;width:100%;min-height:0;border:0;background:transparent}#ai-design-panel .ai-design-toolbar{position:absolute;z-index:1;left:21px;right:56px;bottom:21px;display:flex;align-items:center;gap:2px;height:28px;pointer-events:none}#ai-design-panel .ai-design-toolbar>*{pointer-events:auto}#ai-design-chat[data-draft]+.ai-design-toolbar{display:none}#ai-design-panel .ai-design-toolbar select{max-width:100%;height:26px;padding:0 24px 0 8px;border:0;border-radius:var(--radius-sm);background-color:transparent;color:var(--secondary);font-size:var(--font-size-xs);text-overflow:ellipsis;field-sizing:content;flex:none;min-width:0;cursor:default}#ai-design-panel .ai-design-toolbar #ai-design-model{flex:0 1 auto}#ai-design-panel .ai-design-toolbar select:is(:focus,:focus-visible){outline:none}@media(hover:hover){#ai-design-panel .ai-design-toolbar select:hover:not(:disabled){background-color:var(--material-content);color:var(--text)}}#ai-design-panel .ai-design-toolbar select[hidden],#ai-design-panel .ai-design-settings[hidden]{display:none}#ai-design-panel .ai-design-settings{height:26px;padding:0 8px;border:0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);font:500 var(--font-size-xs) var(--font-ui);cursor:default}@media(hover:hover){#ai-design-panel .ai-design-settings:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}}#ai-design-panel .ai-draft-panel:not([hidden]){display:flex;flex:0 1 auto;flex-direction:column;min-height:0;max-height:62%;margin:0 16px 16px;overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--material-panel);box-shadow:0 4px 16px color-mix(in srgb,var(--text) 8%,transparent)}#ai-design-panel .ai-draft-head{display:flex;flex:none;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 12px 8px}#ai-design-panel .ai-draft-head h3{margin:0;color:var(--text);font-size:var(--font-size-sm);font-weight:600}#ai-design-panel #ai-draft-summary{color:var(--secondary);font-size:var(--font-size-xs)}#ai-design-panel .ai-draft-files{display:grid;flex:1 1 auto;gap:6px;min-height:0;margin:0;padding:0 12px 12px;overflow:auto;list-style:none;scrollbar-width:thin}#ai-design-panel .ai-draft-files>li{min-width:0;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--material-panel)}#ai-design-panel .ai-draft-files>li>details{padding:8px}#ai-design-panel .ai-draft-file-head{display:flex;align-items:center;gap:8px;color:var(--text);font-size:var(--font-size-xs);cursor:default}#ai-design-panel .ai-draft-file-head>span{flex:1;min-width:0;overflow-wrap:anywhere;font-family:var(--font-mono)}#ai-design-panel .ai-draft-file-head>em{flex:none;color:var(--tertiary);font:normal var(--font-size-xs) var(--font-mono)}#ai-design-panel .ai-draft-diff{max-height:200px;margin:6px 0 0;padding:6px 8px;overflow:auto;border-radius:var(--radius-sm);background:var(--material-content);color:var(--secondary);font:var(--font-size-xs)/1.6 var(--font-mono);white-space:pre}#ai-design-panel .ai-draft-diff>ins{color:var(--state-ok);text-decoration:none}#ai-design-panel .ai-draft-diff>del{color:var(--state-danger);text-decoration:none}#ai-design-panel .ai-draft-images{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}#ai-design-panel .ai-draft-images figure{margin:0;padding:6px;border-radius:var(--radius-sm);background:var(--material-content);text-align:center}#ai-design-panel .ai-draft-images img{display:block;width:100%;max-height:140px;object-fit:contain}#ai-design-panel .ai-draft-images figcaption{margin-top:4px;color:var(--tertiary);font-size:var(--font-size-xs)}#ai-design-panel .ai-draft-full{margin-top:6px;color:var(--secondary);font-size:var(--font-size-xs)}#ai-design-panel .ai-draft-full>summary{color:var(--accent);cursor:default}#ai-design-panel .ai-draft-full h4{margin:12px 0 4px;font-size:var(--font-size-xs)}#ai-design-panel .ai-draft-full pre{max-height:240px;margin:0;padding:8px;overflow:auto;border-radius:var(--radius-sm);background:var(--material-content);font:var(--font-size-xs)/1.7 var(--font-mono)}#ai-design-panel .ai-variant-card{overflow:hidden}#ai-design-panel .ai-variant-select{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:8px 12px;border:0;background:transparent;color:var(--text);text-align:left;cursor:default}@media(hover:hover){#ai-design-panel .ai-variant-select:hover{background:var(--accent-soft)}}#ai-design-panel .ai-variant-index{display:grid;flex:0 0 22px;place-items:center;height:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);font:600 var(--font-size-xs) var(--font-mono)}#ai-design-panel .ai-variant-copy{display:grid;flex:1;gap:2px;min-width:0}#ai-design-panel .ai-variant-copy strong{font-size:var(--font-size-sm);font-weight:600}#ai-design-panel .ai-variant-copy small{color:var(--secondary);font-size:var(--font-size-xs)}#ai-design-panel .ai-variant-note{margin:0;padding:0 12px 12px 40px;color:var(--secondary);font-size:var(--font-size-xs);line-height:1.5}#ai-design-panel .ai-draft-actions{display:flex;flex:none;align-items:center;gap:6px;padding:8px 12px;border-top:1px solid var(--line);background:var(--material-content)}#ai-design-panel .ai-draft-note{flex:1;min-width:0;margin:0;color:var(--tertiary);font-size:var(--font-size-xs);line-height:1.4}#ai-design-panel .ai-draft-actions>button{flex:none;height:28px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--material-panel);color:var(--text);font:500 var(--font-size-sm) var(--font-ui);cursor:default}#ai-design-panel .ai-draft-actions>.ai-draft-cancel{margin-left:auto}@media(hover:hover){#ai-design-panel .ai-draft-actions>button:hover:not(:disabled){background:var(--hover)}}#ai-design-panel .ai-draft-actions>.ai-draft-apply{border-color:transparent;background:var(--accent);color:var(--on-accent)}@media(hover:hover){#ai-design-panel .ai-draft-actions>.ai-draft-apply:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,var(--text))}}@container (max-width: 300px){#ai-design-panel .ai-draft-note{display:none}}@media(prefers-reduced-motion:reduce){#ai-design-panel *{transition:none}}@media(max-width:760px){#ai-design-panel .ai-bar{padding:8px 16px 2px}#ai-design-panel .ai-design-composer{min-height:0}#ai-design-panel .ai-design-toolbar{bottom:18px}#ai-design-panel .ai-draft-panel:not([hidden]){max-height:72%;margin:0 12px 12px}#ai-design-panel .ai-draft-note{display:none}}#settings-dialog{width:min(800px,calc(100vw - 32px));height:min(600px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--floating);color:var(--text);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm)}#settings-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#settings-dialog>form{display:grid;grid-template-rows:52px minmax(0,1fr) 56px;height:100%;margin:0}#settings-dialog [hidden]{display:none}#settings-dialog .settings-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:0 var(--space-md) 0 var(--space-lg);border-bottom:1px solid var(--line-soft)}#settings-dialog .settings-header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}#settings-dialog .settings-layout{display:grid;grid-template-columns:200px minmax(0,1fr);min-height:0;overflow:hidden}#settings-dialog .settings-sidebar{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0;padding:var(--space-md);overflow-y:auto;border-right:1px solid var(--line-soft);background:var(--content)}#settings-dialog .settings-nav-item{display:flex;flex:none;align-items:center;gap:var(--space-sm);height:var(--control-height-lg);padding:0 var(--space-md);border:0;border-radius:var(--radius-md);background:transparent;color:var(--secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:default;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}#settings-dialog .settings-nav-item[hidden]{display:none}#settings-dialog .settings-nav-item>span:nth-child(2){white-space:nowrap}#settings-dialog .settings-nav-item small{min-width:0;margin-left:auto;overflow:hidden;color:var(--tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){#settings-dialog .settings-nav-item:hover{background:var(--hover);color:var(--text)}}#settings-dialog .settings-nav-item:active{background:color-mix(in srgb,var(--text) 10%,transparent)}#settings-dialog .settings-nav-item[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}#settings-dialog .settings-nav-item[aria-selected=true] small{color:inherit}#settings-dialog .settings-nav-item:focus-visible{outline:0;box-shadow:var(--focus-ring)}#settings-dialog .settings-content{min-width:0;min-height:0;padding:var(--space-xl);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}#settings-dialog .settings-page:not([hidden]){display:grid;align-content:start;gap:var(--space-xl);max-width:560px}#settings-dialog .settings-group{display:grid;min-width:0}#settings-dialog .settings-group>h3,#settings-dialog .settings-group-header>h3{margin:0 0 var(--space-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}#settings-dialog .settings-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}#settings-dialog .settings-group-header>h3{margin:0}#settings-dialog .settings-group-note{margin:0 0 var(--space-sm);color:var(--tertiary);font-size:var(--font-size-xs);line-height:1.6}#settings-dialog .settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);min-height:44px;padding:var(--space-sm) 0;border-bottom:1px solid var(--line-soft);color:var(--text);font-size:var(--font-size-sm)}#settings-dialog .settings-row:last-child{border-bottom:0}#settings-dialog .settings-row>span:first-child{display:grid;gap:var(--space-2xs);min-width:0;font-weight:var(--font-weight-medium)}#settings-dialog .settings-row>span:first-child small{color:var(--tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:1.5}#settings-dialog .settings-row>span:first-child .ui-badge{margin-left:var(--space-sm);vertical-align:1px}#settings-dialog .settings-row>:is(.ui-select,.settings-secret,input:not([type=checkbox])){flex:none;width:min(320px,60%)}#settings-dialog .settings-row>.ui-segmented{flex:none}#settings-dialog .settings-color{flex:none;gap:var(--space-sm);padding-right:var(--space-sm)}#settings-dialog .settings-color output{color:var(--secondary);font:var(--font-size-xs) var(--font-mono)}#settings-dialog .settings-range{display:flex;flex:none;align-items:center;gap:var(--space-sm)}#settings-dialog .settings-range input{width:140px}#settings-dialog .settings-range output{min-width:40px;color:var(--secondary);font:var(--font-size-xs) var(--font-mono);text-align:right}#settings-dialog .settings-number{flex:none;width:88px}#settings-dialog .settings-secret{padding-right:var(--space-2xs)}#settings-dialog .source-directory-setting{display:grid;gap:var(--space-xs);padding-top:var(--space-sm)}#settings-dialog .settings-path{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-xs)}#settings-dialog .source-directory-setting small{min-height:16px;color:var(--secondary);font-size:var(--font-size-xs)}#settings-dialog .source-directory-setting[data-invalid=true] small{color:var(--state-danger)}#settings-dialog .model-profiles{display:grid;gap:var(--space-xs);margin:0 0 var(--space-sm);padding:0;list-style:none}#settings-dialog .model-profiles>li{display:flex;align-items:center;gap:var(--space-2xs)}#settings-dialog .model-profile{display:flex;flex:1;align-items:center;gap:var(--space-sm);min-width:0;min-height:44px;padding:var(--space-xs) var(--space-md);border:1px solid transparent;border-radius:var(--radius-md);background:var(--content);color:var(--text);text-align:left;cursor:default;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}@media(hover:hover){#settings-dialog .model-profile:hover{border-color:var(--line)}}#settings-dialog .model-profile[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}#settings-dialog .model-profile:focus-visible{outline:0;box-shadow:var(--focus-ring)}#settings-dialog .model-profile-text{display:grid;flex:1;gap:var(--space-2xs);min-width:0}#settings-dialog .model-profile-text>strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}#settings-dialog .model-profile-text>:is(strong,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#settings-dialog .model-profile-text>small{color:var(--secondary);font:var(--font-size-xs) var(--font-mono)}#settings-dialog .model-profile-text>small[data-problem]{color:var(--state-warn);font-family:var(--font-ui)}#settings-dialog .model-profiles-empty{padding:var(--space-lg);border:1px dashed var(--line);border-radius:var(--radius-md);color:var(--secondary);font-size:var(--font-size-xs);line-height:1.6;text-align:center}#settings-dialog .model-editor:not([hidden]){display:grid;padding:0 var(--space-lg) var(--space-md);border:1px solid var(--line);border-radius:var(--radius-lg)}#settings-dialog .model-choices-row{align-items:flex-start}#settings-dialog .model-choices-row>span:first-child{padding-top:var(--space-xs)}#settings-dialog .model-choices-panel{display:grid;flex:none;gap:var(--space-sm);width:min(360px,66%)}#settings-dialog .model-choices-tools{display:flex;align-items:center;gap:var(--space-xs)}#settings-dialog .model-choices-tools>.ui-input{flex:1}#settings-dialog .model-choices{display:grid;max-height:200px;margin:0;padding:var(--space-xs);overflow-y:auto;border:1px solid var(--line-soft);border-radius:var(--radius-md);list-style:none}#settings-dialog .model-choices label{display:flex;align-items:center;gap:var(--space-sm);height:var(--control-height-md);padding:0 var(--space-sm);border-radius:var(--radius-sm);font:var(--font-size-sm) var(--font-mono)}@media(hover:hover){#settings-dialog .model-choices label:hover{background:var(--hover)}}#settings-dialog .model-choices label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#settings-dialog .model-choices input[type=checkbox]{flex:none;width:14px;height:14px;margin:0;accent-color:var(--accent)}#settings-dialog .model-choices-empty{padding:var(--space-md) var(--space-sm);color:var(--tertiary);font-size:var(--font-size-xs);line-height:1.5}#settings-dialog .model-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md)}#settings-dialog #model-configuration-status{min-width:0;margin:0;color:var(--secondary);font-size:var(--font-size-xs);line-height:1.5;overflow-wrap:anywhere}#settings-dialog #model-configuration-status[data-state=busy]{color:var(--accent)}#settings-dialog #model-configuration-status[data-state=success]{color:var(--state-ok)}#settings-dialog #model-configuration-status[data-state=error]{color:var(--state-danger)}#settings-dialog #image-model-fields:not([hidden]){display:contents}#settings-dialog .settings-footnote{margin:0;color:var(--tertiary);font-size:var(--font-size-xs);overflow-wrap:anywhere}#settings-dialog #model-configuration-path{font-family:var(--font-mono)}#settings-dialog .settings-about-title{display:flex;align-items:center;gap:var(--space-sm)}#settings-dialog .about-contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md)}#settings-dialog a{color:var(--accent);font-size:var(--font-size-sm);text-decoration:none}@media(hover:hover){#settings-dialog a:hover{text-decoration:underline}}#settings-dialog #download-update{justify-self:start;font-size:var(--font-size-xs)}#settings-dialog .settings-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:0 var(--space-lg);border-top:1px solid var(--line-soft)}#settings-save-state{display:flex;align-items:center;gap:var(--space-xs);min-width:0;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:var(--content);color:var(--secondary);font-size:var(--font-size-xs)}#settings-save-state[data-dirty=true]{background:var(--accent-soft);color:var(--accent)}#settings-save-state .settings-state-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--state-ok)}#settings-save-state[data-dirty=true] .settings-state-dot{background:var(--accent)}#settings-saved-at{color:var(--tertiary);font:var(--font-size-xs) var(--font-mono)}#settings-dialog .settings-footer-actions{display:flex;flex:none;gap:var(--space-sm)}@media(max-width:760px){#settings-dialog{width:100vw;height:100dvh;margin:0;border:0;border-radius:0}#settings-dialog>form{grid-template-rows:auto minmax(0,1fr) auto}#settings-dialog .settings-header{min-height:52px;padding:var(--safe-area-top, env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}#settings-dialog .settings-header .ui-icon-button{--_height: 40px}#settings-dialog .settings-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}#settings-dialog .settings-sidebar{flex-direction:row;gap:var(--space-xs);padding:var(--space-sm) max(12px,env(safe-area-inset-right)) var(--space-sm) max(12px,env(safe-area-inset-left));overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;border-right:0;border-bottom:1px solid var(--line-soft)}#settings-dialog .settings-sidebar::-webkit-scrollbar{display:none}#settings-dialog .settings-nav-item{height:36px;scroll-snap-align:start;font-size:var(--font-size-md)}#settings-dialog .settings-nav-item small,#settings-saved-at{display:none}#settings-dialog .settings-content{padding:var(--space-lg) max(16px,env(safe-area-inset-right)) var(--space-xl) max(16px,env(safe-area-inset-left))}#settings-dialog .settings-row{flex-wrap:wrap;gap:var(--space-sm) var(--space-md);min-height:52px;font-size:var(--font-size-md)}#settings-dialog .settings-row>span:first-child{flex:1 1 140px}#settings-dialog .settings-row>:is(.ui-select,.settings-secret,input:not([type=checkbox])),#settings-dialog .model-choices-panel{flex:1 1 100%;width:100%}#settings-dialog :is(.ui-input,input:not([type=checkbox],[type=range],[type=color])){min-height:40px;font-size:var(--font-size-lg)}#settings-dialog .model-editor:not([hidden]){padding:0 var(--space-md) var(--space-md)}#settings-dialog .settings-footer{min-height:60px;padding:var(--space-sm) max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}#settings-dialog .settings-footer-actions .ui-button{--_height: 40px;min-width:72px;font-size:var(--font-size-md)}}:root[data-interface-density=compact] #files .raw-files .source-tree-row{height:26px;min-height:26px}:root[data-interface-density=compact] .inspector-grid{gap:4px}:root[data-interface-density=compact] .inspector-grid input,:root[data-interface-density=compact] .inspector-grid select{height:26px;min-height:26px}:root[data-interface-density=compact] .toolbar-button{height:26px}:root[data-safe-area-guides=true] .keyboard-dock>.keyboard-accessories{outline:1px dashed var(--selection);outline-offset:-1px}.atlas-header,.atlas-zoom,.atlas-status,#atlas-back,.atlas-resource-extras{display:none}#atlas-create-dialog input{width:100%;min-width:0;box-sizing:border-box}.atlas-reference{display:flex;gap:12px;align-items:start;padding:8px 0 16px;font-size:var(--font-size-sm)}.atlas-reference output{min-width:0;overflow-wrap:anywhere;color:var(--secondary)}.atlas-stretch{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:var(--font-size-sm)}.atlas-stretch[hidden]{display:none}.atlas-stretch input{width:30px;height:18px;accent-color:var(--accent)}.atlas-workspace main{grid-template-columns:264px minmax(0,1fr) 4px var(--inspector-width, 360px)}.atlas-workspace .sidebar>:not(#resource-list-view){display:none}.atlas-workspace .sidebar{padding:0;overflow:hidden}.atlas-workspace #resource-list-view{display:flex;flex-direction:column;height:100%;min-height:0}.atlas-workspace #resource-list-view .inspector-title{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:12px 6px;padding:12px;margin:0;border:0}.atlas-workspace #atlas-back{display:grid;width:24px;height:24px}.atlas-workspace #resource-list-view .inspector-title span#resource-count{grid-column:3;grid-row:1;font-size:var(--font-size-xs);white-space:nowrap}.atlas-workspace #resource-list-view .inspector-title #resource-list-title{grid-column:2;grid-row:1;font-size:var(--font-size-sm);align-self:center}.atlas-workspace #atlas-back{grid-column:1;grid-row:1}.atlas-workspace #resource-list-view .resource-filters{grid-column:1 / -1;grid-row:2;width:100%}.atlas-workspace #resource-list-view .resource-actions{grid-column:1 / -1;grid-row:3;justify-content:flex-start;flex-wrap:wrap;gap:6px}.atlas-workspace .atlas-resource-extras{display:contents}.atlas-workspace #resource-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;padding:2px 12px 12px;overflow:auto}.atlas-workspace #resource-gallery:empty:after{content:"无匹配图片";grid-column:1 / -1;color:var(--secondary);padding:16px 0;font-size:var(--font-size-sm)}.atlas-workspace .resource-item{max-width:none;grid-template-rows:88px 16px 14px;padding:0;border:0;background:transparent;text-align:left}.atlas-workspace .resource-item img{width:100%;height:88px;padding:8px;object-fit:contain;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-sm)}.atlas-workspace .resource-item.selected{background:transparent;box-shadow:none}.atlas-workspace .resource-item.selected img{border:2px solid var(--accent)}.atlas-workspace .resource-item strong{font-size:var(--font-size-xs);font-weight:500}.atlas-workspace .resource-item small{font-size:var(--font-size-xs)}.atlas-workspace .workspace{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden}.atlas-workspace .workspace>.preview-toolbar{display:none}.atlas-workspace .workspace-status{display:none}.atlas-workspace .atlas-header{display:flex;flex-shrink:0;height:44px;padding:0 12px;gap:12px;align-items:center;border-bottom:1px solid var(--line);background:var(--material-panel)}.atlas-image-title{min-width:70px;max-width:180px;flex:1;display:grid;gap:2px}.atlas-image-title strong{font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-image-title small{font:var(--font-size-xs) var(--font-mono);color:var(--secondary);white-space:nowrap}.atlas-workspace .tile-toolbar{flex-shrink:0;gap:4px;padding:0 0 0 12px;margin:0;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent}.atlas-workspace .tile-toolbar button{width:26px;height:28px;min-width:26px}.atlas-workspace #delete-tile{margin-left:0}.atlas-selection{margin-left:auto;font:var(--font-size-xs) var(--font-mono);padding:4px 6px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);white-space:nowrap}.atlas-workspace .canvas-wrap{flex:1;min-height:0;padding:0;overflow:hidden;display:grid}.atlas-workspace #workspace-image-figure{width:100%;height:100%;max-height:none;padding:32px;box-sizing:border-box;overflow:visible}.atlas-workspace #atlas-canvas{max-width:none;max-height:none;touch-action:none;box-shadow:var(--shadow-sm);background:transparent}.atlas-workspace .atlas-zoom{position:absolute;right:20px;bottom:42px;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--material-panel);box-shadow:var(--shadow-sm)}.atlas-zoom output{min-width:42px;text-align:center;font:var(--font-size-xs) var(--font-mono)}.atlas-workspace .atlas-status{display:block;flex-shrink:0;height:26px;padding:6px 12px;box-sizing:border-box;font:var(--font-size-xs) var(--font-mono);color:var(--secondary);border-top:1px solid var(--line);background:var(--material-panel)}.atlas-workspace #resource-inspector{padding:0}.atlas-workspace .resource-detail-heading{margin:0;padding:12px 16px;border-bottom:1px solid var(--line)}.atlas-workspace #resource-back{display:none}.atlas-workspace .source:has(#resource-inspector:not([hidden])) .resource-detail-heading{display:none}.atlas-workspace #tile-inspector .tile-heading{display:none}.atlas-workspace #tile-inspector:has(#bda-tile-usage:not([hidden])) .tile-heading{display:flex}.atlas-workspace #tile-inspector{padding:16px;margin:0;border:0;background:transparent;border-radius:0}.atlas-workspace #tile-preview-wrap{height:auto;aspect-ratio:1;margin:12px 0 0}.atlas-workspace .resource-item img,.atlas-workspace .canvas-wrap,.atlas-workspace #tile-preview-wrap{background:repeating-conic-gradient(var(--checker-dark) 0 25%,var(--checker-light) 0 50%) 0 0 / 12px 12px}.atlas-workspace #tile-inspector h3{font-size:var(--font-size-xs);font-weight:600;margin:12px 0}.atlas-workspace #tile-inspector .geometry-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.atlas-workspace #tile-inspector label{font-size:var(--font-size-xs);min-width:0}.atlas-workspace #tile-inspector input[type=number]{width:100%;min-width:0;height:30px;box-sizing:border-box;font:var(--font-size-xs) var(--font-mono)}@media(max-width:1199px){.atlas-workspace main{grid-template-columns:224px minmax(0,1fr) 4px 300px}.atlas-selection{display:none}}.atlas-workspace .canvas-wrap.atlas-panning,.atlas-workspace .canvas-wrap.atlas-panning #atlas-canvas{cursor:grabbing}