:root{--ij-color-page:#f5f4f7;--ij-color-surface:#fff;--ij-color-surface-subtle:#fbfafc;--ij-color-text:#292630;--ij-color-text-muted:#65616c;--ij-color-text-subtle:#77717f;--ij-color-border:#dedbe4;--ij-color-border-strong:#c8c4d0;--ij-color-accent:#9958bd;--ij-color-accent-hover:#864aa9;--ij-color-accent-active:#744095;--ij-color-accent-soft:#f6eef9;--ij-color-accent-soft-hover:#ede0f4;--ij-color-accent-text:#693982;--ij-color-focus:#9958bd;--ij-color-danger:#a12d36;--ij-color-danger-soft:#fff4f5;--ij-color-danger-border:#e0b8bd;--ij-color-warning:#8a6115;--ij-color-warning-soft:#fff8ef;--ij-color-warning-border:#c99c68;--ij-color-inverse:#292630;--ij-color-inverse-text:#fff;--ij-radius-tooltip:4px;--ij-radius-control:6px;--ij-radius-panel:8px;--ij-radius-dialog:12px;--ij-radius-pill:999px;--ij-shadow-floating:0 4px 14px #23192e24;--ij-shadow-dialog:0 16px 40px #23192e2e;--ij-space-1:4px;--ij-space-2:8px;--ij-space-3:12px;--ij-space-4:16px;--ij-space-6:24px;--ij-control-height-compact:36px;--ij-control-height-touch:44px;color:var(--ij-color-text);background:var(--ij-color-page);font-synthesis:none;text-rendering:optimizelegibility;font-family:Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}@media (width<=600px){body{padding-bottom:env(safe-area-inset-bottom)}}.key-palette{min-width:0;padding:0 12px 12px}.key-palette-help{color:var(--ij-color-text-muted);margin:0;font-size:12px;line-height:1.5}.key-palette-presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.key-palette-preset{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);min-width:0;min-height:82px;color:var(--ij-color-text);font:inherit;cursor:grab;touch-action:pan-x pinch-zoom;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 5px;font-size:11px;display:flex}.key-palette-preset:hover:not(:disabled):not([aria-pressed=true]){border-color:var(--ij-color-border-strong);background:var(--ij-color-surface-subtle)}.key-palette-preset[aria-pressed=true]{border-color:var(--ij-color-accent);background:var(--ij-color-accent-soft);color:var(--ij-color-accent-text)}.key-palette-preset:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.key-palette-preset:disabled{opacity:.5;cursor:default}.key-palette-thumbnail{pointer-events:none;width:100%;max-width:94px;height:42px;display:block}.palette-disclosure{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-surface);min-width:0;margin:0 0 12px}.palette-disclosure-toggle{border-radius:var(--ij-radius-panel);width:100%;min-height:44px;color:var(--ij-color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.palette-disclosure-toggle:hover:not(:disabled){background:var(--ij-color-accent-soft)}.palette-disclosure-toggle:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.palette-disclosure-toggle:disabled{opacity:.5;cursor:default}.palette-disclosure-label{overflow-wrap:anywhere;min-width:0}.palette-chevron{border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:6px;height:6px;transition:transform .15s;transform:rotate(-45deg)}.palette-disclosure-toggle[aria-expanded=true] .palette-chevron{transform:rotate(45deg)}.key-palette-instruction{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:44px;margin-bottom:6px;display:grid}.palette-cancel{border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);min-height:44px;color:var(--ij-color-text);font:inherit;cursor:pointer;padding:6px 10px;font-size:12px}.palette-cancel:hover:not(:disabled){background:var(--ij-color-accent-soft)}.palette-cancel:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}@media (width<=720px){.key-palette-presets{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=600px),(orientation:landscape) and (height<=600px){.key-palette-presets{overscroll-behavior-x:contain;touch-action:pan-x pinch-zoom;flex-wrap:nowrap;gap:8px;min-width:0;padding:3px 3px 8px;scroll-padding-inline:3px;display:flex;overflow-x:auto}.key-palette-preset{flex:0 0 104px}.key-palette-instruction{min-height:48px}}@media (prefers-reduced-motion:reduce){.palette-chevron{transition:none}}.placement-notice button,.key-inspector .lifecycle-group-actions button{border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);min-height:44px;color:var(--ij-color-text);font:inherit;cursor:pointer;padding:8px 12px;font-size:13px}.placement-notice button:hover:not(:disabled),.key-inspector .lifecycle-group-actions button:hover:not(:disabled){background:var(--ij-color-accent-soft)}.placement-notice button:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.placement-notice{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-control);color:var(--ij-color-text-muted);background:var(--ij-color-surface-subtle);flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;padding:8px 10px;font-size:13px;display:flex}.editor-viewport-svg[data-placement-active=true]{cursor:crosshair}.editor-viewport-svg[data-placement-active=true][data-pan-active=true]{cursor:grabbing}.lifecycle-diagnostics{overflow-wrap:anywhere;border:1px solid #dedbe4;border-radius:6px;gap:5px;margin:12px 0;padding:10px;font-size:12px;display:grid}.lifecycle-diagnostics ul{max-height:180px;padding-left:20px;overflow:auto}.lifecycle-group-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.lifecycle-group-actions button{width:100%;min-width:0}@media (width>=801px){:is(.layout-editor-page,.settings-showcase,.lifecycle-showcase) .editor-viewport-with-inspector .editor-viewport-svg,:is(.layout-editor-page,.settings-showcase,.lifecycle-showcase) .editor-viewport-with-inspector>.key-inspector{height:clamp(28rem,100dvh - 27rem,44rem);min-height:0;max-height:none}}.lifecycle-panel,.editor-viewport-main{min-width:0}.color-picker-control{grid-area:1/2;align-self:end;display:inline-flex;position:relative}.inspector-color-picker{box-sizing:border-box;inline-size:var(--color-control-size,var(--ij-control-height-compact));block-size:var(--color-control-size,var(--ij-control-height-compact));min-inline-size:var(--color-control-size,var(--ij-control-height-compact));min-block-size:var(--color-control-size,var(--ij-control-height-compact));aspect-ratio:1;border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);cursor:pointer;padding:0;display:block;position:relative}.color-picker-control:has(button:disabled){opacity:.5}.color-picker-control:has(button:focus-visible){outline:3px solid var(--ij-color-focus);outline-offset:2px;border-radius:var(--ij-radius-control)}.color-picker-swatch{box-sizing:border-box;border:1px solid var(--ij-color-border);pointer-events:none;border-radius:2px;position:absolute;inset:3px}.color-mixed-swatch{background:repeating-linear-gradient(135deg,#ddd9e3 0 5px,#fff 5px 10px)}.color-picker-dialog{box-sizing:border-box;width:min(340px,100vw - 24px);max-height:min(680px,100dvh - 24px);color:var(--ij-color-text);background:var(--ij-color-surface);border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-dialog);box-shadow:var(--ij-shadow-dialog);margin:auto;padding:0;overflow:auto}.color-picker-dialog::backdrop{background:#18131e6b}.color-picker-dialog header,.color-picker-dialog footer{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.color-picker-dialog header{border-bottom:1px solid var(--ij-color-border)}.color-picker-dialog h2{margin:0;font-size:16px}.color-picker-close{place-items:center;width:44px;height:44px;padding:0;display:grid}.color-picker-close svg{width:20px;height:20px}.color-picker-body{gap:12px;padding:14px;display:grid}.color-picker-sv{border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);cursor:crosshair;touch-action:none;height:164px;position:relative;overflow:hidden}.color-picker-sv-white,.color-picker-sv-black{pointer-events:none;position:absolute;inset:0}.color-picker-sv-white{background:linear-gradient(90deg,#fff,#0000)}.color-picker-sv-black{background:linear-gradient(#0000,#000)}.color-picker-sv-indicator{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #222}.color-picker-hue,.color-picker-hex,.color-picker-sv-values label,.color-picker-rgb label{color:var(--ij-color-text-muted);gap:4px;font-size:12px;display:grid}.color-picker-hue input[type=range]{appearance:none;border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-pill);cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);width:100%;height:12px;margin:4px 0}.color-picker-hue input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--ij-color-border-strong);background:var(--ij-color-surface);border-radius:50%;width:20px;height:20px}.color-picker-hue input[type=range]::-moz-range-thumb{border:2px solid var(--ij-color-border-strong);background:var(--ij-color-surface);border-radius:50%;width:16px;height:16px}.color-picker-hue input[type=range]:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:4px}.color-picker-sv-values,.color-picker-rgb{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.color-picker-rgb{grid-template-columns:repeat(3,minmax(0,1fr))}.color-picker-dialog input:not([type=range]){box-sizing:border-box;width:100%;min-width:0;min-height:44px;color:var(--ij-color-text);background:var(--ij-color-surface);border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);font:inherit;padding:6px 8px;font-size:14px}.color-picker-dialog input[aria-invalid=true]{border-color:var(--ij-color-danger)}.color-picker-dialog input:focus-visible,.color-picker-dialog button:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.color-picker-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.color-picker-previews>div{color:var(--ij-color-text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.color-picker-preview{box-sizing:border-box;border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);width:36px;height:36px;display:block}.color-picker-error{color:var(--ij-color-danger);margin:0;font-size:12px}.color-picker-dialog footer{background:var(--ij-color-surface);border-top:1px solid var(--ij-color-border);justify-content:flex-end;gap:8px;position:sticky;bottom:0}.color-picker-dialog button{min-height:44px;color:var(--ij-color-text);background:var(--ij-color-surface);border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);font:inherit;cursor:pointer;padding:0 14px;font-size:13px}.color-picker-dialog button:hover{background:var(--ij-color-accent-soft)}.color-picker-dialog button.color-picker-apply{color:var(--ij-color-inverse-text);background:var(--ij-color-accent);border-color:var(--ij-color-accent)}.color-picker-dialog button.color-picker-apply:hover{background:var(--ij-color-accent-hover)}.color-picker-dialog button:disabled{opacity:.5;cursor:not-allowed}@media (height<=440px){.color-picker-dialog{max-height:calc(100dvh - 12px)}.color-picker-sv{height:110px}}[data-legend-position]{font-synthesis:none}.settings-panel section+section{border-top:1px solid var(--ij-color-border)}.settings-help{color:var(--ij-color-text-muted);margin:9px 0 0;font-size:12px;line-height:1.5}.settings-snap-description{color:var(--ij-color-text-muted);margin:8px 0 0;font-size:12px;line-height:1.5}.settings-snap-note{color:var(--ij-color-text-subtle);margin:6px 0 0;font-size:11px;line-height:1.5}.settings-panel input:not([type=radio]):not([type=checkbox]),.settings-panel select{min-height:44px}.settings-checkbox{align-items:center;gap:9px;min-height:44px;font-size:13px;display:flex}.settings-checkbox input,.legend-font-choice input{width:16px;height:16px;accent-color:var(--ij-color-accent);flex-shrink:0;margin:0}.legend-font-picker{border:0;gap:6px;min-width:0;margin:12px 0 0;padding:0;display:grid}.legend-font-choice{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-surface);cursor:pointer;align-items:center;gap:10px;min-height:54px;padding:9px 10px;display:flex}.legend-font-choice:hover:not(:has(input:checked)){border-color:var(--ij-color-border-strong)}.legend-font-choice[data-unavailable]{cursor:not-allowed;opacity:.68}.legend-font-choice[data-unavailable]:hover{border-color:var(--ij-color-border)}.legend-font-choice:has(input:checked){background:var(--ij-color-accent-soft);border-color:var(--ij-color-accent);color:var(--ij-color-accent-text)}.legend-font-choice:has(input:focus-visible){outline:3px solid var(--ij-color-focus);outline-offset:2px}.legend-font-choice>span:not(.font-choice-check){flex:1;min-width:0}.legend-font-choice strong,.legend-font-choice small{overflow-wrap:anywhere;display:block}.legend-font-choice strong{font-size:12px}.legend-font-choice small{color:var(--ij-color-text-muted);margin-top:3px;font-size:11px}.legend-font-choice .legend-font-deployment-note{color:var(--ij-color-warning)}.font-choice-check{color:var(--ij-color-accent-text)}.settings-showcase,.layout-editor-page{max-width:1440px;margin:0 auto;padding:28px}.settings-showcase>header,.layout-editor-page>header{margin-bottom:24px}.settings-showcase h1,.layout-editor-page h1{margin:6px 0 12px;font-size:28px}.settings-showcase header p,.layout-editor-page header p{color:var(--ij-color-text-muted);line-height:1.55}.layout-editor-page .editor-page-title{gap:3px;margin:0 0 10px;line-height:1.25;display:grid}.editor-page-brand-line{flex-wrap:wrap;align-items:baseline;gap:4px 7px;display:flex}.editor-page-brand{color:var(--ij-color-text-muted);font-size:14px;font-weight:400}.editor-page-credit{color:var(--ij-color-text-muted);font-size:12px;font-weight:400}.editor-page-credit a,.editor-page-credit a:visited{color:var(--ij-color-text-muted);text-decoration:underline;-webkit-text-decoration-color:var(--ij-color-border-strong);text-decoration-color:var(--ij-color-border-strong);text-underline-offset:2px}.editor-page-credit a:hover{color:var(--ij-color-accent-text);text-decoration-color:currentColor}.editor-page-credit a:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px;border-radius:var(--ij-radius-tooltip)}.editor-page-name{font-size:28px}.editor-page-intro{color:var(--ij-color-text-muted);line-height:1.5}.layout-editor-page .editor-intro-lead{margin:0 0 8px}.editor-page-intro ul{gap:4px;margin:0;padding-left:20px;font-size:13px;display:grid}.editor-page-intro li{padding-left:2px}.i18n-notification-fixtures{gap:8px;padding:0;list-style:none;display:grid}.i18n-notification-fixtures>li,.i18n-notification-fixtures details{overflow-wrap:anywhere;min-width:0}.settings-review-status{border:1px solid var(--ij-color-warning-border);border-radius:var(--ij-radius-control);background:var(--ij-color-warning-soft);color:var(--ij-color-warning);padding:5px 9px;font-size:12px;display:inline-block}.font-comparison-section{margin-top:40px}.font-comparison-section>p{color:#65616c;line-height:1.55}.font-comparison-index{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.font-comparison-index a{color:#49435f;background:#fff;border:1px solid #dedbe4;border-radius:8px;min-height:44px;padding:12px}.font-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.font-comparison-card{background:#fff;border:1px solid #dedbe4;border-radius:12px;min-width:0;padding:18px;scroll-margin-top:20px}.font-comparison-card h3{margin:0;font-size:18px}.font-comparison-card p{color:#65616c;margin:8px 0 14px;font-size:12px;line-height:1.5}.font-comparison-scroll{border-radius:8px;overflow-x:auto}.font-comparison-scroll svg{width:640px;height:576px;display:block}.font-comparison-caption{color:#77717f;margin-top:12px;font-size:11px;line-height:1.7}.settings-panel :is(input,select,textarea,a):focus-visible,.font-comparison-index a:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}@media (width<=1000px){.font-comparison-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.settings-showcase,.layout-editor-page{padding:16px}.editor-page-name{font-size:22px}.font-comparison-card{padding:12px}}.editor-viewport-svg[data-move-state=pending-marquee],.editor-viewport-svg[data-move-state=active-marquee]{cursor:crosshair}.settings-root .selection-overview-row{grid-template-columns:minmax(0,1fr) 20px;gap:5px 8px;padding:12px}.settings-root .selection-row-summary{text-align:left;white-space:normal;overflow-wrap:anywhere;grid-column:1;line-height:1.45}.settings-display-summary{gap:3px;display:grid}.settings-layout-info-summary{gap:3px;min-width:0;display:grid}.settings-layout-info-summary>span{overflow-wrap:anywhere;white-space:pre-wrap}.settings-metadata-field textarea{resize:vertical;white-space:pre;min-height:88px;overflow:auto}.settings-display-summary>span{overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;display:flex}.settings-background-swatch{border:1px solid #817b89;border-radius:3px;flex:0 0 14px;width:14px;height:14px}.settings-background-swatch[data-invalid]{background:repeating-linear-gradient(135deg,#fff 0 3px,#c9c5cd 3px 6px)}.settings-root .settings-row-arrow{text-align:right;grid-area:1/2/3;place-self:center end}.multi-key-property-editor{gap:12px;min-width:0;display:grid}.bulk-property-field{gap:6px;min-width:0;display:grid}.multi-key-property-editor :is(input,select,button){min-height:44px}.multi-property-case{margin:32px 0}.multi-property-case>label{max-width:420px;margin-bottom:16px}.creation-default-review{margin-top:18px}.creation-default-review button{color:#49435f;cursor:pointer;background:#fff;border:1px solid #dedbe4;border-radius:8px;min-height:44px;margin:12px 0;padding:10px 14px;display:block}.creation-default-review button:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.creation-default-review svg{display:block}.viewport-showcase{max-width:1440px;margin:0 auto;padding:32px}.viewport-showcase h1{margin:8px 0;font-size:28px}.viewport-showcase header p,.viewport-case>p{color:#56535e}.viewport-case{background:#fff;border:1px solid #dedbe4;border-radius:12px;min-width:0;margin:20px 0;padding:16px}.viewport-case h2{margin:0 0 8px;font-size:18px}.viewport-case p{overflow-wrap:anywhere}.viewport-comparisons{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;display:grid}.viewport-comparisons .viewport-case{margin:0}.editor-viewport{width:100%;min-width:0}.editor-pre-canvas,.editor-viewport-main,.editor-secondary-controls,.editor-utilities{min-width:0}.editor-utility-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.editor-utility-primary{align-items:center;gap:8px;display:flex}.editor-utility-row .document-menu{margin-bottom:0}.editor-utility-trailing{margin-left:auto}.editor-utility-trailing .app-language-select{white-space:nowrap;align-items:center;gap:6px;padding-top:0;display:flex}.controls-cheat-trigger{border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);min-height:44px;color:var(--ij-color-text);font:inherit;cursor:pointer;padding:8px 13px;font-size:13px}.controls-cheat-trigger:hover:not(:disabled){background:var(--ij-color-accent-soft)}.controls-cheat-trigger:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.controls-cheat-panel{box-sizing:border-box;border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-surface-subtle);min-width:0;margin:0 0 12px;padding:14px}.controls-cheat-panel[hidden]{display:none}.controls-cheat-panel h3{margin:0 0 12px;font-size:14px}.controls-cheat-panel dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.controls-cheat-panel dl>div{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);overflow-wrap:anywhere;min-width:0;padding:9px 10px}.controls-cheat-panel dt{font-size:12px;font-weight:700}.controls-cheat-panel dd{color:var(--ij-color-text-muted);margin:3px 0 0;font-size:12px}.editor-viewport-with-inspector{grid-template-columns:minmax(0,1fr) 336px;grid-template-areas:"pre pre""main inspector""secondary inspector";align-items:start;column-gap:14px;display:grid}.editor-viewport-with-inspector>.editor-pre-canvas{grid-area:pre}.editor-viewport-with-inspector>.editor-viewport-main{grid-area:main}.editor-viewport-with-inspector>.key-inspector{grid-area:inspector}.editor-viewport-with-inspector>.editor-secondary-controls{grid-area:secondary}.canvas-region{min-width:0;position:relative;container-type:inline-size}.canvas-hud{z-index:1;pointer-events:none;position:absolute;inset:0}.hud-cluster{pointer-events:auto}.hud-multi,.history-controls,.hud-lifecycle,.hud-zoom,.hud-transform,.hud-feedback{position:absolute}.hud-multi{top:10px;left:10px}.history-controls{gap:5px;display:flex;top:10px;right:10px}.hud-lifecycle{grid-template-columns:repeat(2,44px);gap:5px;display:grid;bottom:10px;left:10px}.hud-zoom{gap:5px;display:flex;bottom:10px;right:10px}.hud-transform{pointer-events:none;justify-items:center;gap:6px;width:min(320px,100% - 20px);display:grid;top:60px;left:50%;transform:translate(-50%)}.hud-transform>*{pointer-events:auto}.hud-feedback{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-control);width:max-content;max-width:min(300px,100% - 130px);max-height:55px;color:var(--ij-color-text);overflow-wrap:anywhere;background:#ffffffe8;padding:6px 10px;font-size:12px;bottom:58px;right:10px;overflow:auto}.hud-feedback:empty{display:none}.hud-feedback{pointer-events:none}.canvas-hud button{border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);min-width:44px;min-height:44px;color:var(--ij-color-text);font:inherit;cursor:pointer;touch-action:manipulation;background:#ffffffeb;justify-content:center;align-items:center;padding:5px 8px;font-size:12px;display:inline-flex}.canvas-hud button:hover:not(:disabled):not([aria-pressed=true]):not([aria-expanded=true]){background:var(--ij-color-accent-soft)}.canvas-hud button:disabled{opacity:.5;cursor:default}.canvas-hud button:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.canvas-hud button[aria-pressed=true],.canvas-hud button[aria-expanded=true]{border-color:var(--ij-color-accent);background:var(--ij-color-accent-soft);color:var(--ij-color-accent-text)}.hud-multi button{white-space:nowrap;gap:5px;padding:5px 9px;display:flex}.hud-multi-mark{font-size:18px;font-weight:700}.hud-icon-slot{display:inline-flex;position:relative}.hud-icon-slot button{width:44px;height:44px;padding:0}.hud-tooltip{z-index:8;border-radius:var(--ij-radius-tooltip);background:var(--ij-color-inverse);width:max-content;max-width:160px;color:var(--ij-color-inverse-text);visibility:hidden;opacity:0;pointer-events:none;padding:4px 7px;font-size:11px;line-height:1.25;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.hud-icon-slot:hover .hud-tooltip,.hud-icon-slot:focus-within .hud-tooltip{visibility:visible;opacity:1}.history-controls .hud-tooltip{top:calc(100% + 5px);bottom:auto}@container (width<520px){.history-controls .hud-tooltip{inset:50% auto auto;transform:translateY(-50%)}.history-controls .hud-icon-slot:first-child .hud-tooltip{right:calc(100% + 5px)}.history-controls .hud-icon-slot:last-child .hud-tooltip{right:calc(200% + 10px)}}@container (width>=342px){.hud-transform{top:10px}.canvas-hud:has(.hud-transform) .history-controls .hud-tooltip{inset:calc(100% + 5px) auto auto 50%;transform:translate(-50%)}}@container (width>=360px) and (width<400px){.hud-transform[data-selection-kind=single] .transform-mode-controls button{min-width:76px}}.hud-lifecycle .hud-tooltip{left:0;transform:none}.hud-zoom .hud-tooltip{left:auto;right:0;transform:none}.hud-delete{color:var(--ij-color-danger)!important}.transform-mode-controls{grid-template-columns:repeat(2,minmax(max-content,1fr));align-items:center;gap:0;width:max-content;max-width:100%;display:grid}.transform-mode-controls button{box-sizing:border-box;white-space:nowrap;width:100%;min-width:84px;position:relative}.transform-mode-controls button:not([aria-pressed=true]){background:var(--ij-color-surface)}.transform-mode-controls button:first-child{border-radius:var(--ij-radius-control) 0 0 var(--ij-radius-control)}.transform-mode-controls button:last-child{border-radius:0 var(--ij-radius-control) var(--ij-radius-control) 0;margin-left:-1px}.transform-mode-controls button[aria-pressed=true]{z-index:1}.transform-mode-controls button:focus-visible{z-index:2}.transform-mode-label-compact{display:none}@container (width<460px){.hud-transform[data-selection-kind=multi] .transform-mode-controls button{min-width:70px;padding:5px 1px;font-size:11px}.hud-transform[data-selection-kind=multi] .transform-mode-label-full{display:none}.hud-transform[data-selection-kind=multi] .transform-mode-label-compact{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex}}.hud-fine-toggle{white-space:nowrap}.hud-fine-panel{box-sizing:border-box;border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-panel);width:100%;max-height:170px;box-shadow:var(--ij-shadow-floating);background:#ffffffe6;padding:8px;position:relative;overflow:auto}.hud-fine-panel:has(.numeric-resize-controls){grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:6px;display:grid}.hud-fine-panel:has(.rotation-anchor-control){grid-template-columns:120px minmax(0,1fr);align-items:end;gap:8px;display:grid}.hud-fine-panel:has(.numeric-rotation-error){padding-bottom:40px}.hud-fine-close{width:44px;position:absolute;top:5px;right:8px;min-width:44px!important;min-height:44px!important;padding:0!important}.hud-fine-panel:has(.numeric-resize-controls) .hud-fine-close{grid-area:1/2;position:static}.hud-fine-panel .rotation-anchor-control{align-self:end;justify-items:start;gap:6px;display:grid}.hud-fine-panel .rotation-anchor-control>span{display:none}.hud-fine-panel .anchor-picker{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);grid-template-columns:repeat(3,36px);gap:2px;padding:3px;display:grid}.hud-fine-panel .anchor-picker button{background:0 0;border:0;width:36px;min-width:36px;min-height:36px;padding:0}.hud-fine-panel .anchor-picker button[aria-pressed=true]{background:var(--ij-color-accent-soft)}.hud-fine-panel .anchor-picker button span{background:var(--ij-color-text-subtle);border-radius:50%;width:5px;height:5px}.hud-fine-panel .anchor-picker button[aria-pressed=true] span{background:var(--ij-color-accent)}.hud-fine-panel .numeric-resize-controls,.hud-fine-panel .numeric-rotation-controls{flex-wrap:wrap;gap:6px;padding-right:30px;display:flex}.hud-fine-panel .numeric-resize-controls{grid-area:1/1;grid-template-columns:max-content max-content minmax(0,1fr) max-content;align-items:center;gap:4px 6px;min-width:0;padding:0;display:grid}.hud-fine-panel .numeric-resize-controls>span{justify-self:center;align-items:center;min-height:44px;display:flex}.hud-fine-panel .numeric-resize-controls>button{justify-self:end}.hud-fine-panel .numeric-resize-error{grid-column:1/-1}.hud-fine-panel .numeric-rotation-controls{align-self:end;min-width:0;padding:0;display:block;position:relative}.hud-fine-panel .numeric-rotation-row{align-items:flex-end;gap:6px;width:100%;display:flex}.hud-fine-panel .numeric-rotation-row>button{margin-left:auto}.hud-fine-panel .numeric-rotation-controls label{flex-direction:column;align-items:flex-start;gap:2px}.hud-fine-panel .numeric-rotation-row>span{align-items:center;min-height:44px;display:flex}.hud-fine-panel :is(.numeric-resize-controls,.numeric-rotation-controls) input{width:64px;min-height:44px}.hud-fine-panel :is(.numeric-resize-controls,.numeric-rotation-controls) button{min-height:44px}.hud-fine-panel .numeric-resize-error,.hud-fine-panel .numeric-rotation-error{flex-basis:100%}.hud-fine-panel .numeric-rotation-error{position:absolute;top:calc(100% + 4px);left:0;right:0}.editor-viewport-svg{-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;width:100%;height:360px;display:block;overflow:hidden}.editor-viewport-svg[data-editor-hover=key],.editor-viewport-svg[data-editor-hover=group],.editor-viewport-svg[data-control-hover=rotation-handle]{cursor:grab}.editor-viewport-svg[data-control-gesture=rotation]{cursor:grabbing}.editor-viewport-svg[data-resize-cursor=left],.editor-viewport-svg[data-resize-cursor=right]{cursor:ew-resize}.editor-viewport-svg[data-resize-cursor=top],.editor-viewport-svg[data-resize-cursor=bottom]{cursor:ns-resize}.editor-viewport-svg[data-resize-cursor=top-left],.editor-viewport-svg[data-resize-cursor=bottom-right]{cursor:nwse-resize}.editor-viewport-svg[data-resize-cursor=top-right],.editor-viewport-svg[data-resize-cursor=bottom-left]{cursor:nesw-resize}.editor-viewport-svg[data-move-state=active]{cursor:grabbing}.editor-viewport-svg[data-pan-armed=true]{cursor:grab}.editor-viewport-svg[data-pan-active=true]{cursor:grabbing}.editor-viewport-svg:focus-visible{outline:2px solid var(--ij-color-focus);outline-offset:2px}.history-controls,.numeric-resize-controls,.numeric-rotation-controls,.rotation-anchor-control{align-items:center;gap:6px;display:flex}.rotation-anchor-control,.numeric-rotation-controls{flex-shrink:0}.rotation-anchor-control>span{color:var(--ij-color-text-muted);font-size:12px}.numeric-resize-controls label,.numeric-rotation-controls label{color:var(--ij-color-text-muted);align-items:center;gap:4px;font-size:13px;display:flex}.numeric-resize-controls input,.numeric-rotation-controls input{width:72px;min-height:var(--ij-control-height-compact);border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);color:var(--ij-color-text);font:inherit;font-variant-numeric:tabular-nums;padding:5px 7px}.numeric-resize-controls input:focus-visible,.numeric-rotation-controls input:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.numeric-resize-controls input[aria-invalid=true],.numeric-rotation-controls input[aria-invalid=true]{border-color:var(--ij-color-danger)}.numeric-resize-controls>span,.numeric-rotation-row>span{color:var(--ij-color-text-muted);font-size:12px}.numeric-resize-error,.numeric-rotation-error{color:var(--ij-color-danger);flex-basis:100%;font-size:12px}.selection-status{color:var(--ij-color-text-muted);overflow-wrap:anywhere;margin-top:10px;font-size:12px;display:block}.move-status,.transform-status{color:var(--ij-color-text-muted);overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}.showcase-nav{flex-wrap:wrap;gap:20px;max-width:1440px;margin:auto;padding:16px 32px 0;display:flex}.showcase-nav a{color:var(--ij-color-text)}.showcase-nav a:hover{color:var(--ij-color-accent-text)}.showcase-nav a:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.selection-showcase{max-width:1440px;margin:0 auto;padding:32px}.selection-showcase h1{margin:8px 0;font-size:28px}.selection-showcase header p,.selection-case>p{color:#56535e}.selection-comparisons{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;display:grid}.selection-case{background:#fff;border:1px solid #dedbe4;border-radius:12px;min-width:0;padding:16px}.selection-case h2{margin:0 0 8px;font-size:18px}.selection-case p{overflow-wrap:anywhere}.move-showcase{max-width:1440px;margin:0 auto;padding:32px}.move-showcase h1{margin:8px 0;font-size:28px}.move-showcase header p,.move-case>p{color:#56535e}.move-comparisons{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;display:grid}.move-case{background:#fff;border:1px solid #dedbe4;border-radius:12px;min-width:0;padding:16px}.move-case h2{margin:0 0 8px;font-size:18px}.move-case p{overflow-wrap:anywhere}.transform-showcase{max-width:1440px;margin:0 auto;padding:32px}.transform-showcase h1{margin:8px 0;font-size:28px}.transform-showcase header p,.transform-case>p{color:#56535e}.transform-comparisons{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:16px;display:grid}.transform-case{background:#fff;border:1px solid #dedbe4;border-radius:12px;min-width:0;padding:16px}.transform-case h2{margin:0 0 8px;font-size:18px}.transform-case p{overflow-wrap:anywhere}.property-showcase{max-width:1440px;margin:0 auto;padding:32px}.property-showcase h1{margin:8px 0;font-size:28px}.property-showcase header p,.property-case>p{color:#56535e}.property-comparisons{gap:18px;display:grid}.property-case{background:#fff;border:1px solid #dedbe4;border-radius:12px;min-width:0;padding:16px}.property-case h2{margin:0 0 8px;font-size:18px}.property-case>p{margin-top:0}.legend-showcase{max-width:1440px;margin:0 auto;padding:32px}.legend-showcase h1{margin:8px 0;font-size:28px}.legend-showcase header p,.legend-case>p{color:#56535e}.legend-comparisons{gap:18px;display:grid}.legend-case{background:#fff;border:1px solid #dedbe4;border-radius:12px;min-width:0;padding:16px}.legend-case h2{margin:0 0 8px;font-size:18px}.legend-case>p{margin-top:0}.entities-showcase{max-width:1440px;margin:0 auto;padding:32px}.entities-showcase h1{margin:8px 0;font-size:28px}.entities-showcase header p,.entities-case>p{color:#56535e}.entities-comparisons{gap:18px;display:grid}.entities-case{background:#fff;border:1px solid #dedbe4;border-radius:12px;min-width:0;padding:16px}.entities-case h2{margin:0 0 8px;font-size:18px}.entities-case>p{margin-top:0}.key-inspector{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-surface);width:336px;max-height:720px;color:var(--ij-color-text);overflow:auto}.key-inspector-header{z-index:1;border-bottom:1px solid var(--ij-color-border);background:var(--ij-color-surface);justify-content:space-between;align-items:center;min-height:44px;padding:10px 14px;font-size:14px;font-weight:700;display:flex;position:sticky;top:0}.inspector-locked{color:var(--ij-color-text-muted);font-size:11px;font-weight:500}.inspector-empty{color:var(--ij-color-text-muted);margin:0;padding:24px 14px;font-size:14px}.inspector-selection-summary{border-bottom:1px solid var(--ij-color-border);background:var(--ij-color-surface-subtle);color:var(--ij-color-text-muted);margin:0;padding:10px 14px;font-size:12px;font-weight:600}.key-inspector-content section{border-bottom:1px solid var(--ij-color-border);padding:14px}.key-inspector-content section:last-child{border-bottom:0}.key-inspector-content h3{letter-spacing:.02em;margin:0 0 12px;font-size:13px}.key-inspector-content h4{color:var(--ij-color-text-muted);margin:0;font-size:12px}.inspector-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.inspector-field{min-width:0;color:var(--ij-color-text-muted);gap:5px;font-size:12px;display:grid}.inspector-field input,.inspector-field select,.inspector-field textarea{width:100%;min-width:0;min-height:var(--ij-control-height-compact);border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);color:var(--ij-color-text);font:inherit;font-variant-numeric:tabular-nums;padding:6px 8px;font-size:13px}.inspector-field :is(input,select,textarea):focus-visible,.entity-search input:focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.inspector-field textarea{resize:vertical;white-space:pre;line-height:1.35;overflow:auto}.inspector-field :is(input,textarea)[aria-invalid=true]{border-color:var(--ij-color-danger)}.inspector-field :is(input,textarea):read-only{background:var(--ij-color-surface-subtle);color:var(--ij-color-text-muted)}.inspector-field-error{color:var(--ij-color-danger);font-size:11px;line-height:1.3}.inspector-subsection{border-top:1px solid var(--ij-color-border);margin-top:14px;padding-top:12px}.inspector-subsection-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.key-inspector button{min-height:var(--ij-control-height-compact);border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);color:var(--ij-color-text);font:inherit;cursor:pointer;padding:5px 9px;font-size:12px}.key-inspector button:hover:not(:disabled):not([aria-selected=true]):not([aria-pressed=true]):not(.entity-delete-button){background:var(--ij-color-accent-soft)}.key-inspector button:disabled,.key-inspector input:disabled,.key-inspector select:disabled,.key-inspector textarea:disabled{opacity:.5;cursor:default}.key-inspector button:focus-visible,.key-inspector :is(input,select,textarea):focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.inspector-tabs{z-index:1;border-bottom:1px solid var(--ij-color-border);background:var(--ij-color-surface);grid-template-columns:repeat(3,minmax(0,1fr));padding:0 10px;display:grid;position:sticky;top:44px}.key-inspector .inspector-tabs button{min-width:0;min-height:44px;color:var(--ij-color-text-subtle);white-space:pre-line;overflow-wrap:normal;word-break:normal;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:6px 10px 4px;font-size:13px;font-weight:600;line-height:1.2}.key-inspector .inspector-tabs button[aria-selected=true]{border-bottom-color:var(--ij-color-accent);color:var(--ij-color-accent-text);background:0 0;font-weight:700}.key-inspector .inspector-tabs button:focus-visible{z-index:1;outline:3px solid var(--ij-color-focus);outline-offset:-3px;border-radius:var(--ij-radius-tooltip);position:relative}.selection-key-summary{gap:5px;margin-bottom:16px;font-size:12px;display:grid}.selection-key-summary span{color:var(--ij-color-text-subtle);overflow-wrap:anywhere}.selection-overview-rows{gap:6px;display:grid}.key-inspector .selection-overview-row{text-align:left;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;min-width:0;min-height:52px;display:grid}.selection-row-summary{min-width:0;color:var(--ij-color-text-subtle);text-align:right;text-overflow:clip;white-space:nowrap;white-space:normal;overflow-wrap:anywhere;font-size:11px;overflow:visible}.selection-row-warning{color:var(--ij-color-warning);white-space:nowrap}.selection-warning-total{color:var(--ij-color-warning);margin:14px 0 0;font-size:11px;line-height:1.4}.inspector-detail-heading{padding:10px 14px 0}.key-inspector .inspector-detail-heading button{min-height:44px;color:var(--ij-color-accent-text);background:0 0;border-color:#0000}.membership-apply-target{color:var(--ij-color-text-muted);margin:-4px 0 16px;font-size:12px;line-height:1.4}.bright-group-showcase{margin-top:32px}.bright-group-showcase>p{color:#56535e}.bright-group-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.bright-group-card{background:#fff;border:1px solid #dedbe4;border-radius:12px;min-width:0;padding:12px}.bright-group-card h3{margin:0 0 10px;font-size:14px}.bright-group-card h3 small{color:#77717f;margin-left:8px;font-weight:400}.group-text-color{color:#77717f;font-variant-numeric:tabular-nums;margin:-4px 0 8px;font-size:10px}.group-tone-section{margin-top:24px}.group-tone-heading{align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.group-tone-heading h3,.group-tone-heading p{margin:0}.group-tone-heading p{color:#77717f;font-size:12px}.group-tone-artwork{border:1px solid #ebe8ef;border-radius:8px;width:100%;height:148px;display:block}.formal-legend-return{margin-top:28px}.formal-legend-return>h3,.formal-legend-return>p{margin:0 0 8px}.formal-legend-return>p{color:#56535e}.formal-legend-return>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:640px;display:grid}.formal-legend-return article{background:#fff;border:1px solid #dedbe4;border-radius:12px;min-width:0;padding:12px}.formal-legend-return h4{margin:0 0 8px;font-size:12px}.inspector-checkbox{align-items:center;gap:7px;margin-top:12px;font-size:13px;display:flex}.inspector-checkbox input{width:16px;height:16px;accent-color:var(--ij-color-accent);margin:0}.inspector-unit-note,.inspector-unset{color:var(--ij-color-text-subtle);margin-top:6px;font-size:11px;display:inline-block}.inspector-row-control{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;margin:10px 0;display:grid}.inspector-row-control .inspector-unset{grid-column:1/-1;margin-top:-2px}.inspector-color-field{--color-control-size:var(--ij-control-height-compact);grid-template-columns:minmax(0, 1fr) var(--color-control-size);align-items:end;gap:7px;margin-top:10px;display:grid}.settings-panel .inspector-color-field{--color-control-size:44px}.inspector-issues{color:var(--ij-color-warning);gap:6px;margin:10px 0 0;padding:0;font-size:11px;line-height:1.35;list-style:none;display:grid}.inspector-warning-summary{color:var(--ij-color-warning);background:var(--ij-color-warning-soft)}.legend-defaults,.legend-position-editor{gap:10px;display:grid}.legend-position-editor{border-top:1px solid var(--ij-color-border);margin-top:15px;padding-top:12px}.legend-position-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.legend-position-picker button{min-width:0;min-height:var(--ij-control-height-compact);place-items:center;padding:4px;display:grid;position:relative}.legend-position-picker button[aria-pressed=true]{border-color:var(--ij-color-accent);background:var(--ij-color-accent-soft);color:var(--ij-color-accent-text)}.legend-position-picker button i{background:var(--ij-color-accent);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.legend-front-label{color:var(--ij-color-text-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:-4px;font-size:11px;font-weight:600}.legend-selected-position{color:var(--ij-color-text);font-size:12px}.legend-position-fields{gap:10px;display:grid}.inspector-raw-text-field textarea{height:var(--ij-control-height-compact);min-height:var(--ij-control-height-compact);resize:vertical}.legend-color-editor{gap:7px;display:grid}.legend-color-editor .inspector-color-field{margin-top:0}.multi-key-property-editor>.inspector-subsection{padding:12px 0 0}.legend-move-controls{grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:10px;width:100%;min-width:0;display:grid}.legend-move-controls>*{min-width:0}.multi-key-property-editor .legend-move-controls>button{align-self:end;min-height:44px}.legend-size-field{margin-top:2px}.legend-effective-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;display:grid}.legend-effective-values div{border-radius:var(--ij-radius-control);background:var(--ij-color-surface-subtle);min-width:0;padding:7px 8px}.legend-effective-values dt{color:var(--ij-color-text-subtle);font-size:10px}.legend-effective-values dd{overflow-wrap:anywhere;color:var(--ij-color-text);margin:2px 0 0;font-size:12px;font-weight:600}.legend-kle-html-badge{border:1px solid var(--ij-color-warning-border);border-radius:var(--ij-radius-pill);background:var(--ij-color-warning-soft);color:var(--ij-color-warning);justify-self:start;padding:4px 7px;font-size:10px;font-weight:600}.legend-info{color:var(--ij-color-warning);font-size:11px;line-height:1.35}.legend-clear-position{justify-self:start}.entity-empty-state{color:var(--ij-color-text-subtle);margin:0;font-size:12px}.membership-section,.entities-section{background:var(--ij-color-surface)}.membership-tags{gap:7px;min-height:0;margin-top:12px;display:grid}.membership-tag-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;gap:7px;min-height:0;max-height:min(300px,34vh);padding:2px 5px 5px 2px;display:grid;overflow-y:auto}.membership-missing{border-top:1px solid var(--ij-color-border);gap:7px;margin-top:6px;padding-top:9px;display:grid}.membership-tag-row{grid-template-columns:18px 14px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;font-size:12px;display:grid}.membership-tag-row input{width:16px;height:16px;accent-color:var(--ij-color-accent);margin:0}.membership-tag-row>span:nth-of-type(2){overflow-wrap:anywhere;min-width:0}.membership-tag-row small{color:var(--ij-color-text-subtle);font-size:10px}.membership-missing>div{color:var(--ij-color-warning);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.membership-duplicate-issues{border-top:1px solid var(--ij-color-border);margin-top:4px;padding-top:9px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.entity-overview-rows{gap:6px;display:grid}.key-inspector .entity-overview-row{text-align:left;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;width:100%;min-width:0;min-height:52px;display:grid}.entity-overview-row>span{color:var(--ij-color-text-subtle)}.entity-overview-row small,.entity-warning-count{color:var(--ij-color-warning);white-space:nowrap}.entity-list-view{flex-direction:column;height:min(590px,100vh - 180px);min-height:360px;display:flex;overflow:hidden;padding:0!important}.entity-list-view>.inspector-detail-heading{flex:none}.entity-list-header{flex:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px 10px;display:flex}.entity-list-header h3,.entity-list-header p{margin:0}.entity-list-header p{color:var(--ij-color-text-subtle);margin-top:3px;font-size:11px}.entity-search{flex:none;padding:0 14px}.entity-search input{width:100%;min-width:0;min-height:var(--ij-control-height-compact);border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);color:var(--ij-color-text);font:inherit;padding:7px 9px;font-size:12px}.entity-search-summary{color:var(--ij-color-text-subtle);flex:none;margin:5px 14px 7px;font-size:10px}.entity-list-scroll{overscroll-behavior:contain;flex:auto;min-height:0;padding:0 14px 14px;overflow-y:auto}.entity-list{gap:5px;display:grid}.entity-list>button{text-align:left;grid-template-columns:14px minmax(0,1fr) auto auto auto;align-items:center;gap:7px;width:100%;min-width:0;min-height:48px;display:grid}.entity-list-label{gap:2px;min-width:0;display:grid}.entity-list-label strong,.entity-list-label small{overflow-wrap:anywhere;min-width:0}.entity-list-label strong{white-space:normal}.entity-list-label small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entity-list-label strong{font-size:11px}.entity-list-label small{color:var(--ij-color-text-subtle);font-size:9px}.entity-member-count{min-width:2ch;color:var(--ij-color-text-muted);text-align:right;font-variant-numeric:tabular-nums}.entity-dot{background:var(--entity-color);border:1px solid #2926304d;width:12px;height:12px}.entity-dot-group{border-radius:3px}.entity-dot-tag{border-radius:50%}.group-selected-button{width:calc(100% - 28px);margin:0 14px 10px;border-style:dashed!important}.entity-detail-title{overflow-wrap:anywhere;margin:0 14px!important;font-size:15px!important}.entity-create-panel,.entity-details{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-surface);gap:10px;margin-top:14px;padding:12px;display:grid}.entity-select-members-button{width:100%}.entity-details .entity-group-delete-button{width:calc(50% - 3px)}.entity-create-panel>strong{font-size:12px}.entity-create-panel .inspector-color-field,.entity-details .inspector-color-field{margin-top:0}.entity-create-actions{flex-wrap:wrap;gap:7px;display:flex}.entity-color-editor{gap:7px;display:grid}.entity-color-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.entity-color-presets button{place-items:center;min-width:0;min-height:44px;padding:3px;display:grid}.entity-color-presets button span{background:var(--entity-color);border:1px solid #29263040;border-radius:50%;width:18px;height:18px}.entity-color-presets button[aria-pressed=true]{border-color:var(--ij-color-accent);background:var(--ij-color-accent-soft)}.entity-custom-color{color:var(--ij-color-warning);font-size:10px;line-height:1.35}.entity-members{border-radius:var(--ij-radius-control);background:var(--ij-color-surface-subtle);justify-content:space-between;align-items:center;gap:8px;padding:8px;font-size:11px;display:flex}.entity-delete-button{justify-self:start;color:var(--ij-color-danger)!important;border-color:var(--ij-color-danger-border)!important}.key-inspector .entity-delete-button:hover:not(:disabled){background:var(--ij-color-danger-soft)}.entity-delete-confirm{border:1px solid var(--ij-color-danger-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-danger-soft);gap:7px;padding:10px;display:grid}.entity-delete-confirm p{color:var(--ij-color-danger);margin:0 0 2px;font-size:11px;line-height:1.35}.entity-delete-confirm button{text-align:left;width:100%}.entities-section>.inspector-issues{margin-bottom:0}@media (width<=600px){.controls-cheat-panel dl{grid-template-columns:minmax(0,1fr)}.viewport-showcase{padding:16px}.viewport-case{padding:12px}.hud-fine-panel{max-height:140px}.showcase-nav{padding:16px 16px 0}.selection-showcase{padding:16px}.selection-case{padding:12px}.move-showcase{padding:16px}.move-case{padding:12px}.transform-showcase{padding:16px}.transform-case{padding:12px}.property-showcase{padding:16px}.property-case{padding:12px}.legend-showcase{padding:16px}.legend-case{padding:12px}.entities-showcase{padding:16px}.entities-case{padding:12px}.bright-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.formal-legend-return>div{grid-template-columns:minmax(0,1fr)}.entity-list-view{height:min(620px,100vh - 170px)}.membership-tag-scroll{max-height:min(320px,40vh)}.key-inspector button,.inspector-field input,.inspector-field select,.inspector-field textarea,.legend-position-picker button,.entity-search input,.inspector-checkbox,.membership-tag-row{min-height:44px}}@media (width<=800px){.editor-viewport-svg{height:clamp(300px,52svh,520px)}.editor-viewport-with-inspector{grid-template-columns:minmax(0,1fr);grid-template-areas:"pre""main""inspector""secondary";row-gap:14px}.editor-viewport-with-inspector .key-inspector{width:100%;max-height:none}}@media (width>=601px) and (width<=1000px){.controls-cheat-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px) and (orientation:portrait){.editor-viewport-with-inspector .key-inspector{box-sizing:border-box;block-size:clamp(340px,48svh,560px);overflow-y:auto}}.color-text-control{display:contents}.color-text-control>.inspector-field{grid-area:1/1;min-width:0}.color-text-control>button{grid-area:2/1;margin-top:6px}.color-state-label{color:var(--ij-color-text-muted);grid-column:1/-1;font-size:11px;line-height:1.5}@media (width<=600px){.inspector-color-field{--color-control-size:44px}}@media (orientation:portrait) and (width<=600px){.canvas-hud{--hud-compact-control-size:40px}.hud-multi button,.hud-icon-slot button,.transform-mode-controls button,.canvas-hud .hud-fine-toggle{height:var(--hud-compact-control-size);min-height:var(--hud-compact-control-size);font-size:11px}.hud-multi button,.hud-icon-slot button,.canvas-hud .hud-fine-toggle{position:relative}.hud-multi button:after,.hud-icon-slot button:after,.canvas-hud .hud-fine-toggle:after{content:"";position:absolute;inset:-2px}.transform-mode-controls button:after{content:"";position:absolute;inset:-2px 0}.hud-multi button{gap:4px;min-width:0;padding:5px 6px}.hud-multi-mark{font-size:16px}.hud-icon-slot button{width:var(--hud-compact-control-size);min-width:var(--hud-compact-control-size);padding:0}.hud-icon-slot button svg{width:18px;height:18px}.history-controls,.hud-zoom{gap:4px}.hud-lifecycle{grid-template-columns:repeat(2, var(--hud-compact-control-size));gap:4px}.transform-mode-controls button{min-width:72px;padding:5px 6px}.canvas-hud .hud-fine-toggle{min-width:0;padding:5px 6px}.hud-fine-panel .numeric-resize-controls input{width:58px}.hud-fine-panel .numeric-rotation-row{gap:5px}.hud-fine-panel .numeric-rotation-row input{width:58px}}.document-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.document-toolbar button,.document-dialog button{min-height:44px;padding:8px 14px}.document-toolbar button{border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);color:var(--ij-color-text);font:inherit;cursor:pointer;font-size:13px}.document-toolbar button:hover:not(:disabled){background:var(--ij-color-accent-soft)}.document-toolbar button:disabled{opacity:.5;cursor:default}.document-dialog input,.document-dialog select{min-height:44px}.document-toolbar button:focus-visible,.document-dialog :focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.document-menu{width:max-content;max-width:100%;margin-bottom:10px;position:relative}.document-menu-trigger-slot{display:inline-flex;position:relative}.document-menu-trigger{border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);width:44px;height:44px;color:var(--ij-color-text);cursor:pointer;place-items:center;padding:0;display:inline-grid}.document-menu-trigger:hover:not(:disabled){background:var(--ij-color-accent-soft)}.document-menu-trigger:disabled{opacity:.5;cursor:default}.document-menu :focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.document-menu-tooltip{z-index:10;border-radius:var(--ij-radius-tooltip);background:var(--ij-color-inverse);width:max-content;color:var(--ij-color-inverse-text);visibility:hidden;pointer-events:none;padding:4px 7px;font-size:11px;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.document-menu-trigger-slot:hover .document-menu-tooltip,.document-menu-trigger-slot:focus-within .document-menu-tooltip{visibility:visible}.document-menu-panel{z-index:11;border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-surface);width:max-content;max-width:min(280px,100vw - 48px);box-shadow:var(--ij-shadow-floating);padding:5px;display:grid;position:absolute;top:calc(100% + 4px);left:0}.document-menu-panel[hidden]{display:none}.document-menu-panel button{border-radius:var(--ij-radius-control);background:var(--ij-color-surface);min-width:200px;min-height:44px;color:var(--ij-color-text);font:inherit;text-align:left;cursor:pointer;border:0;padding:8px 12px;font-size:13px;display:block}.document-menu-panel button:hover,.document-menu-panel button:focus-visible{background:var(--ij-color-accent-soft)}.document-dialog{box-sizing:border-box;border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-dialog);width:min(760px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ij-color-text);background:var(--ij-color-surface);box-shadow:var(--ij-shadow-dialog);padding:0}.document-dialog::backdrop{background:#1a12268c}.document-dialog[open]{flex-direction:column;display:flex}.document-dialog header,.document-dialog footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.document-dialog header{border-bottom:1px solid var(--ij-color-border)}.document-dialog footer{border-top:1px solid var(--ij-color-border)}.document-dialog h2{margin:0;font-size:1.3rem}.document-dialog footer{display:block}.document-dialog button:where(:not(.export-format-info-trigger):not(.io-loss-review)){border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);color:var(--ij-color-text);font:inherit;cursor:pointer}.document-dialog button:where(:not(.export-format-info-trigger):not(.io-loss-review)):hover:not(:disabled):not([aria-selected=true]){background:var(--ij-color-accent-soft)}.document-dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);color:var(--ij-color-text);font:inherit}.document-dialog :is(input[type=checkbox],input[type=radio]){accent-color:var(--ij-color-accent)}.document-dialog :is(input,textarea)[aria-invalid=true]{border-color:var(--ij-color-danger)}.document-dialog .io-export-output textarea:read-only{background:var(--ij-color-surface-subtle);color:var(--ij-color-text-muted)}.document-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.document-dialog-actions button{white-space:normal;overflow-wrap:anywhere}.export-action-label-short{display:none}.document-dialog footer .io-replacement-notice{margin:0 0 12px}.document-dialog-body{overflow-wrap:anywhere;min-height:0;padding:0 18px 18px;overflow:auto}.document-dialog textarea{resize:vertical;box-sizing:border-box;white-space:pre;width:100%;min-height:150px;overflow:auto}.io-file{gap:8px;margin-top:14px;display:grid}.io-file input{width:100%;min-width:0;min-height:44px}.io-summary dl div{grid-template-columns:100px minmax(0,1fr);gap:8px;display:grid}.io-summary dd{white-space:pre-wrap;margin:0}.io-issues ol{padding-left:24px}.io-issues li{border-bottom:1px solid var(--ij-color-border);padding:10px 0}.io-issues li p{white-space:pre-wrap;margin:5px 0}.io-issues code{overflow-wrap:anywhere}.io-issues [data-severity=error],.io-issues [data-severity=parse-error]{color:var(--ij-color-danger)}.io-issues [data-severity=warning]{color:var(--ij-color-warning)}.io-replacement-notice{border:1px solid var(--ij-color-warning-border);background:var(--ij-color-warning-soft);border-radius:var(--ij-radius-panel);color:var(--ij-color-warning);padding:12px}.document-dialog button.io-confirm{border-color:var(--ij-color-accent);background:var(--ij-color-accent);color:var(--ij-color-inverse-text)}.document-dialog button.io-confirm:hover:not(:disabled){border-color:var(--ij-color-accent-hover);background:var(--ij-color-accent-hover)}.document-dialog button.io-confirm:active:not(:disabled){border-color:var(--ij-color-accent-active);background:var(--ij-color-accent-active)}.io-confirm:disabled{opacity:.45}.io-notification{overflow-wrap:anywhere}.export-dialog{width:min(900px,100vw - 32px)}.io-export-state,.io-loss-confirmation{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-surface-subtle);margin:14px 0;padding:12px}.io-export-state strong{display:block}.io-export-state p,.io-loss-confirmation p{margin:6px 0}.io-loss-confirmation{border-color:var(--ij-color-warning-border);background:var(--ij-color-warning-soft);color:var(--ij-color-warning)}.io-loss-confirmation label{align-items:flex-start;gap:10px;min-height:44px;padding:8px 0;display:flex}.io-loss-confirmation input{flex:none;width:20px;height:20px}.io-export-filename input{box-sizing:border-box;width:100%;min-width:0}.export-format-heading{align-items:center;gap:8px;display:flex}.export-format-info-trigger{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;min-width:44px;height:44px;display:inline-grid;padding:0!important}.export-format-info,.io-export-details{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-surface-subtle);margin:10px 0 14px;padding:10px 12px;font-size:13px}.export-format-info[hidden]{display:none}.export-format-info dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;display:grid}.export-format-info dt{font-weight:700}.export-format-info dd{margin:2px 0 0}.io-export-details summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.io-export-details :focus-visible{outline:3px solid var(--ij-color-focus);outline-offset:2px}.io-export-details p{margin:6px 0 10px}.io-export-details dl{margin:8px 0}.io-final-filename{overflow-wrap:anywhere;margin:5px 0 14px;font-size:12px}.io-export-output textarea{min-height:clamp(340px,48vh,600px)}.io-export-blocked{border:1px solid var(--ij-color-danger-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-danger-soft);color:var(--ij-color-danger);margin:14px 0;padding:12px;font-weight:700}.io-loss-confirmation h3{margin:0;font-size:14px}.io-loss-review{color:var(--ij-color-warning);cursor:pointer;background:0 0;border:0;margin-top:6px;text-decoration:underline;display:block;padding-inline:0!important}.io-error-actions{flex-wrap:wrap;justify-content:flex-start}.image-export-settings{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-surface);gap:10px;margin:14px 0;padding:14px;display:grid}.image-export-settings h3,.image-export-settings p{margin:0}.image-export-checkbox{align-items:center;gap:10px;min-height:44px;display:flex}.image-export-checkbox input{flex:none;width:20px;height:20px}.image-export-help{color:var(--ij-color-text-muted);font-size:12px;line-height:1.45}.image-export-limit-warning{color:var(--ij-color-warning)}.image-export-font-warning{border:1px solid var(--ij-color-warning-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-warning-soft);color:var(--ij-color-warning);padding:10px 12px;line-height:1.45}.image-export-preview{gap:8px;min-width:0;margin:14px 0;display:grid}.image-export-preview figcaption{font-weight:700}.image-export-preview img{object-fit:contain;background:#fff;border:1px solid #c9bfd5;border-radius:8px;width:100%;max-width:100%;height:min(360px,42vh);display:block}.image-export-preview-transparent img{background-color:#fff;background-image:linear-gradient(45deg,#ddd 25%,#0000 25%),linear-gradient(-45deg,#ddd 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ddd 75%),linear-gradient(-45deg,#0000 75%,#ddd 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}@media (width<=600px),(orientation:landscape) and (height<=600px){.document-dialog:not(.export-dialog) .document-dialog-actions{flex-direction:column;align-items:stretch}.document-dialog header{padding:12px}.document-dialog footer{padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.document-dialog-body{padding:0 12px 12px}.io-summary dl div{grid-template-columns:1fr;gap:2px;margin-bottom:8px}.export-dialog[open]{overscroll-behavior:contain;width:calc(100vw - 32px);display:block;overflow-y:auto}.export-dialog .document-dialog-body{min-height:auto;overflow:visible}.export-dialog header,.export-dialog footer{flex-shrink:1}.export-dialog .export-dialog-actions{grid-auto-columns:max-content;grid-auto-flow:column;justify-content:end;align-items:stretch;gap:6px;max-width:100%;display:grid}.export-dialog .export-dialog-actions button{white-space:nowrap;min-width:44px;padding-inline:10px}.export-action-label-long{display:none}.export-action-label-short{display:inline}.image-export-preview img{height:min(280px,34vh)}.io-export-output textarea{min-height:min(360px,42vh)}.export-format-info dl{grid-template-columns:minmax(0,1fr)}}.template-dialog{width:min(900px,100vw - 32px)}.layout-template-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.layout-template-tabs button{border:1px solid var(--ij-color-border-strong);border-radius:var(--ij-radius-control);background:var(--ij-color-surface);min-width:0;min-height:44px;color:var(--ij-color-text);font:inherit;cursor:pointer;padding:7px 4px;font-weight:600}.layout-template-tabs button:hover:not([aria-selected=true]){background:var(--ij-color-accent-soft)}.layout-template-tabs button[aria-selected=true]{border-color:var(--ij-color-accent);background:var(--ij-color-accent-soft);color:var(--ij-color-accent-text);box-shadow:inset 0 -3px var(--ij-color-accent)}.layout-template-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.layout-template-card{border:1px solid var(--ij-color-border);border-radius:var(--ij-radius-panel);background:var(--ij-color-surface);cursor:pointer;grid-template-rows:auto 90px;gap:8px;min-width:0;padding:12px;display:grid}.layout-template-card:hover:not(:has(input:checked)){border-color:var(--ij-color-border-strong)}.layout-template-card:has(input:checked){border-color:var(--ij-color-accent);background:var(--ij-color-accent-soft);color:var(--ij-color-accent-text)}.layout-template-card:has(input:focus-visible){outline:3px solid var(--ij-color-focus);outline-offset:2px}.layout-template-card input{accent-color:var(--ij-color-accent)}.layout-template-card>span{align-items:center;gap:8px;min-height:44px;font-weight:600;display:flex}.layout-template-card input{flex:none;width:20px;height:20px}.layout-template-preview{width:100%;height:90px;display:block}@media (width<=600px){.layout-template-cards{grid-template-columns:minmax(0,1fr)}}@media (orientation:landscape) and (height<=600px){.template-dialog[open]{overscroll-behavior:contain;display:block;overflow-y:auto}.template-dialog .document-dialog-body{min-height:auto;overflow:visible}}