:root{--bg-activitybar: rgba(12, 18, 24, .88);--bg-sidebar: rgba(17, 25, 32, .9);--bg-editor: #111a21;--bg-panel: rgba(28, 40, 49, .92);--bg-hover: rgba(111, 145, 165, .14);--bg-selected: rgba(111, 145, 165, .2);--border: rgba(151, 177, 192, .2);--border-strong: rgba(151, 177, 192, .34);--text-primary: #eef3f5;--text-muted: #a9b7bf;--text-subtle: #74858f;--accent: #9a8cff;--accent-soft: rgba(154, 140, 255, .15);--accent-focus: rgba(154, 140, 255, .34);--cyan: #8bd3df;--green: #83d6b0;--danger: #ef9a9a;--font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-editor);color:var(--text-primary);font-family:var(--font-ui);font-size:13px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:56px 286px 1fr;grid-template-rows:1fr 28px;grid-template-areas:"activity sidebar main" "activity sidebar status";height:100vh;position:relative;isolation:isolate;background:var(--bg-editor)}.app-shell:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";background-image:url(https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=2400&q=82);background-size:cover;background-position:center;opacity:.28}.app-shell:after{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:linear-gradient(115deg,#0a1218fa,#0c161de6 48%,#0d161cc7);pointer-events:none}.welcome-screen{position:relative;isolation:isolate;display:grid;min-height:100vh;place-items:center;overflow:hidden;background:#101a21}.welcome-screen:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;content:"";background-image:url(https://images.unsplash.com/photo-1470770841072-f978cf4d019e?auto=format&fit=crop&w=2400&q=82);background-position:center;background-size:cover;opacity:.36}.welcome-screen:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:radial-gradient(circle at 50% 42%,#25394559,#0a1117e6 70%)}.welcome-screen__glow{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(90px);opacity:.14;pointer-events:none}.welcome-screen__glow--one{top:-150px;right:8%;background:var(--accent)}.welcome-screen__glow--two{bottom:-180px;left:8%;background:var(--cyan)}.welcome-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;width:min(560px,calc(100% - 40px));padding:34px 42px 38px;text-align:center;background:#111920c7;border:1px solid rgba(151,177,192,.25);border-radius:18px;box-shadow:0 28px 80px #00000057,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.welcome-card:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;content:"";padding:1px;border-radius:19px;background:conic-gradient(from 0deg,transparent 0deg 245deg,rgba(139,211,223,.12) 270deg,rgba(154,140,255,.9) 315deg,rgba(139,211,223,.12) 350deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:welcome-border-travel 5s ease-in-out infinite alternate}.welcome-card:after{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;z-index:-2;content:"";border-radius:24px;background:conic-gradient(from 0deg,transparent 0deg 260deg,rgba(154,140,255,.22) 315deg,transparent 355deg);filter:blur(15px);opacity:.38;animation:welcome-glow-pulse 5s ease-in-out infinite alternate}@keyframes welcome-border-travel{0%{transform:rotate(0);opacity:.58}50%{opacity:1}to{transform:rotate(180deg);opacity:.58}}@keyframes welcome-glow-pulse{0%{transform:scale(.985);opacity:.2}50%{opacity:.58}to{transform:scale(1.015);opacity:.2}}.welcome-card__brand{display:flex;align-items:center;gap:9px;align-self:flex-start;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:1.5px}.welcome-card__brand .brand-mark{width:28px;height:28px}.welcome-card__icon{display:grid;place-items:center;width:58px;height:58px;margin:42px 0 17px;color:var(--cyan);background:#8bd3df1a;border:1px solid rgba(139,211,223,.24);border-radius:16px}.welcome-card .eyebrow{display:inline-flex;align-items:center;gap:6px}.welcome-card h1{margin:13px 0 12px;color:var(--text-primary);font-size:clamp(31px,5vw,46px);letter-spacing:-1.7px;line-height:1.04}.welcome-card__subtext{max-width:385px;margin:14px 0 0;color:var(--text-muted);font-size:12px;line-height:1.6}.welcome-card__affirmation{margin:12px 0 0;color:var(--accent);font-size:12px;font-weight:650;letter-spacing:.2px}.welcome-card__cta{display:inline-flex;align-items:center;gap:9px;margin-top:28px;padding:11px 17px;color:#102019;background:var(--green);border:0;border-radius:8px;font-size:12px;font-weight:750;box-shadow:0 10px 25px #83d6b029;transition:transform .18s ease,background .18s ease}.welcome-card__cta:hover{background:#a3e8c8;transform:translateY(-2px)}.welcome-card__hint{margin-top:16px;color:var(--text-subtle);font-size:10px}@media (max-width: 560px){.welcome-card{padding:25px 23px 30px}.welcome-card__icon{margin-top:34px}}@media (max-width: 760px){.app-shell{grid-template-columns:0 230px 1fr}.activity-bar{display:none}.editor-split{flex-direction:column}.editor-split__code{min-height:45%;border-right:0;border-bottom:1px solid var(--border)}.editor-split__notes{min-height:55%}}.activity-bar{grid-area:activity;background:#11121af0;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding-top:18px;gap:9px}.activity-bar__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-subtle);border:1px solid transparent;background:transparent}.activity-bar__icon:hover{color:var(--text-primary);background:var(--bg-hover)}.activity-bar__icon:active,.activity-bar__icon--active{color:#fff;background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 10px var(--accent-focus)}.sidebar{grid-area:sidebar;background:#171823eb;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.sidebar__header{padding:22px 17px 18px;display:flex;align-items:center;justify-content:space-between}.sidebar__brand{display:flex;align-items:center;gap:10px}.sidebar__brand strong{display:block;font-size:12px;letter-spacing:1.7px;line-height:1.2}.sidebar__brand div>span{display:block;color:var(--text-subtle);font-size:10px;margin-top:4px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#9c84ff,#6b51e8);color:#fff;font-size:10px;font-weight:800;letter-spacing:-.5px;box-shadow:0 5px 18px #7357ee40}.sidebar__new-btn{width:30px;height:30px;display:grid;place-items:center;color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--border);border-radius:8px}.sidebar__new-btn:hover,.sidebar__new-btn:focus-visible{color:#fff;border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 10px var(--accent-focus)}.sidebar__new-btn:active{transform:scale(.96)}.sidebar__search-wrap{display:flex;align-items:center;gap:8px;margin:0 14px 17px;padding:0 9px;height:34px;color:var(--text-subtle);background:#11121b;border:1px solid var(--border);border-radius:8px}.sidebar__search{width:100%;min-width:0;padding:0;background:transparent;border:0;color:var(--text-primary);font-size:12px}.sidebar__search:focus{outline:none}.sidebar__search::placeholder{color:var(--text-subtle)}.sidebar__search::-webkit-search-cancel-button{display:none}.sidebar__search-clear{display:grid;place-items:center;padding:2px;color:var(--text-muted);background:transparent;border:0;border-radius:4px}.sidebar__search-clear:hover{color:var(--text-primary);background:var(--bg-hover)}kbd{color:var(--text-subtle);font-size:10px;white-space:nowrap}.sidebar__tree{flex:1;overflow-y:auto;padding-bottom:18px}.sidebar__nav{display:grid;gap:3px;padding:0 12px 16px;border-bottom:1px solid var(--border)}.sidebar__nav-item{display:flex;align-items:center;gap:9px;padding:8px 9px;color:var(--text-muted);background:transparent;border:0;border-radius:7px;text-align:left;font-size:12px}.sidebar__nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar__nav-item--active{color:var(--text-primary);background:var(--accent-soft);box-shadow:inset 0 0 12px var(--accent-focus)}.sidebar__nav-item span{margin-left:auto;color:var(--text-subtle);font-size:10px}.tree-group__label{display:flex;align-items:center;gap:7px;padding:11px 17px 7px;color:var(--text-subtle);font-size:10px;letter-spacing:1px;font-weight:700}.tree-group__swatch{width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px currentColor}.tree-item{display:flex;align-items:center;gap:8px;padding:8px 17px 8px 29px;color:var(--text-muted);font-size:12px;border:0;border-left:2px solid transparent;background:transparent;width:100%;text-align:left}.tree-item:hover{color:var(--text-primary);background:var(--bg-hover)}.tree-item:active{background:var(--bg-selected)}.tree-item--active{color:var(--text-primary);background:linear-gradient(90deg,var(--bg-selected),transparent);border-left-color:var(--accent);box-shadow:inset 8px 0 18px -18px var(--accent)}.tree-item__ext{color:var(--text-subtle);font-family:var(--font-mono);font-size:10px}.tree-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sidebar__empty{padding:18px;color:var(--text-muted);font-size:12px;line-height:1.6}.main{grid-area:main;display:flex;flex-direction:column;min-width:0;background:transparent}.global-search{display:flex;align-items:center;gap:9px;width:min(470px,calc(100% - 40px));height:36px;margin:12px auto 0;padding:0 11px;color:var(--text-subtle);background:#111920d6;border:1px solid var(--border);border-radius:8px;z-index:2}.global-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.global-search input{min-width:0;flex:1;padding:0;color:var(--text-primary);background:transparent;border:0;outline:0;font-size:12px}.global-search input::placeholder{color:var(--text-subtle)}.global-search input::-webkit-search-cancel-button{display:none}.global-search button{display:grid;place-items:center;padding:2px;color:var(--text-muted);background:transparent;border:0;border-radius:4px}.global-search button:hover{color:var(--text-primary);background:var(--bg-hover)}.tabs{display:flex;min-height:45px;background:#12121bb3;border-bottom:1px solid var(--border);overflow-x:auto}.tab{display:flex;align-items:center;gap:8px;padding:0 14px;min-width:150px;font-size:12px;color:var(--text-muted);border-right:1px solid var(--border);background:transparent;white-space:nowrap;border-top:2px solid transparent;cursor:pointer}.tab--active{color:var(--text-primary);background:var(--bg-editor);border-top-color:var(--accent)}.tab:active{background:var(--bg-selected)}.tab__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.tab__close{border:0;background:transparent;color:var(--text-subtle);border-radius:4px;width:18px;height:18px;margin-left:auto;display:grid;place-items:center;font-size:13px}.tab__close:hover{background:var(--bg-hover);color:var(--text-primary)}.editor-pane{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.editor-toolbar{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--border);flex-wrap:wrap}.editor-toolbar input[type=text]{background:transparent;border:0;color:var(--text-primary);font-size:18px;font-weight:650;padding:3px 0;min-width:160px;flex:1;letter-spacing:-.3px}.editor-toolbar input[type=text]:focus{outline:none;border-bottom:1px solid var(--accent)}.lang-select{background:var(--bg-panel);color:var(--text-muted);border:1px solid var(--border);border-radius:7px;padding:7px 10px;font-size:11px}.lang-select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 12px #8be9fd52}.icon-btn{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:7px;padding:7px 11px;font-size:11px}.icon-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.icon-btn:active{transform:translateY(1px);box-shadow:0 0 10px var(--accent-focus)}.icon-btn--danger:hover{color:#ff9f9f;border-color:#74434f;background:#ad3a511f}.editor-split{flex:1;display:flex;min-height:0}.editor-split__code{flex:1.4;min-width:0;overflow:auto;border-right:1px solid var(--border)}.editor-split__notes{flex:1;min-width:260px;display:flex;flex-direction:column;padding:22px 24px;overflow-y:auto}.editor-split__notes label,.tags-field label{font-size:10px;color:var(--text-subtle);letter-spacing:.9px;text-transform:uppercase;font-weight:700;margin-bottom:8px;display:block}.notes-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.notes-heading label{margin-bottom:8px}.template-btn{display:inline-flex;align-items:center;gap:5px;margin-bottom:8px;padding:4px 7px;color:var(--accent);background:transparent;border:1px solid transparent;border-radius:5px;font-size:10px}.template-btn:hover{color:var(--accent);border-color:var(--border-strong);background:var(--accent-soft);box-shadow:0 0 10px var(--accent-focus)}.editor-split__notes textarea{flex:1;resize:none;background:var(--bg-panel);border:1px solid var(--border);border-radius:9px;color:var(--text-primary);padding:13px;font-family:var(--font-ui);font-size:13px;line-height:1.65}.editor-split__notes textarea:focus,.tags-field input:focus{outline:1px solid var(--accent);border-color:var(--accent);box-shadow:0 0 10px var(--accent-focus)}.editor-split__notes textarea::placeholder{color:#77798b;opacity:.9}.tags-field{margin-top:18px}.tags-field input{width:100%;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);padding:9px 11px;font-size:12px}.tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.tag-pill{background:#8bd3df1a;border:1px solid rgba(139,211,223,.23);color:var(--cyan);border-radius:20px;padding:3px 9px;font-size:10px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);text-align:center;padding:30px}.empty-state__logo{width:64px;height:64px;display:grid;place-items:center;color:#b7aaff;background:var(--accent-soft);border:1px solid rgba(139,116,255,.25);border-radius:18px;margin-bottom:5px}.eyebrow{color:var(--accent);font-size:10px;font-weight:750;letter-spacing:1.5px}.empty-state h2{color:var(--text-primary);font-size:23px;letter-spacing:-.7px;font-weight:650;margin:0}.empty-state p{margin:0;max-width:390px;color:var(--text-muted);line-height:1.65}.empty-state__cta{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:9px 14px;color:#102019;background:var(--green);border:0;border-radius:8px;font-size:12px;font-weight:750;box-shadow:0 8px 20px #83d6b024}.empty-state__cta:hover{background:#a3e8c8;transform:translateY(-1px)}.overview{flex:1;min-width:0;overflow:auto;padding:28px 24px 40px}.overview__hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1560px;margin:0 auto 27px}.overview__hero h1{margin:10px 0 8px;color:var(--text-primary);font-size:clamp(25px,3vw,36px);letter-spacing:-1.2px;font-weight:700}.overview__hero p{margin:0;color:var(--text-muted);font-size:13px}.overview__metric{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:9px;min-width:145px;padding:14px 16px;color:var(--cyan);background:#8be9fd12;border:1px solid rgba(139,233,253,.2);border-radius:11px}.overview__metric strong{color:var(--text-primary);font-size:22px}.overview__metric span{grid-column:2;color:var(--text-muted);font-size:10px}.overview__search{display:flex;align-items:center;gap:9px;width:min(340px,30vw);height:38px;margin-left:auto;padding:0 11px;color:var(--text-subtle);background:#111920cc;border:1px solid var(--border);border-radius:8px}.overview__search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.overview__search input{min-width:0;flex:1;padding:0;color:var(--text-primary);background:transparent;border:0;outline:0;font-size:12px}.overview__search input::placeholder{color:var(--text-subtle)}.overview__search input::-webkit-search-cancel-button{display:none}.overview__search button{display:grid;place-items:center;padding:2px;color:var(--text-muted);background:transparent;border:0;border-radius:4px}.overview__search button:hover{color:var(--text-primary);background:var(--bg-hover)}.overview-board{display:flex;align-items:stretch;gap:12px;max-width:1560px;min-height:525px;margin:0 auto;padding:0 2px 15px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(154,140,255,.7) rgba(17,25,32,.72)}.overview-board::-webkit-scrollbar{height:9px}.overview-board::-webkit-scrollbar-track{background:#111920b8;border:1px solid rgba(151,177,192,.14);border-radius:999px}.overview-board::-webkit-scrollbar-thumb{min-width:80px;background:linear-gradient(90deg,#7491a1e0,#9a8cffcc);border:2px solid rgba(17,25,32,.72);border-radius:999px}.overview-board::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#8bd3dff2,#9a8cfff2)}.overview-board::-webkit-scrollbar-button{display:none}.overview-column{display:flex;flex:0 0 238px;flex-direction:column;min-height:500px;padding:0 8px 9px;background:#21222cad;border:1px solid rgba(69,71,90,.75);border-radius:10px}.overview-column:hover{border-color:var(--border-strong);box-shadow:0 0 16px #0000002e}.overview-group__header{display:flex;align-items:center;justify-content:space-between;min-height:52px;margin:0 -8px 7px;padding:0 12px;border-bottom:1px solid var(--border)}.overview-group__title{display:flex;align-items:center;gap:9px}.overview-group__title h2{margin:0;font-size:15px;font-weight:650}.overview-group__title span:last-child{color:var(--text-subtle);font-size:11px}.overview-group__swatch{width:9px;height:9px;border-radius:50%;box-shadow:0 0 12px currentColor}.overview-group__extension{color:var(--text-subtle);font-family:var(--font-mono);font-size:10px}.overview-cards{display:grid;align-content:start;gap:9px;flex:1}.overview-card{min-height:139px;padding:12px;color:var(--text-primary);text-align:left;background:linear-gradient(145deg,#303241fa,#282a36e0);border:1px solid var(--border);border-radius:8px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.overview-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 9px 24px #0000003d}.overview-card:active{transform:translateY(0) scale(.99)}.overview-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.overview-card__icon{display:grid;place-items:center;width:28px;height:28px;background:var(--accent-soft);border-radius:7px}.overview-card__arrow{color:var(--text-subtle);transition:transform .18s ease,color .18s ease}.overview-card:hover .overview-card__arrow{color:var(--accent);transform:translate(3px)}.overview-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.overview-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:32px;margin:8px 0 13px;color:var(--text-muted);font-size:11px;line-height:1.45}.overview-card__tags{display:flex;gap:5px;overflow:hidden}.overview-card__tags span{color:var(--cyan);font-size:9px;white-space:nowrap}.overview-column__empty{display:grid;place-items:center;gap:8px;padding:44px 10px;color:var(--text-subtle);text-align:center;font-size:11px}.overview-column__empty svg{color:var(--text-subtle)}.overview-column__add{display:flex;align-items:center;gap:7px;width:100%;padding:9px 7px 3px;color:var(--text-muted);background:transparent;border:0;font-size:11px;text-align:left}.overview-column__add:hover{color:var(--green)}.overview__empty{display:grid;place-items:center;min-height:55vh;color:var(--text-muted);text-align:center}.overview__empty svg{color:var(--accent);margin-bottom:10px}.overview__empty h2{margin:0 0 7px;color:var(--text-primary);font-size:18px}.overview__empty p{margin:0;font-size:12px}.overview__no-results{display:grid;justify-items:center;gap:8px;margin:80px auto 0;color:var(--text-muted);text-align:center}.overview__no-results svg{color:var(--accent)}.overview__no-results strong{color:var(--text-primary);font-size:15px}.overview__no-results span{font-size:12px}.overview__no-results button{margin-top:4px;padding:7px 11px;color:var(--text-primary);background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;font-size:11px}.overview__no-results button:hover{border-color:var(--border-strong);background:var(--bg-selected)}@media (max-width: 800px){.overview__hero{align-items:stretch;flex-direction:column}.overview__search{width:100%;margin-left:0}.overview__metric{align-self:flex-start}}.status-bar{grid-area:status;background:#171827;border-top:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:10px}.status-bar__left,.status-bar__right,.status-bar span{display:flex;align-items:center;gap:6px}.status-bar__right{gap:15px}.status-saved{color:var(--green)}.cm-editor{height:100%;font-size:13px}.cm-editor.cm-focused{outline:none}@media (max-width: 1180px){.app-shell{grid-template-columns:50px 250px minmax(0,1fr)}.overview{padding-inline:18px}.overview__hero h1{font-size:30px}.overview-column{flex-basis:225px}}@media (max-width: 900px){.app-shell{grid-template-columns:46px 220px minmax(0,1fr)}.sidebar__header{padding:17px 13px 14px}.sidebar__brand strong{font-size:11px}.sidebar__brand div>span{font-size:9px}.overview{padding:22px 15px 32px}.overview__hero{align-items:flex-start;flex-direction:column;margin-bottom:22px}.overview__metric{align-self:flex-start}.overview-column{flex-basis:214px;min-height:450px}.editor-toolbar{padding-inline:17px}.editor-split__notes{min-width:230px;padding-inline:17px}}@media (max-width: 700px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) 27px;grid-template-areas:"sidebar" "main" "status";min-height:100dvh;height:100dvh}.activity-bar{display:none}.sidebar{max-height:205px;border-right:0;border-bottom:1px solid var(--border)}.sidebar__header{padding:12px 15px 10px}.sidebar__nav{grid-template-columns:1fr 1fr;padding:0 10px 9px}.sidebar__nav-item{justify-content:center;padding:7px}.sidebar__tree{display:none}.global-search{width:calc(100% - 28px);margin-top:10px}.tabs{min-height:42px}.tab{min-width:145px;padding-inline:11px}.overview{padding:20px 12px 30px}.overview__hero{margin-bottom:19px}.overview__hero h1{max-width:450px;font-size:clamp(25px,7vw,32px)}.overview__hero p{max-width:420px;line-height:1.5}.overview-board{min-height:430px;margin-inline:-2px}.overview-column{flex-basis:min(78vw,260px);min-height:410px}.editor-toolbar{gap:9px;padding:13px 14px}.editor-toolbar input[type=text]{order:-1;flex-basis:100%;font-size:16px}.editor-split{flex-direction:column;overflow-y:auto}.editor-split__code{flex:0 0 48dvh;min-height:280px;border-right:0;border-bottom:1px solid var(--border)}.editor-split__notes{flex:0 0 380px;min-width:0;min-height:380px;padding:17px 14px}.editor-split__notes textarea{min-height:230px}.status-bar{padding-inline:10px}.status-bar__right{gap:8px}.status-bar__right span:first-child{display:none}}@media (max-width: 420px){.sidebar{max-height:190px}.sidebar__brand div>span{display:none}.brand-mark,.sidebar__new-btn{width:28px;height:28px}.global-search{width:calc(100% - 20px)}.overview{padding-inline:10px}.overview__metric{min-width:132px;padding:10px 12px}.overview-column{flex-basis:82vw}.editor-toolbar .lang-select{flex:1}.icon-btn{padding-inline:9px}.status-bar{font-size:9px}.status-bar__right span:last-child{display:none}}@media (max-height: 620px) and (orientation: landscape){.sidebar{max-height:130px}.sidebar__header{padding-block:8px}.sidebar__nav{padding-bottom:6px}.overview{padding-top:15px}.overview__hero{margin-bottom:14px}.overview-board{min-height:330px}.overview-column{min-height:315px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}