@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#171a18;--panel:#1c201d;--panel2:#232823;--line:#343b34;--text:#ebeee6;--muted:#8b958b;--accent:#d4f879;--code:#c9d9bc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px 'DM Sans',sans-serif;height:100vh;display:flex;flex-direction:column}body[data-theme=light]{--bg:#e9ece5;--panel:#fafbf7;--panel2:#f0f2eb;--line:#cbd2c5;--text:#222b24;--muted:#63705f;--accent:#96c945;--code:#364e31}body[data-theme=midnight]{--bg:#11192a;--panel:#162238;--panel2:#20304c;--line:#324563;--text:#e5efff;--muted:#8fa8cf;--accent:#88d6f8;--code:#acd1e9}body[data-theme=plum]{--bg:#211825;--panel:#2b2030;--panel2:#38283e;--line:#503b57;--text:#f5e5f5;--muted:#b096b8;--accent:#e7b0fa;--code:#e0bddf}button,input,select{font:inherit}button,select{cursor:pointer;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 12px}button:hover{filter:brightness(1.2)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}header{height:78px;display:flex;align-items:center;gap:10px;padding:0 24px;border-bottom:1px solid var(--line);flex-shrink:0}.brand{color:var(--text);text-decoration:none;font:700 30px 'Space Grotesk',sans-serif;display:flex;align-items:center;gap:10px}.brand span{font:9px 'DM Sans',sans-serif;letter-spacing:2px;width:45px;line-height:1.7;color:var(--muted)}.mark{font-size:25px;background:var(--accent);color:#1b2417;border-radius:9px;padding:4px 10px;transform:rotate(-5deg)}.project{margin:auto;display:flex;align-items:center;gap:8px}.project input{width:165px;border:0;background:transparent;color:var(--text);font-weight:600}.project #saved{font-size:10px;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--accent);margin-right:6px}.primary{background:var(--accent);color:#202b16;border-color:var(--accent);font-weight:700}nav{display:flex;justify-content:space-between;padding:16px 24px;gap:12px}nav>div{display:flex;align-items:center;gap:8px}.label,.eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--muted);margin-right:12px}.lang{background:transparent;color:var(--muted)}.lang.active{background:var(--panel2);color:var(--text)}i{font-style:normal;font-size:9px;margin-right:5px}.orange{color:#f0a273}.blue{color:#88b6e4}.yellow{color:#e6d17b}main{display:flex;flex:1;min-height:0;margin:0 24px;border:1px solid var(--line);border-radius:10px;overflow:hidden}#editors{width:44%;display:flex;flex-direction:column;min-width:190px;background:var(--panel)}#editors.columns{flex-direction:row}.editor{display:flex;flex:1;min-height:0;min-width:0;flex-direction:column;border-bottom:1px solid var(--line)}.editor:last-child{border-bottom:0}.editorhead{height:43px;display:flex;align-items:center;gap:8px;padding:0 15px;background:var(--panel2);flex-shrink:0}.editorhead span{font-size:10px;color:var(--muted);margin-left:auto}.editorhead button{border:0;background:transparent;padding:3px 6px;color:var(--muted)}.codebody{display:flex;flex:1;min-height:0;overflow:hidden;padding-top:12px}.lines{font:12px/1.7 Consolas,monospace;color:var(--muted);opacity:.55;white-space:pre;text-align:right;padding:0 13px;overflow:hidden;min-width:40px}textarea{flex:1;min-width:0;resize:none;border:0;outline:none;background:transparent;color:var(--code);font:12px/1.7 Consolas,'Courier New',monospace;padding:0 14px 16px 0;tab-size:2;white-space:pre;overflow:auto}#divider{width:7px;background:var(--bg);cursor:col-resize;border-inline:1px solid var(--line);flex-shrink:0}#divider:hover,#divider:focus{background:var(--accent)}.preview{flex:1;min-width:230px;display:flex;flex-direction:column;background:var(--panel)}.previewbar{height:44px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.previewbar>span{font-size:10px;letter-spacing:1.5px}.previewbar button{padding:4px 9px;border:0;background:transparent;color:var(--muted)}.previewbar button.active{background:var(--panel2);color:var(--accent)}.address{height:35px;display:flex;align-items:center;gap:9px;padding:0 16px;border-block:1px solid var(--line);color:var(--muted);font-size:10px}.previewnote{margin-left:auto}.stage{flex:1;min-height:0;display:flex;justify-content:center;overflow:auto;background:repeating-linear-gradient(45deg,var(--panel2),var(--panel2) 1px,var(--bg) 1px,var(--bg) 10px)}iframe{border:0;background:white;width:100%;height:100%;flex-shrink:0;max-width:100%;transition:width .2s}.consolebar{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:6px 10px;font-size:11px}.consolebar button{border:0;background:transparent;padding:4px}.consolebar label{margin-left:auto;color:var(--muted)}#count{padding:2px 6px;background:var(--panel2);border-radius:4px}#console{max-height:130px;overflow:auto;margin:0;padding:12px;font:11px/1.8 Consolas,monospace;white-space:pre-wrap;color:var(--code)}footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);height:40px;padding:0 24px;font-size:10px}kbd{border:1px solid var(--line);border-radius:3px;padding:2px 4px}dialog{width:700px;max-width:94vw;max-height:85vh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:30px}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialoghead{display:flex;justify-content:space-between;align-items:center}.dialoghead button{border:0;font-size:20px}h1{font:500 32px/1.1 'Space Grotesk',sans-serif;letter-spacing:-1px}dialog p{color:var(--muted);line-height:1.6}dialog label{display:block;margin:18px 0}dialog label input,dialog label select{display:block;width:100%;margin-top:8px;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--text)}.muted{font-size:12px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cards article{padding:18px;border:1px solid var(--line);border-radius:8px}.cards b{color:var(--accent)}.cards p{font-size:12px;margin-bottom:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{padding:8px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:12px}#toast{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);background:var(--accent);color:#202b16;padding:10px 20px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s}.empty{padding:28px;color:var(--muted);line-height:1.8}@media(max-width:900px){header{flex-wrap:wrap;height:auto;padding:14px;gap:8px}.brand{margin-right:auto}.project{order:2;width:100%}#saved{margin-left:auto}nav{padding:12px;flex-wrap:wrap}.label{display:none}main{margin:0 12px}.previewnote{display:none}header button{font-size:11px}footer span:last-child{display:none}}@media(max-width:600px){main{flex-direction:column;overflow:auto}#editors{width:100%!important;height:48%;min-height:260px}.preview{min-height:350px}#divider{display:none}footer{padding:0 12px}.cards{grid-template-columns:1fr}}

/* CodeNest workspace */
.nest-logo{width:38px;height:38px}.brand{font-size:24px}.brand span{display:none}header{gap:8px}.project{min-width:120px}.project #saved{max-width:110px}nav{flex-wrap:wrap}nav>div{flex-wrap:wrap}.font-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}#fontSize{width:48px;padding:6px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:4px}.editorhead[draggable]{cursor:grab}.editorhead[draggable]:active{cursor:grabbing}.editor.dragging{opacity:.45}.editorhead button{font-size:12px;padding:4px}.preview:fullscreen,.preview-fullscreen{width:100vw;height:100vh;background:var(--panel)}.preview-fullscreen{position:fixed;inset:0;z-index:100}.new-project{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.new-project input{flex:1;min-width:150px;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:10px;border-radius:6px}.item-list{display:grid;gap:10px}.saved-item{display:flex;align-items:center;gap:8px;padding:16px;border:1px solid var(--line);border-radius:8px}.saved-item>div{flex:1;min-width:0}.saved-item b{display:block;overflow-wrap:anywhere}.saved-item small{display:block;color:var(--muted);margin-top:6px;font-size:11px}.code-layer{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden}.code-layer textarea,.highlight{position:absolute;inset:0;margin:0;padding:0 14px 16px 0;font:var(--editor-font,12px)/1.7 Consolas,'Courier New',monospace;white-space:pre;tab-size:2;letter-spacing:normal;overflow:auto;border:0;border-radius:0}.code-layer textarea{width:100%;height:100%;color:transparent;caret-color:var(--text);background:transparent;z-index:1;-webkit-text-fill-color:transparent}.code-layer textarea::selection{background:#739b7b66}.highlight{pointer-events:none;color:var(--code);scrollbar-width:none}.highlight::-webkit-scrollbar{display:none}.lines{font-size:var(--editor-font,12px)}.token.comment{color:#829180;font-style:italic}.token.string{color:#d4d995}.token.keyword,.token.tag{color:#cfabed}.token.number{color:#f1b585}.token.function{color:#8ccfe2}.token.property{color:#a9cde9}body[data-theme=light] .token.comment{color:#6c7863}body[data-theme=light] .token.string{color:#58751c}body[data-theme=light] .token.keyword,body[data-theme=light] .token.tag{color:#8539a9}body[data-theme=light] .token.number{color:#b15220}body[data-theme=light] .token.function{color:#087d8f}body[data-theme=light] .token.property{color:#255fad}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1100px){header{height:auto;min-height:78px;flex-wrap:wrap;padding:12px 18px}.project{margin-left:auto;margin-right:auto}.project #saved{display:none}}@media(max-width:600px){.previewbar{padding:0 8px}.previewbar button{padding:4px}nav>div{gap:5px}.saved-item{flex-wrap:wrap}}

/* Cacao & caramel palette, including every scrollable app surface. */
:root{--bg:#241a16;--panel:#2e211c;--panel2:#3b2b23;--line:#584033;--text:#f5e4cc;--muted:#bd9d81;--accent:#e1ae73;--code:#e8d1b7;--scroll-track:#291d18;--scroll-thumb:#856044;--scroll-hover:#d5a06a}
body[data-theme=light]{--bg:#eaddc9;--panel:#fcf3e4;--panel2:#f0dfc7;--line:#cdb18d;--text:#493122;--muted:#876749;--accent:#bb7b42;--code:#563d2c;--scroll-track:#ead6b9;--scroll-thumb:#b18357;--scroll-hover:#805735}
body[data-theme=midnight]{--bg:#160f0d;--panel:#201613;--panel2:#2c1e18;--line:#473126;--text:#f4ddbd;--muted:#b89573;--accent:#d29a5b;--code:#dfc4a3;--scroll-track:#1b120f;--scroll-thumb:#735035;--scroll-hover:#c58b50}
body[data-theme=plum]{--bg:#352319;--panel:#412e21;--panel2:#513a29;--line:#775337;--text:#fff0d6;--muted:#d0ad86;--accent:#efbc7c;--code:#f2d7b2;--scroll-track:#382619;--scroll-thumb:#a57447;--scroll-hover:#e3ac6b}
*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-corner{background:var(--scroll-track)}
.primary,.mark{color:#352217}.orange{color:#dfa470}.blue{color:#ceb394}.yellow{color:#edc984}.token.comment{color:#af9279}.token.string{color:#dfc48c}.token.keyword,.token.tag{color:#e7a773}.token.number{color:#f0ce9d}.token.function{color:#e6bcbc}.token.property{color:#d5b9a0}body[data-theme=light] .token.comment{color:#98795d}body[data-theme=light] .token.string{color:#8a651f}body[data-theme=light] .token.keyword,body[data-theme=light] .token.tag{color:#9b431e}body[data-theme=light] .token.number{color:#9b6424}body[data-theme=light] .token.function{color:#984c56}body[data-theme=light] .token.property{color:#795838}.code-layer textarea::selection{background:#bd855e66}#toast{color:#352217}.nest-logo{box-shadow:0 3px 12px #130d0955}

.highlight{scrollbar-width:thin;scrollbar-color:transparent transparent}.highlight::-webkit-scrollbar{display:block}.highlight::-webkit-scrollbar-track,.highlight::-webkit-scrollbar-thumb{background:transparent;border-color:transparent}input[type=checkbox]{accent-color:var(--accent)}

/* Topic-based menu and anchored panel controls. */
body{font-family:var(--ui-font,'DM Sans',sans-serif);font-size:var(--ui-size,13px)}.app-header{height:70px;min-height:70px;padding:0 24px;flex-wrap:nowrap;gap:16px}.menu-button{width:36px;height:36px;display:grid;place-items:center;padding:0;font-size:21px;background:transparent}.app-header .brand{font-size:24px;gap:10px}.header-note{color:var(--muted);margin-left:12px;font-size:12px}.header-hint{margin-left:auto;font-size:11px;color:var(--muted)}.workspace-toolbar{padding:12px 24px;align-items:center}.workspace-toolbar>div{gap:7px}.toolbar-rule{width:1px;height:24px;background:var(--line);margin:0 8px}.toolbar-tip{font-size:10px;color:var(--muted)}.workspace-toolbar #layout{min-width:155px}.consolebar #clear{margin-left:auto}
#settingsDialog{width:min(1040px,94vw);height:min(820px,90vh);max-height:90vh;padding:0;overflow:hidden;border-radius:14px}#settingsDialog .settings-shell{display:grid;grid-template-columns:230px minmax(0,1fr);height:100%;min-height:0}.settings-sidebar{background:var(--bg);padding:26px 16px;display:flex;flex-direction:column;overflow:auto}.sidebar-brand{display:flex;align-items:center;gap:9px;font:700 21px 'Space Grotesk',sans-serif;margin:0 12px 28px}.sidebar-brand img{width:30px;height:30px}.settings-sidebar [role=tablist]{display:flex;flex-direction:column;gap:4px}.menu-group{font-size:9px;color:var(--muted);letter-spacing:1.5px;margin:20px 12px 7px}.settings-sidebar [role=tab]{display:flex;gap:10px;align-items:center;padding:11px 12px;text-align:left;border:0;background:transparent;color:var(--muted);font-size:12px;border-radius:5px}.settings-sidebar [role=tab][aria-selected=true]{background:var(--panel2);color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.sidebar-bottom{margin-top:auto;padding:35px 12px 0;font-size:11px;color:var(--text);line-height:1.8}.sidebar-bottom span{color:var(--muted);font-size:10px}.settings-main{position:relative;overflow:auto;padding:46px 64px 48px 42px;min-width:0}.settings-page[hidden]{display:none}.settings-page h1{font-size:30px;letter-spacing:-.8px;margin:12px 0}.settings-page h2{font-size:14px;margin:28px 0 12px;letter-spacing:.1px}.settings-page p{font-size:12px}.settings-page>p{max-width:570px}.settings-page input:not([type=checkbox]),.settings-page select{font:inherit;background:var(--bg);border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:5px;min-width:0}.settings-page label{font-size:12px;color:var(--muted);margin:16px 0}.settings-page label input,.settings-page label select{margin-top:7px}.settings-page .new-project input{width:auto}.settings-page .new-project select{max-width:100%}.settings-page #fontSize{width:100%}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.setting-grid label{min-width:0}.settings-page .toggle-row{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding:14px 0;margin:0;color:var(--text)}.settings-page .toggle-row input{width:17px;height:17px;margin:0;flex-shrink:0;cursor:pointer}.toggle-row small{display:block;color:var(--muted);margin-top:5px;line-height:1.5}.save-row{display:flex;gap:16px;align-items:center}.save-row #saved{color:var(--muted);font-size:11px}.file-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.section-divider{height:1px;background:var(--line);margin:32px 0}.preference-preview{padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:8px;overflow:auto}.preference-preview span{display:block;font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-bottom:12px}.preference-preview code{font:var(--editor-font,12px)/var(--code-leading,1.7) var(--code-font,monospace);color:var(--accent);white-space:nowrap}.shortcut{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);gap:12px;color:var(--muted)}#closeSettings{position:sticky;top:0;float:right;margin-right:-45px;margin-top:-20px;background:var(--panel);border:1px solid var(--line);border-radius:50%;width:32px;height:32px;padding:0;font-size:22px;z-index:4}#closeSettings small{position:absolute;top:37px;left:5px;font-size:8px;letter-spacing:1px;color:var(--muted)}.settings-page .saved-item{padding:13px;gap:6px}.settings-page .saved-item button{font-size:11px;padding:7px 9px}
.editorhead{height:40px;padding:0 7px 0 10px;gap:4px;flex-shrink:0;container-type:inline-size}.panel-handle{display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow:hidden;cursor:grab;height:100%;user-select:none}.panel-handle:active{cursor:grabbing}.panel-handle b{font-size:11px;white-space:nowrap;flex-shrink:0}.panel-handle i{margin:0;flex-shrink:0}.editorhead .grip{margin:0;color:var(--muted);font-size:15px;flex-shrink:0}.editorhead .panel-file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;margin-left:auto;margin-right:7px}.panel-actions{display:flex;gap:2px;flex-shrink:0;margin-left:auto;position:relative;z-index:2;background:var(--panel2);border-radius:4px}.panel-actions button{display:grid;place-items:center;width:24px;height:24px;padding:0;font:14px system-ui;color:var(--muted);background:transparent;border:0;border-radius:3px;flex-shrink:0}.panel-actions button:hover{background:var(--bg);color:var(--accent)}.editor.dragging{opacity:1}.editor.dragging .codebody{opacity:.45}.editor.dragging .panel-handle{color:var(--accent)}.editor.drop-target{box-shadow:inset 0 0 0 2px var(--accent)}.drag-label{position:fixed;top:-1000px;left:0;padding:9px 14px;background:var(--accent);color:#352217;border-radius:6px;display:flex;align-items:center;gap:6px;max-width:180px}.drag-label .panel-file{display:none}#editors.columns{overflow:auto}#editors.columns .editor{min-width:160px}.code-layer textarea,.highlight{font-family:var(--code-font,Consolas,'Courier New',monospace);line-height:var(--code-leading,1.7)}.lines{font-family:var(--code-font,Consolas,monospace);line-height:var(--code-leading,1.7)}.hide-lines .lines{display:none}.hide-lines .code-layer textarea,.hide-lines .highlight{padding-left:12px}.hide-status footer{display:none}.hide-status main{margin-bottom:16px}.reduce-motion *{transition:none!important;animation:none!important}body[data-density=compact] .app-header{height:54px;min-height:54px}body[data-density=compact] .workspace-toolbar{padding-top:7px;padding-bottom:7px}body[data-density=compact] .editorhead{height:32px}body[data-density=compact] footer{height:28px}
@container(max-width:240px){.editorhead .panel-file{display:none}.panel-handle{gap:4px}.panel-handle .grip{font-size:12px}.panel-actions button{width:22px}}
@media(max-width:750px){#settingsDialog{width:96vw;height:94vh;max-height:94vh}#settingsDialog .settings-shell{grid-template-columns:170px minmax(0,1fr)}.settings-sidebar{padding:18px 8px}.sidebar-brand{font-size:17px;margin:0 8px 18px}.sidebar-brand img{width:24px}.settings-sidebar [role=tab]{font-size:11px;padding:10px 8px;gap:7px}.settings-main{padding:40px 40px 30px 20px}#closeSettings{margin-right:-30px}.setting-grid{grid-template-columns:1fr}.header-note,.toolbar-tip{display:none}.settings-page h1{font-size:25px}}
@media(max-width:480px){#settingsDialog .settings-shell{grid-template-columns:125px minmax(0,1fr)}.sidebar-brand{font-size:13px;gap:5px}.sidebar-brand img{width:20px}.settings-sidebar [role=tab]{font-size:10px;gap:5px}.menu-group{margin-left:8px;letter-spacing:.7px;font-size:8px}.settings-main{padding:38px 29px 24px 14px}#closeSettings{margin-right:-22px;width:27px;height:27px}.sidebar-bottom{font-size:9px;padding:24px 7px 0}.settings-page h1{font-size:21px}.saved-item>div{flex-basis:100%}.settings-page .new-project input{min-width:0;width:100%;flex-basis:100%}.settings-page .new-project select{width:100%}.header-hint{display:none}.app-header{padding-inline:14px}.workspace-toolbar{padding-inline:12px}.workspace-toolbar #layout{min-width:0;max-width:135px;font-size:11px}.toolbar-rule{margin:0 3px}.workspace-toolbar .lang{padding:8px;font-size:11px}.workspace-toolbar .lang i{display:none}.settings-page .shortcut{flex-wrap:wrap}}
.settings-main{overflow-x:hidden}

.pointer-ghost{pointer-events:none;z-index:10000;box-shadow:0 6px 20px #0005;white-space:nowrap}

/* Expanded design system */
.theme-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 28px}.theme-swatch{display:flex;align-items:center;gap:7px;min-width:0;padding:9px 7px;background:var(--bg);font-size:10px;text-align:left;border:1px solid var(--line);color:var(--text)}.theme-swatch>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch-sample{display:block;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--swatch-bg) 50%,var(--swatch-accent) 50%);border:1px solid var(--line)}.theme-swatch[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.primary,#toast,.mark{color:var(--accent-ink);background:var(--accent)}.orange,.blue,.yellow{color:var(--accent)}.token.comment{color:var(--muted)}.token.string{color:var(--accent)}.token.keyword,.token.tag{color:var(--text);font-weight:600}.token.number{color:var(--accent)}.token.function{color:var(--text)}.token.property{color:var(--code)}body[data-tone=light] .token.comment{color:var(--muted)}body[data-tone=light] .token.string,body[data-tone=light] .token.number{color:var(--accent)}body[data-tone=light] .token.keyword,body[data-tone=light] .token.tag,body[data-tone=light] .token.function{color:var(--text)}body[data-tone=light] .token.property{color:var(--code)}.code-layer textarea::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}
body{--ui-radius:7px;--panel-radius:10px}body[data-corner-style=round]{--ui-radius:18px;--panel-radius:22px}body[data-corner-style=square]{--ui-radius:0px;--panel-radius:0px}button,select,.settings-page input:not([type=checkbox]),.settings-page select,.saved-item,.preference-preview{border-radius:var(--ui-radius)}main,#settingsDialog{border-radius:var(--panel-radius)}body[data-surface-style=elevated] main,body[data-surface-style=elevated] .saved-item,body[data-surface-style=elevated] .preference-preview{box-shadow:0 8px 24px #0003}body[data-surface-style=outlined] .editor,body[data-surface-style=outlined] .preview,body[data-surface-style=outlined] .saved-item{outline:1px solid var(--line);outline-offset:-1px}body[data-button-style=outline] button:not(.theme-swatch):not([role=tab]){background:transparent;border:1px solid var(--line);color:var(--text)}body[data-button-style=outline] button.primary{border-color:var(--accent);color:var(--accent)}body[data-button-style=minimal] button:not(.primary):not(.theme-swatch):not([role=tab]){background:transparent;border-color:transparent}body[data-menu-width=wide] #settingsDialog{width:min(1240px,96vw)}.no-panel-dividers .editor{border-color:transparent}.no-panel-dividers #divider{border-color:transparent}body[data-preview-backdrop=solid] .stage{background:var(--bg)}.hide-preview-title .address{display:none}.strong-focus :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.high-contrast .editor,.high-contrast main,.high-contrast .settings-sidebar,.high-contrast .saved-item{border:1px solid var(--muted)}.large-targets button,.large-targets select{min-height:38px}.large-targets .panel-actions button{min-height:28px;height:28px;width:28px}.large-targets .editorhead{height:44px}.no-syntax-colors .token{color:var(--code)!important;font-weight:normal;font-style:normal}.code-layer textarea,.highlight{tab-size:var(--indent-width,2)}.notranslate{unicode-bidi:isolate}.codebody,.code-layer,.lines,.highlight,.code-layer textarea{direction:ltr;text-align:left}.lines{text-align:right;white-space:normal;font-variant-numeric:tabular-nums;user-select:none;flex-shrink:0}.code-line-number{display:block;height:calc(var(--code-leading,1.7)*1em);min-height:calc(var(--code-leading,1.7)*1em);line-height:var(--code-leading,1.7);white-space:nowrap;font:inherit;text-align:right}.show-active-line .editor:focus-within .code-layer:before{content:'';position:absolute;left:0;right:0;top:var(--active-line-y,0);height:var(--active-line-height,20px);background:color-mix(in srgb,var(--accent) 9%,transparent);pointer-events:none}.highlight{z-index:0}.code-layer textarea{z-index:1}.shortcut-row{gap:8px;flex-wrap:wrap}.shortcut-row>span{flex:1;min-width:125px;font-size:12px;color:var(--text)}.shortcut-row button{font-size:11px}.shortcut-row button.recording{border-color:var(--accent);color:var(--accent)}.shortcut-message{font-size:12px;color:var(--accent);line-height:1.7;min-height:28px}.storage-summary{padding:24px;background:var(--bg);border:1px solid var(--line);border-radius:var(--ui-radius);font-size:14px;color:var(--accent)}#resetShortcuts{margin-top:22px}.settings-sidebar{min-height:0}.sidebar-bottom{padding-top:20px}.settings-sidebar .menu-group{margin-top:14px}.settings-sidebar [role=tab]{padding-block:10px}
@media(max-width:750px){.theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.theme-gallery{grid-template-columns:1fr}.large-targets .panel-actions button{width:24px}.settings-sidebar [role=tab]{padding-block:8px}}
.code-layer textarea,.highlight,.lines{font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0}