*{box-sizing:border-box}html,body{color-scheme:dark;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:default}button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accentSelection);outline-offset:-2px}[hidden]{display:none!important}.editor-shell{height:100%;color:var(--textPrimary);background:var(--surfaceTopBar);font-size:var(--body-font);flex-direction:column;display:flex}.top-bar{flex:0 0 var(--top-height);align-items:center;gap:var(--toolbar-gap);padding:0 var(--panel-inset);display:flex;overflow:auto hidden}.menubar{align-items:center;min-width:0;display:flex;overflow-x:auto}.menubar .control{padding:0 var(--panel-inset);flex-shrink:0}.bar-space{flex:1}.top-bar>.control{flex-shrink:0}.control{min-width:var(--button-size);min-height:var(--button-size);border-radius:var(--field-radius);white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.control:hover,.menu-item:hover,.menu-item:focus{background:var(--controlFill)}.control[aria-pressed=true],.control[aria-expanded=true]{background:var(--selectedFill)}.control:disabled{color:var(--textSecondary)}.icon{width:var(--row-icon);height:var(--row-icon);mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;pointer-events:none;background-color:currentColor;flex:none;display:inline-block}.workspace{background:var(--canvasSurface);flex:1;min-height:0;position:relative;overflow:hidden}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.panel{background:var(--panelSurface);border:1px solid var(--divider);border-radius:var(--panel-radius);box-shadow:0 var(--shadow-y) var(--shadow-blur) var(--panelShadow);backdrop-filter:blur(16px);position:absolute;overflow:hidden}.navigator{left:var(--panel-inset);top:var(--panel-inset);bottom:var(--panel-inset);width:var(--layers-width);flex-direction:column;display:flex}.inspector{right:var(--panel-inset);top:var(--panel-inset);width:var(--panel-width);bottom:var(--panel-inset);flex-direction:column;display:flex}.panel-header{min-height:var(--top-height);padding:0 var(--panel-padding);font-weight:600;font-size:var(--caption-font);border-bottom:1px solid var(--divider);flex-shrink:0;align-items:center;display:flex}.panel-tabs{display:flex}.panel-header>.control{margin-left:auto}.panel-header .control{gap:var(--field-gap)}.panel-header .control[aria-selected=true]{background:var(--selectedFill)}.panel[data-presentation=rail]{width:auto;bottom:auto}.panel[data-presentation=rail] .panel-tabs{flex-direction:column}.panel[data-presentation=rail] .panel-header{padding:var(--toolbar-padding);border-bottom:0;flex-direction:column}.outline{overscroll-behavior:contain;font-size:var(--outline-font);overflow:auto}.pages,.layers{min-height:var(--row-height);flex:auto}.outline-row{height:var(--row-height);user-select:none;align-items:center;gap:4px;min-width:0;padding-right:4px;display:flex;position:relative}.layer-row{padding-left:calc(var(--depth,0) * var(--row-indent))}.page-row{padding-left:var(--panel-padding)}.outline-row[aria-selected=true]{background:var(--selectedRow)}.row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.outline-row[data-visible=false]>.row-name{color:var(--textSecondary)}.outline-row .control{min-width:24px;min-height:24px;padding:0}.disclosure{flex:0 0 24px}.disclosure.empty,[data-hover-actions=true] .layer-row:not(:hover):not(:focus-within) .row-eye,[data-hover-actions=true] .layer-row:not(:hover):not(:focus-within) .row-lock{visibility:hidden}[data-hover-actions=true] .layer-row[data-hidden=true] .row-eye,[data-hover-actions=true] .layer-row[data-locked=true] .row-lock{visibility:visible}.outline-row[data-drop=above]{box-shadow:inset 0 2px var(--accentSelection)}.outline-row[data-drop=below]{box-shadow:inset 0 -2px var(--accentSelection)}.outline-row[data-drop=into]{outline:2px solid var(--accentSelection);outline-offset:-2px}.outline-end{min-height:var(--row-height)}.floating-toolbar{padding:var(--toolbar-padding);align-items:center;gap:var(--toolbar-gap);min-height:var(--toolbar-height);border-radius:var(--toolbar-radius);max-width:calc(100% - 2 * var(--panel-inset));display:flex;overflow:auto}.tool-group{border-radius:var(--tool-radius);flex-shrink:0;display:flex}.tool-group .control{min-width:var(--tool-size);min-height:var(--tool-size);border-radius:var(--tool-radius)}.tool-group .icon{width:var(--tool-glyph);height:var(--tool-glyph)}.tool-group .tool-chevron{min-width:24px;padding:0}.tool-chevron .icon{width:var(--chevron-size);height:var(--chevron-size)}.menu-layer{pointer-events:none;z-index:16;position:fixed;inset:0}.dropdown{pointer-events:auto;background:var(--surfacePopover);border:1px solid var(--divider);border-radius:var(--field-radius);min-width:200px;max-width:100vw;max-height:90vh;padding:var(--toolbar-padding);box-shadow:0 var(--shadow-y) var(--shadow-blur) var(--panelShadow);position:fixed;overflow:auto}.menu-item{width:100%;min-height:var(--row-height);align-items:center;gap:var(--toolbar-padding);text-align:left;border-radius:var(--field-radius);padding:0 var(--panel-inset);white-space:nowrap;background:0 0;border:0;outline:none;display:flex}.menu-item[aria-disabled=true]{color:var(--textSecondary)}.menu-item[data-destructive=true]:not([aria-disabled=true]){color:var(--error)}.menu-title{flex:1}.menu-check{width:var(--row-icon);flex-shrink:0}kbd{font:inherit;color:var(--textSecondary);margin-left:var(--panel-padding)}.menu-separator{height:1px;margin:var(--toolbar-padding);background:var(--divider)}.editor-layer{pointer-events:none;position:absolute;inset:0}.name-input,.field{background:var(--fieldFill);color:var(--textPrimary);border:1px solid var(--accentSelection);border-radius:var(--field-radius);user-select:text;outline:none;width:100%;min-width:0;padding:0 4px}.canvas-name{pointer-events:auto;position:absolute}.canvas-name::selection{background:var(--name-selection)}.rename-sheet{color:var(--textPrimary);background:var(--surfacePopover);border:1px solid var(--divider);border-radius:var(--popover-radius);padding:var(--panel-padding);width:var(--popover-width);box-shadow:0 var(--shadow-y) var(--shadow-blur) var(--panelShadow)}.rename-sheet::backdrop{background:var(--panelShadow)}.rename-sheet h2{font-size:var(--body-font);margin:0 0 var(--panel-padding)}.rename-sheet label{align-items:center;gap:var(--panel-inset);margin-bottom:var(--panel-inset);display:flex}.rename-sheet .field{height:var(--field-height);flex:1}.rename-preview{white-space:pre-wrap;max-height:30vh;padding:var(--panel-inset) 0;overflow:auto}.sheet-actions{justify-content:flex-end;gap:var(--panel-inset);display:flex}.sheet-actions button{border-radius:var(--field-radius);background:var(--controlFill);border:0;min-height:26px;padding:0 14px}.sheet-actions button:last-child{background:var(--accentSelection)}#unsupported{z-index:20;position:fixed;bottom:0;left:0}#status{z-index:20;white-space:pre-wrap;position:fixed;top:56px;left:16px}#status:empty{display:none}.inspector-content{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.inspector-section{border-bottom:1px solid var(--divider);padding:0 var(--panel-padding) var(--field-gap)}.inspector-section-header{min-height:var(--section-height);align-items:center;gap:2px;display:flex}.inspector-section-header h3{font-size:var(--section-font);flex:1;margin:0;font-weight:600}.inspector .control,.inspector-detail .control{min-height:var(--field-height);min-width:var(--field-height)}[data-hover-actions=true] .inspector-section:not(:hover):not(:focus-within) .inspector-section-header>[data-stays-visible=false]{visibility:hidden}.inspector-row{align-items:center;gap:var(--cell-gap);margin-bottom:var(--field-gap);min-width:0;display:flex;position:relative}.inspector-row>*{flex:1 1 0;min-width:0}.inspector-row>.control{flex:none}.inspector-row[data-arrangement=even]{justify-content:space-between}.inspector-row[data-arrangement=even]>*{flex:none}.inspector-row[data-arrangement=grid]:has(>:only-child)>.inspector-field{max-width:calc(50% - var(--cell-gap) / 2)}.inspector-field{background:var(--fieldFill);border-radius:var(--field-radius);min-height:var(--field-height);align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.inspector-field:focus-within{box-shadow:inset 0 0 0 1px var(--accentSelection)}.field-name{color:var(--textSecondary);font-size:var(--field-label-font);user-select:none;cursor:ew-resize;touch-action:none;flex:none;padding:0 5px}.field-name:empty{min-width:7px;padding:0}.inspector-field input{text-align:right;width:100%;min-width:0;height:var(--field-height);font-variant-numeric:tabular-nums;font-size:var(--field-value-font);background:0 0;border:0;outline:0;padding:0 5px}.inspector-field input[inputmode=decimal]{cursor:text}.inspector-menu{font:inherit;color:inherit;background:var(--fieldFill);height:var(--field-height);border-radius:var(--field-radius);text-overflow:ellipsis;border:0;min-width:0;padding:0 4px}.inspector-size-menu{width:18px;color:inherit;height:var(--field-height);background:0 0;border:0}.inspector-icon-menu{flex:0 0 var(--field-height);justify-content:center;align-items:center;display:flex;position:relative}.inspector-icon-menu select{opacity:0;cursor:default;width:100%;position:absolute;inset:0}.inspector-segments{border-radius:var(--field-radius);background:var(--fieldFill);align-items:center;padding:2px;display:flex}.inspector-segments .control{flex:1;min-width:0;padding:0 4px}.inspector-toggle{min-height:var(--field-height);background:var(--fieldFill);border-radius:var(--field-radius);justify-content:space-between;align-items:center;display:flex}.inspector-toggle .field-name{cursor:default}.inspector-slider{align-items:center;gap:var(--cell-gap);flex-wrap:wrap;display:flex}.inspector-slider>input{flex:1;width:50%;min-width:50px}.inspector-slider .inspector-field{width:64px}.slider-marks{color:var(--textSecondary);font-size:var(--caption-font);flex-basis:100%;justify-content:space-between;display:flex}.inspector-text-button{background:var(--fieldFill);justify-content:flex-start;gap:6px;width:100%}.inspector-text-button span:last-child{text-overflow:ellipsis;overflow:hidden}.inspector-heading,.inspector-note{font-size:var(--caption-font);margin:4px 0}.inspector-note{color:var(--textSecondary)}.inspector-choice-list{flex-direction:column;gap:2px;max-height:300px;display:flex;overflow:auto}.inspector-choice-list .control{text-align:left;white-space:normal;flex-shrink:0;justify-content:flex-start;gap:6px}.inspector-choice-list [aria-selected=true]{background:var(--selectedFill)}.inspector-search-list{gap:var(--cell-gap);flex-direction:column;display:flex}.inspector-search-list>input{height:var(--field-height)}.inspector-multiline{background:var(--fieldFill);color:inherit;border-radius:var(--field-radius);resize:vertical;width:100%;min-height:88px;font:inherit;border:0;padding:6px}.color-swatch{width:var(--swatch-size);height:var(--swatch-size);border-radius:var(--swatch-radius);box-shadow:inset 0 0 0 1px var(--divider);padding:0;min-width:var(--swatch-size)!important;min-height:var(--swatch-size)!important;flex:none!important}.inspector-swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch-title{width:100%;color:var(--textSecondary);font-size:var(--caption-font)}.inspector-copy{align-items:center;gap:4px;display:flex}.inspector-copy code{overflow-wrap:anywhere;flex:1}.inspector-detail{pointer-events:auto;z-index:15;max-width:100vw;max-height:90vh;color:var(--textPrimary);background:var(--surfacePopover);border:1px solid var(--divider);border-radius:var(--popover-radius);box-shadow:0 var(--shadow-y) var(--shadow-blur) var(--panelShadow);margin:0;padding:0;position:fixed;inset:auto;overflow:auto}.inspector-detail-title{padding:0 var(--panel-padding);align-items:center;min-height:36px;font-weight:600;display:flex}.inspector-detail-title .control{margin-left:auto}.inspector-detail-body{padding:var(--popover-padding)}.inspector-bottom-sheet{border-radius:var(--popover-radius) var(--popover-radius) 0 0;max-height:80vh;bottom:0;width:100%!important}.inspector-row[data-arrangement=header] .page-close{flex:none;margin-left:auto}.inspector-row[data-arrangement=header]{min-height:24px}.inspector-row[data-arrangement=overlay]{display:block}.inspector-row[data-arrangement=overlay]>:not(:first-child){background:var(--surfacePopover);position:absolute;top:5px;right:5px}.inspector-row[data-arrangement=stack]{grid-template-columns:auto 1fr;display:grid}.inspector-row[data-arrangement=stack]>:first-child{grid-row:1/3}.inspector-canvas{border-radius:var(--field-radius);touch-action:none;flex:1;width:100%;height:auto}.color-surface{max-height:276px}.color-bar{min-height:12px}.checkerboard{background:repeating-conic-gradient(#888 0% 25%,#bbb 0% 50%) 0 0/10px 10px}.inspector-origin{grid-template-columns:repeat(3,28px);justify-content:center;display:grid}.inspector-origin .control{width:28px;height:28px}.keyable-field{align-items:center;display:flex}.keyable-field>:first-child{flex:1;min-width:0}.inspector-local-menu{z-index:16;background:var(--surfacePopover);box-shadow:0 4px 12px var(--panelShadow);border-radius:var(--field-radius);flex-direction:column;display:flex;position:absolute;top:100%;right:0}[aria-disabled=true]{opacity:.5}.inspector-media img{object-fit:contain;width:100%;max-height:160px;display:block}.inspector .icon,.inspector-detail .icon{width:var(--inspector-icon);height:var(--inspector-icon)}.inspector-segments{min-height:var(--segment-height)}.inspector-segments .control{min-height:var(--segment-button)}.constraints-diagram{flex:0 0 62px;width:62px;height:62px;margin:auto}.inspector-row>.row-label{color:var(--textSecondary);font-size:var(--field-label-font);flex:none}.inspector-row[data-arrangement=inline]>.inspector-menu{flex:none;max-width:45%}.inspector-field input.color-opacity{flex:0 0 52px;width:52px}#file-banner{z-index:25;border:1px solid var(--divider);border-radius:var(--panel-radius);background:var(--panelSurface);max-width:min(720px,90%);color:var(--textPrimary);box-shadow:0 4px 12px var(--panelShadow);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:12px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}#file-banner span{flex:1 0 100%}#file-banner button{border:1px solid var(--divider);border-radius:var(--field-radius);background:var(--controlFill);min-height:32px;padding:4px 10px}#file-banner button[data-primary=true]{background:var(--accentSelection);border-color:#0000}.menubar button[data-application=true]{font-weight:700}.welcome-sheet{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--textPrimary);background:var(--surfacePopover);border:1px solid var(--divider);box-shadow:0 var(--shadow-y) var(--shadow-blur) var(--panelShadow);font:inherit;border-radius:16px;padding:0;font-size:12.5px;overflow:auto}.welcome-sheet::backdrop{background:#00000080}.welcome-header{padding:22px 60px 14px 24px;position:relative}.welcome-sheet h1{margin:0;font-size:26px;font-weight:700}.welcome-build{color:var(--textSecondary);margin:4px 0 0;font-size:12px;line-height:17px}.welcome-close{background:var(--fieldFill);border-radius:50%;width:24px;min-width:24px;height:24px;min-height:24px;position:absolute;top:22px;right:24px}.welcome-sheet.has-restore{width:640px}.welcome-notice{color:var(--textSecondary);margin:0;padding:0 24px 16px;font-size:12px;line-height:17px}.welcome-body{grid-template-columns:minmax(0,1fr);gap:24px;padding:0 24px 22px;display:grid}.has-restore .welcome-body{grid-template-columns:250px 1px minmax(0,1fr)}.has-restore .welcome-body:before{content:"";background:var(--divider);grid-area:1/2;height:130px}.has-restore .welcome-start{grid-area:1/1}.welcome-restore{grid-area:1/3}.welcome-sheet h2{color:var(--textSecondary);margin:0 0 8px;font-size:11.5px;font-weight:500}.welcome-action{text-align:left;justify-content:flex-start;align-items:center;gap:10px;width:100%;min-height:36px;padding:4px 0;font-size:12.5px;display:flex}.welcome-icon-tile{background:var(--controlFill);border-radius:6px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.welcome-row-label{white-space:normal;overflow-wrap:anywhere;min-width:0}.welcome-row-label small{color:var(--textSecondary);margin-top:3px;font-size:11.5px;display:block}.welcome-action kbd{white-space:nowrap;font:inherit;color:var(--textSecondary);margin-left:auto;font-size:11px}.release-notes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.release-notes li{align-items:baseline;gap:8px;line-height:1.5;display:flex}.release-notes li:before{content:"";background:var(--textSecondary);border-radius:50%;flex:0 0 4px;width:4px;height:4px;transform:translateY(-2px)}.welcome-footer{border-top:1px solid var(--divider);background:var(--fieldFill);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px 14px;display:flex}.welcome-follow{white-space:normal;color:var(--accentSelection);text-align:left;justify-content:flex-start;align-items:center;gap:7px;padding:0;font-size:11.5px;display:flex}.welcome-preference{white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.welcome-preference input{accent-color:var(--accentSelection);margin:0}.about-sheet{width:380px;padding:24px}.about-sheet dl{grid-template-columns:auto minmax(0,1fr);gap:10px 20px;margin:24px 0;display:grid}.about-sheet dt{color:var(--textSecondary)}.about-sheet dd{overflow-wrap:anywhere;user-select:text;margin:0}@media (width<=719px){.has-restore .welcome-body{grid-template-columns:minmax(0,1fr);gap:16px}.has-restore .welcome-body:before{display:none}.welcome-restore{border-top:1px solid var(--divider);grid-area:2/1;padding-top:16px}.welcome-footer{flex-direction:column;align-items:flex-start}}.whats-new-sheet{width:420px;padding:22px 24px 20px}.whats-new-sheet .welcome-header{margin-bottom:18px;padding:0 24px 0 0}.whats-new-sheet h1{font-size:20px}.whats-new-sheet .welcome-close{top:0;right:0}.whats-new-sheet .sheet-actions{margin-top:18px}.whats-new-button{height:26px;min-height:26px;color:var(--textSecondary);flex-shrink:0;gap:5px;padding:0 8px;font-size:12.5px;position:relative}.whats-new-button .icon{width:13px;height:13px}.whats-new-button[data-unseen=true]{background:var(--accentSelection);color:#fff;border-radius:13px;padding:0 10px 0 9px;font-weight:600}@media (width<=719px){.whats-new-button,.whats-new-button[data-unseen=true]{width:28px;min-width:28px;height:28px;color:var(--textSecondary);background:0 0;padding:0}.whats-new-label{display:none}.whats-new-button .icon{width:15px;height:15px}.whats-new-button[data-unseen=true]:after{content:"";background:var(--accentSelection);border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:2px}}