:root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{--bg:#14171b;--panel:#1b1f24;--chrome:#22272d;--line:#333a42;--text:#dce1e7;--muted:#8c969f;--faint:#65717b;--accent:#89d0bb;--accent-ink:#102c22;--code:#c8d1db;--code-keyword:#bbabeb;--code-string:#b7d7a6;--code-number:#d7b089;background:var(--bg);color:var(--text);display:flex;flex-direction:column;font-size:12px}
body[data-theme="light"],body[data-theme="metro"],body[data-theme="aero"]{--bg:#e9eef1;--panel:#fff;--chrome:#f3f6f8;--line:#d5dee4;--text:#233341;--muted:#657887;--faint:#8495a1;--accent:#207e64;--accent-ink:#fff;--code:#34485c;--code-keyword:#8255af;--code-string:#46833c;--code-number:#a86a20;color-scheme:light}
body[data-theme="vs2010"]{--bg:#293750;--panel:#202938;--chrome:#334565;--line:#4b6085;--text:#e2e9f6;--muted:#a9b6ce;--accent:#edc26d;--accent-ink:#332614}
body[data-theme="contrast"]{--bg:#000;--panel:#000;--chrome:#000;--line:#fff;--text:#fff;--muted:#fff;--faint:#fff;--accent:#ffef00;--accent-ink:#000;--code:#fff;--code-keyword:#ffef00;--code-string:#00ffff;--code-number:#ffef00}
button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.app-header{height:53px;min-height:53px;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:0 17px;background:var(--bg);user-select:none}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);white-space:nowrap}.brand strong{font-size:16px;font-weight:650;letter-spacing:-.4px}.brand strong>span{color:var(--faint);font-weight:300;padding-left:8px}.brand-description{font-size:11px;color:var(--muted)}
.brand-mark{display:grid;grid-template-columns:7px 12px;grid-template-rows:9px 9px;gap:3px;width:24px;height:22px}.brand-mark i{display:block;border-radius:2px;background:var(--accent)}.brand-mark i:first-child{grid-row:1/3;opacity:.6}.brand-mark i:last-child{opacity:.8}
.app-menubar{display:flex;align-items:center;gap:1px}.app-menubar button{font-size:11.5px;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:var(--muted)}.app-menubar button:hover{background:var(--chrome);color:var(--text)}
.command-trigger{display:flex;align-items:center;gap:9px;max-width:270px;width:24%;margin-left:auto;background:var(--panel);border:1px solid var(--line);border-radius:5px;color:var(--muted);padding:6px 9px;text-align:left;font-size:11px}.command-trigger>span:nth-child(2){flex:1}.search-glyph{font-size:18px;line-height:14px}.command-trigger kbd{font:10px inherit;border:1px solid var(--line);border-radius:3px;padding:1px 4px;color:var(--faint)}
.version-badge{font:10px ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);padding:3px 6px;border-radius:4px}.avatar{height:27px;width:27px;border:1px solid #7eac9b55;background:#89d0bb18;border-radius:6px;font-size:9px;font-weight:700;color:var(--accent)}
.app-toolbar{height:48px;min-height:48px;padding:0 14px 0 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);background:var(--panel);user-select:none}.toolbar-context{display:flex;align-items:center;gap:9px;font-size:11px;white-space:nowrap}.toolbar-context strong{font-weight:500}.workspace-symbol{color:var(--accent);font-size:17px}.slash{color:var(--faint);padding:0 4px}#preset-caption{color:var(--muted)}.toolbar-divider{height:17px;width:1px;background:var(--line);margin:0 7px}.toolbar-spacer,.activity-spacer,.status-spacer{flex:1}
.preset-label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.preset-label>span{display:none}.preset-label select,.theme-label select{color:var(--text);border:1px solid var(--line);border-radius:4px;padding:5px 22px 5px 8px;background:var(--panel);font-size:11px;height:28px}.theme-label{display:flex;align-items:center;gap:6px;margin-right:6px;color:var(--muted)}.theme-label select{border:0;background:transparent;padding-left:1px;font-size:11px}.theme-label option{background:var(--panel)}
.tool-button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;border:1px solid var(--line);border-radius:4px;background:var(--panel);padding:0 10px;font-size:11px;white-space:nowrap}.tool-button:hover{background:var(--chrome)}.tool-button.icon-only{width:27px;min-width:27px;padding:0;border-color:transparent;font-size:18px;color:var(--muted)}.primary-button{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}
.workspace-shell{display:flex;flex:1;min-height:0;padding:0 7px 7px 0;gap:1px}.activity-bar{display:flex;flex-direction:column;align-items:center;gap:8px;width:48px;min-width:48px;padding:12px 0 6px}.activity{border:0;background:transparent;color:var(--faint);font-size:22px;width:37px;height:35px;border-radius:6px;position:relative;line-height:1}.activity:hover{background:var(--chrome);color:var(--text)}.activity.active{color:var(--accent);background:#89d0bb0c}.activity.active:before{content:"";position:absolute;left:-5px;top:7px;bottom:7px;width:2px;background:var(--accent)}#dock{flex:1;min-width:0;height:100%;margin-top:6px}
.app-statusbar{height:25px;min-height:25px;display:flex;align-items:center;gap:17px;padding:0 13px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);background:var(--bg);white-space:nowrap}.status-ready{display:flex;align-items:center;gap:6px;color:var(--accent)}.status-ready i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.status-separator{height:10px;width:1px;background:var(--line)}.status-render{font-size:9px;color:var(--faint)}.status-hint{font-size:10px;color:var(--faint);margin-right:5px}#status-save{font-size:10px;border:0;background:none;color:var(--accent);padding:0}
/* Content hosted by the component starts here. It is ordinary DOM, not part of the docking engine. */
.sample-tool{height:100%;display:flex;flex-direction:column;overflow:hidden;color:var(--ad-text);font-size:11px}.tool-section-title{display:flex;align-items:center;justify-content:space-between;padding:13px 13px 8px;color:var(--ad-muted);font-size:9px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.tool-section-title button{font:14px inherit;color:var(--ad-muted);border:0;background:none}
.tool-search{margin:9px 10px 5px;padding:6px 8px;border:1px solid var(--ad-border);background:var(--ad-bg);color:var(--ad-text);border-radius:4px;outline:none;font-size:11px;min-width:0}
.file-tree{padding:6px 0;flex:1;overflow:auto}.tree-folder{display:block}.tree-folder>summary{list-style:none;display:flex;align-items:center;gap:7px;padding:6px 12px;cursor:pointer;color:var(--ad-muted);font-size:10px}.tree-folder>summary:before{content:'›';font-size:14px;line-height:1;transition:transform .1s}.tree-folder[open]>summary:before{transform:rotate(90deg)}.tree-folder>summary strong{font-weight:550;font-size:10px;letter-spacing:.03em;color:var(--ad-text)}
.file-row{display:flex;align-items:center;gap:9px;width:100%;min-height:29px;padding:5px 12px 5px 31px;border:0;background:transparent;text-align:left;white-space:nowrap;font-size:11px;color:var(--ad-muted)!important}.file-row:hover{background:var(--ad-hover)}.file-row.current{background:#89d0bb0d;color:var(--ad-text)!important;border-left:2px solid var(--ad-accent);padding-left:29px}.file-icon{width:15px;min-width:15px;font:9px ui-monospace,monospace;color:#b5c590;text-align:center}.file-icon.css{color:#97bcdc}.file-icon.md{color:#b3aacb}.file-row small{margin-left:auto;font-size:9px;color:var(--ad-accent)}.file-nested{padding-left:14px}.tool-footer{border-top:1px solid var(--ad-border);padding:10px 13px;color:var(--ad-muted);font-size:10px;margin-top:auto;display:flex;align-items:center;gap:6px}.tool-footer .little-dot{height:5px;width:5px;background:var(--ad-accent);border-radius:50%}
.explorer-guide{padding:14px 13px 18px;border-top:1px solid var(--ad-border)}.explorer-guide strong{font-size:10px;color:var(--ad-muted);font-weight:500}.explorer-guide p{font-size:10px;line-height:1.8;color:var(--ad-muted);margin:6px 0 0;opacity:.75}
.welcome{height:100%;overflow:auto;padding:34px 38px 28px;background:var(--ad-panel)}.welcome-topline{display:flex;align-items:center;gap:7px;margin-bottom:23px;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ad-muted)}.welcome-topline .live-pill{font-size:9px;letter-spacing:0;text-transform:none;margin-left:auto;color:var(--ad-accent);border:1px solid #89d0bb2f;background:#89d0bb08;border-radius:12px;padding:3px 7px;display:flex;align-items:center;gap:5px}.live-pill i{height:4px;width:4px;border-radius:50%;background:var(--ad-accent)}
.welcome h1{font-size:clamp(25px,2.4vw,36px);line-height:1.18;font-weight:540;letter-spacing:-1.2px;margin:0 0 12px;max-width:510px}.welcome h1 span{color:var(--ad-accent)}.welcome-lede{font-size:12px;line-height:1.85;color:var(--ad-muted);max-width:470px;margin:0 0 26px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}.feature-card{padding:15px 16px;position:relative;min-height:105px;text-align:left;border:1px solid var(--ad-border);border-radius:6px;background:transparent;color:var(--ad-text)!important;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.feature-card:hover{border-color:color-mix(in srgb,var(--ad-accent) 50%,var(--ad-border));background:#89d0bb05}.feature-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;color:var(--ad-muted);margin-bottom:4px}.feature-card-top .feature-number{font:9px ui-monospace,monospace;color:var(--ad-accent)}.feature-card strong{font-size:11.5px;font-weight:550}.feature-card p{font-size:10px;color:var(--ad-muted);line-height:1.55;margin:0}.feature-arrow{position:absolute;right:14px;top:16px;color:var(--ad-muted);font-size:13px}
.welcome-bottom-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;font-size:9px;letter-spacing:.12em;color:var(--ad-muted);font-weight:650}.welcome-bottom-heading span:last-child{font:9px ui-monospace,monospace;letter-spacing:0;color:var(--ad-accent)}
.api-snippet{border:1px solid var(--ad-border);border-radius:5px;overflow:hidden;background:var(--ad-bg)}.snippet-caption{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--ad-muted);padding:9px 12px;border-bottom:1px solid var(--ad-border)}.snippet-caption button{border:0;background:transparent;font-size:10px;color:var(--ad-muted)}.api-snippet pre{padding:13px 15px;margin:0;white-space:pre-wrap;font:10.5px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--code)}.code-keyword{color:var(--code-keyword)}.code-string{color:var(--code-string)}.code-number{color:var(--code-number)}.code-comment{color:var(--faint)}.welcome-footnote{font-size:9px;color:var(--ad-muted);margin:16px 0 0;line-height:1.6;display:flex;gap:9px;align-items:center}.welcome-footnote i{width:4px;height:4px;background:var(--ad-accent);border-radius:50%}
.sample-editor{height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--ad-panel)}.editor-breadcrumb{height:30px;min-height:30px;border-bottom:1px solid var(--ad-border);display:flex;align-items:center;padding:0 17px;gap:10px;font-size:10px;color:var(--ad-muted)}.editor-breadcrumb strong{font-weight:400;color:var(--ad-text)}.editor-breadcrumb .buffer-status{margin-left:auto;font-size:9px;color:var(--ad-muted)}
.editor-scroll{flex:1;min-height:0;position:relative;overflow:auto;display:flex;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}.editor-lines{padding:17px 13px 17px 17px;min-width:49px;color:var(--ad-muted);opacity:.4;text-align:right;white-space:pre;user-select:none;font:inherit;margin:0;background:var(--ad-panel)}.editor-code{position:relative;flex:1;min-width:0;min-height:100%}.editor-highlight,.editor-input{font:inherit;white-space:pre;tab-size:2;margin:0;border:0;padding:17px 24px 50px 8px;line-height:inherit;min-height:100%;min-width:100%;width:max-content}
.editor-highlight{color:var(--code);pointer-events:none}.editor-input{position:absolute;left:0;top:0;width:100%;height:100%;resize:none;outline:none!important;background:transparent;color:transparent!important;caret-color:var(--ad-text);overflow:hidden;-webkit-text-fill-color:transparent}.editor-input::selection{background:#89d0bb33}.editor-footer{display:flex;justify-content:space-between;align-items:center;min-height:27px;padding:5px 13px;border-top:1px solid var(--ad-border);font-size:9px;color:var(--ad-muted)}.editor-footer button{border:0;background:none;color:var(--ad-accent);font-size:9px}
.property-type{padding:17px 13px 14px;border-bottom:1px solid var(--ad-border);display:flex;gap:10px;align-items:center}.property-type-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--ad-accent);background:#89d0bb0c;border:1px solid #89d0bb24;border-radius:5px;font-size:20px}.property-type strong{display:block;font-size:11px;font-weight:500}.property-type small{display:block;font-size:9px;color:var(--ad-muted);margin-top:3px}.property-body{overflow:auto;flex:1}.property-row{display:flex;align-items:center;min-height:31px;padding:4px 13px;gap:10px;font-size:10px}.property-row>label{width:45%;min-width:70px;color:var(--ad-muted);font-size:10px}.property-row>input:not([type="checkbox"]){min-width:0;flex:1;width:55%;padding:5px 6px;border:1px solid var(--ad-border);border-radius:3px;background:var(--ad-bg);color:var(--ad-text);font-size:10px;outline:none}.property-row code{font:9px ui-monospace,monospace;color:var(--ad-muted);overflow:hidden;text-overflow:ellipsis}.property-row input[type="checkbox"]{accent-color:var(--ad-accent);height:12px;width:12px;margin:0 0 0 auto;cursor:pointer}.property-row small{margin-left:auto;font:9px ui-monospace,monospace;color:var(--ad-accent)}.property-divider{height:1px;background:var(--ad-border);margin:11px 0 1px}.property-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:13px}.content-button{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 9px;border:1px solid var(--ad-border);border-radius:4px;background:var(--ad-chrome);font-size:10px;color:var(--ad-text);text-align:center}.content-button:hover:not(:disabled){background:var(--ad-hover);border-color:var(--ad-accent)}.property-note{font-size:9px;line-height:1.75;color:var(--ad-muted);padding:10px 13px 14px;border-top:1px solid var(--ad-border)}
.output-toolbar{min-height:29px;display:flex;align-items:center;gap:8px;padding:4px 13px;border-bottom:1px solid var(--ad-border);font-size:9px;color:var(--ad-muted)}.output-toolbar strong{font-weight:400;color:var(--ad-text)}.output-toolbar button{margin-left:auto;background:none;border:0;color:var(--ad-muted);font-size:9px}.output-lines{overflow:auto;flex:1;padding:8px 13px;font:10px/1.95 ui-monospace,Consolas,monospace}.log-line{display:flex;gap:11px;white-space:pre-wrap}.log-time{color:var(--ad-muted);opacity:.65;flex:0 0 55px}.log-level{color:var(--ad-accent);min-width:35px;font-size:9px}.log-level.warn{color:#dbb36e}.log-message{color:var(--ad-muted);overflow-wrap:anywhere}
.console-lines{padding:12px;flex:1;overflow:auto;font:11px/1.8 ui-monospace,monospace;white-space:pre-wrap;color:var(--ad-muted)}.console-input-row{display:flex;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid var(--ad-border);color:var(--ad-accent)}.console-input-row input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--ad-text);font:11px ui-monospace,monospace}
.layout-tree-list{overflow:auto;padding:8px 0;flex:1}.layout-node{display:flex;align-items:center;gap:6px;min-height:26px;padding-right:10px;font:9px/1.5 ui-monospace,monospace;color:var(--ad-muted);cursor:pointer;border:0;background:transparent;width:100%;text-align:left}.layout-node:hover{background:var(--ad-hover)}.layout-node .layout-node-type{color:var(--ad-accent)}.layout-node .layout-node-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.layout-node .node-marker{font-size:11px;opacity:.6}.layout-node.active{background:#89d0bb0d;color:var(--ad-text)}
.search-results{overflow:auto;padding:7px 10px;flex:1}.search-result{display:flex;flex-direction:column;gap:3px;padding:10px 5px;width:100%;border:0;border-bottom:1px solid var(--ad-border);background:transparent;text-align:left}.search-result strong{font-size:10px;font-weight:500}.search-result span{font-size:9px;color:var(--ad-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.search-summary{padding:10px 13px;font-size:9px;color:var(--ad-muted)}
.preview-document{height:100%;overflow:auto;padding:27px 30px}.document-kicker{font-size:9px;letter-spacing:.13em;color:var(--ad-accent);font-weight:650;margin-bottom:12px}.preview-document h2,.reference-document h2{font-size:25px;letter-spacing:-.7px;font-weight:550;margin:0 0 8px}.preview-document>p,.reference-document>p{color:var(--ad-muted);font-size:11px;line-height:1.9;margin:0 0 23px}.preview-card{border:1px solid var(--ad-border);border-radius:7px;padding:23px;margin-bottom:15px;background:var(--ad-bg)}.preview-card h3{font-size:14px;font-weight:500;margin:0 0 9px}.preview-card p{font-size:10px;line-height:1.7;color:var(--ad-muted)}.preview-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.preview-input{border:1px solid var(--ad-border);background:var(--ad-panel);color:var(--ad-text);padding:8px 10px;min-width:150px;border-radius:4px;font-size:11px}.preview-counter{background:var(--ad-accent);color:var(--ad-bg)!important;border:0;border-radius:4px;padding:8px 12px;font-size:11px}.canvas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:var(--ad-muted);margin-bottom:10px}.canvas-toolbar label{display:flex;align-items:center;gap:8px}.canvas-toolbar input{accent-color:var(--ad-accent);width:90px}.sketch-canvas{display:block;width:100%;height:190px;border:1px solid var(--ad-border);border-radius:4px;touch-action:none;cursor:crosshair}.preview-caption{font-size:9px;color:var(--ad-muted);margin-top:9px;line-height:1.8}
.reference-document{padding:30px 34px;height:100%;overflow:auto}.reference-document h3{font-size:12px;margin:24px 0 10px;font-weight:550}.reference-document pre{padding:14px 16px;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.8 ui-monospace,monospace;border:1px solid var(--ad-border);background:var(--ad-bg);border-radius:4px;color:var(--ad-text)}.reference-table{width:100%;border-collapse:collapse;font-size:10px}.reference-table td{padding:9px 5px;border-bottom:1px solid var(--ad-border);vertical-align:top}.reference-table td:first-child{color:var(--ad-accent);width:34%;font-family:ui-monospace,monospace}.reference-table td:last-child{color:var(--ad-muted);line-height:1.7}
.sources-intro{padding:13px;font-size:10px;color:var(--ad-muted);line-height:1.8}.sources-actions{display:flex;gap:6px;padding:0 13px 13px;flex-wrap:wrap}.source-list{padding:0 13px;overflow:auto;flex:1}.source-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 0;border-bottom:1px solid var(--ad-border);font-size:10px}.source-row button{background:none;border:0;color:var(--ad-muted);font-size:14px}.history-list{padding:5px 12px;overflow:auto;flex:1}.history-entry{display:flex;gap:9px;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--ad-border);font-size:10px}.history-entry>span{color:var(--ad-accent);font:9px ui-monospace,monospace}.history-entry strong{font-weight:450}.history-entry small{display:block;margin-top:4px;color:var(--ad-muted);font-size:9px}.history-empty{font-size:10px;color:var(--ad-muted);padding:10px;line-height:1.8}.palette-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px}.palette-tile{padding:15px 5px;border:1px solid var(--ad-border);background:var(--ad-bg);border-radius:4px;font-size:10px;color:var(--ad-text);display:flex;flex-direction:column;gap:7px;align-items:center}.palette-tile span{color:var(--ad-accent);font-size:20px}.scratchpad{display:flex;flex-direction:column;padding:16px;height:100%;gap:10px}.scratchpad label{font-size:11px;color:var(--ad-muted)}.scratchpad textarea{flex:1;resize:none;border:1px solid var(--ad-border);border-radius:4px;padding:12px;background:var(--ad-bg);color:var(--ad-text);font:12px/1.8 inherit;outline:none}.problems-table{width:100%;border-collapse:collapse;font-size:10px}.problems-table td,.problems-table th{padding:8px 13px;border-bottom:1px solid var(--ad-border);text-align:left;font-weight:400}.problems-table th{font-size:9px;color:var(--ad-muted);background:var(--ad-bg)}.problems-empty{padding:16px;font-size:10px;color:var(--ad-muted)}
.toast{position:fixed;bottom:43px;left:50%;transform:translateX(-50%);z-index:1000;max-width:80vw;padding:11px 18px;border:1px solid #89d0bb55;background:var(--chrome);box-shadow:0 6px 30px #0004;border-radius:6px;font-size:11px;color:var(--text)}.toast[hidden]{display:none}
.command-dialog{padding:0;border:1px solid var(--line);border-radius:10px;width:560px;max-width:85vw;color:var(--text);background:var(--panel);box-shadow:0 30px 100px #0008;overflow:hidden}.command-dialog::backdrop{background:#0008;backdrop-filter:blur(2px)}.command-input-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:16px}.command-input-row>span{font-size:24px;color:var(--accent)}.command-input-row input{flex:1;min-width:0;background:none;border:0;color:var(--text);outline:none;font-size:13px}.command-input-row kbd{font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:2px 5px}.command-results{max-height:400px;overflow:auto;padding:7px}.command-result{display:flex;justify-content:space-between;padding:11px 12px;width:100%;background:none;border:0;text-align:left;border-radius:4px;font-size:12px}.command-result:hover,.command-result:focus{background:var(--chrome);color:var(--accent);outline:none}.command-result small{font-size:10px;color:var(--muted)}.command-dialog footer{padding:11px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:10px}
@media(max-width:1250px){.brand-description,.toolbar-context #preset-caption,.toolbar-context .slash{display:none}.app-header{gap:13px}.command-trigger{max-width:210px}.welcome{padding:25px}.welcome h1{font-size:28px}.status-hint{display:none}}
@media(max-width:980px){.app-menubar button:nth-child(n+4){display:none}.toolbar-context{display:none}.toolbar-divider{display:none}.command-trigger{width:auto;flex:1}.welcome{padding:20px}.feature-grid{gap:8px}.feature-card{padding:12px;min-height:95px}.app-statusbar{gap:9px}.version-badge{display:none}}
@media(max-width:650px){.brand strong>span,.brand-description,.app-menubar,.command-trigger>span:nth-child(2),.command-trigger kbd,.preset-label,.theme-label>span,.toolbar-context{display:none}.command-trigger{max-width:34px}.app-header{padding:0 10px;gap:10px}.tool-button span{display:none}.activity-bar{width:37px;min-width:37px}.activity{width:29px}.feature-grid{grid-template-columns:1fr}.welcome h1{font-size:25px}.status-render,#status-save{display:none}.app-toolbar{padding:0 8px;gap:4px}.theme-label{margin:0}}