:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e5eaf2;background:#0a1423;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s;border:1px solid #34445a;background:#18283d;color:#e7eef7;border-radius:10px;padding:10px 13px}button:hover{background:#24384f}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #68dec7;outline-offset:2px}button.primary{background:#58d5bb;border-color:#58d5bb;color:#08232c;font-weight:700}button.primary:hover{background:#80e7d0}.topbar{height:74px;padding:0 28px;border-bottom:1px solid #24364c;display:flex;justify-content:space-between;align-items:center;background:#111e30;position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;border-radius:12px;background:#244a50;display:grid;place-items:center;color:#72e6ca;font-size:24px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#97a8ba;font-size:11px;margin-top:2px}.status{display:flex;gap:9px;align-items:center;font-size:12px;color:#aebfd0}.status-dot{width:9px;height:9px;border-radius:50%;background:#6dd2a4}.shell{display:flex;min-height:calc(100vh - 74px)}.sidebar{width:230px;flex-shrink:0;padding:22px 14px;background:#101d2e;border-right:1px solid #24364c;display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;background:transparent;border:0;text-align:left;padding:13px;color:#aabbd0;font-weight:600}.nav-item span{font-size:19px;width:23px;text-align:center}.nav-item.active{background:#1e3c49;color:#81ead0}.nav-bottom{margin-top:auto;border-top:1px solid #2a4055;padding:17px 9px;color:#93a7bb;display:grid;gap:5px;font-size:11px}.nav-bottom small{font-size:12px}.content{width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:30px 36px 70px}.page-heading{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:25px}.page-heading h1{margin:0 0 7px;font-size:clamp(25px,3.5vw,32px);letter-spacing:-.8px}.page-heading p{margin:0;color:#9aafc5;line-height:1.5}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #305463;background:linear-gradient(118deg,#173345,#112134);border-radius:18px;padding:30px;margin-bottom:28px}.hero h2{font-size:clamp(23px,3vw,34px);line-height:1.2;max-width:580px;margin:10px 0}.hero p{color:#b3c4d3;line-height:1.6;max-width:640px}.hero .primary{margin-top:10px}.eyebrow{font-size:11px;color:#79e7d2;letter-spacing:2px;font-weight:800}.hero-symbol{font-size:80px;color:#579a9c;padding:0 25px;white-space:nowrap}.section-title{font-size:20px;margin:24px 0 15px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.panel,.project-card{background:#152337;border:1px solid #2a4058;border-radius:15px;padding:19px}.panel h3{margin:8px 0 9px}.panel p,.project-card p{line-height:1.6;color:#afc0d1}.card-icon{width:43px;height:43px;border-radius:13px;background:#213e4a;display:grid;place-items:center;color:#86e4d1;font-size:24px}.info-strip{border:1px solid #325463;background:#152f3b;border-radius:13px;padding:15px;margin-top:20px;line-height:1.6;color:#cfdfec}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card h3{margin:13px 0 4px;font-size:20px}.project-card small{color:#90a6bb}.pill{display:inline-block;background:#213e4a;border:1px solid #37636b;color:#8af0d7;padding:5px 9px;border-radius:8px;font-size:11px;font-weight:700}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.danger-outline{border-color:#7c4c59;color:#ffc1c4}.danger-outline:hover{background:#4a2634}.form-panel{max-width:620px;margin-bottom:18px}.form-panel label{display:block;margin:14px 0;color:#c4d3e1}.form-panel input,.form-panel select{display:block;width:100%;margin-top:7px;background:#0c1929;border:1px solid #3b526a;border-radius:9px;padding:12px;color:#e9f2f8}.hidden{display:none!important}.empty{border:1px dashed #476079;background:#132238;text-align:center;padding:48px 16px;border-radius:15px;color:#b8cbdc}.editor-layout{display:grid;grid-template-columns:215px minmax(0,1fr);gap:12px;min-height:390px}.editor-files,.editor-main{background:#111f31;border:1px solid #294059;border-radius:13px;overflow:hidden}.editor-files{padding:13px}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.editor-heading button{padding:5px 11px}.editor-heading span{font-size:12px;color:#94aabf}.file-item{display:block;border:0;background:transparent;width:100%;text-align:left;padding:10px 8px;border-radius:9px;font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere}.file-item.selected{background:#1a4048;color:#8df2d5}.editor-hint{font-size:12px;line-height:1.5;color:#8297aa;border-top:1px solid #2a4058;margin-top:15px;padding:12px 3px}.editor-main{display:flex;flex-direction:column;min-height:440px}.editor-toolbar,.editor-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 16px;font-size:12px;color:#aabed0}.editor-toolbar{border-bottom:1px solid #294059}.editor-footer{border-top:1px solid #294059}.editor-footer button{font-size:12px;padding:7px 10px}#source-editor{flex:1;min-height:325px;resize:vertical;width:100%;background:#0b1828;color:#e4f4fa;border:0;padding:18px;outline:0;font-size:14px;line-height:1.6;tab-size:4;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace}.notes-panel{margin-top:15px}.notes-panel textarea{width:100%;min-height:130px;background:#0c1929;border:1px solid #344b64;border-radius:10px;color:#e5eff8;padding:14px;resize:vertical;line-height:1.6}.guide{margin-top:16px}.help-list{display:grid;gap:12px;max-width:900px}.help-list details{background:#152337;border:1px solid #2a4058;border-radius:13px;padding:17px}.help-list summary{font-weight:700;cursor:pointer}.help-list p{color:#bdd0df;line-height:1.7}.toast{position:fixed;bottom:18px;right:18px;background:#225243;color:#eafff7;border:1px solid #5aab8e;padding:13px 18px;border-radius:12px;box-shadow:0 10px 30px #0006;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none;z-index:10;max-width:min(450px,calc(100vw - 36px))}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#522a35;border-color:#a35d6c}@media(max-width:820px){.topbar{height:64px;padding:0 15px}.shell{display:block}.sidebar{position:sticky;top:64px;z-index:2;width:100%;padding:7px 9px;background:#102135;display:flex;flex-direction:row;overflow-x:auto;gap:4px;border-bottom:1px solid #294059;border-right:0}.nav-item{white-space:nowrap;padding:10px;font-size:12px;gap:5px}.nav-item span{font-size:17px;width:auto}.nav-bottom{display:none}.content{padding:22px 15px 60px}.hero{padding:22px}.hero-symbol{display:none}.page-heading{align-items:start;flex-direction:column}.project-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.editor-files{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.editor-files .editor-heading{width:100%}.file-item{width:auto;max-width:100%}.editor-hint{width:100%;margin-top:5px}.editor-main{min-height:450px}}@media(max-width:480px){.brand small,.status span:last-child{display:none}.cards{grid-template-columns:1fr}.hero h2{font-size:24px}.heading-actions{width:100%}.heading-actions button{flex:1}.editor-footer{flex-wrap:wrap}.project-card .actions button{flex:1}}

/* Version 0.2: mehrere Boards innerhalb eines Projekts */
.boards-panel{margin-bottom:14px}.board-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.board-tab{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;text-align:left}.board-tab small{font-size:11px;color:#9daec3}.board-tab.selected{background:#1c574e;border-color:#68d5bd;color:#dcfff7}.board-details{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#a8bfd0;font-size:13px}.board-details span{margin-right:auto}.board-details button{font-size:12px;padding:7px 10px}@media(max-width:480px){.board-details span{width:100%}.board-tab{flex:1 1 140px}}

.board-add-form{display:grid;gap:9px;background:#0c1b2b;border:1px solid #375568;border-radius:12px;padding:15px;margin:12px 0}.board-add-form label{display:grid;gap:6px;font-size:13px;color:#cad9e7}.board-add-form input,.board-add-form select{width:100%;background:#0b1928;border:1px solid #38546c;padding:10px;border-radius:9px;color:#e9f1f9}.board-add-form p{color:#a6b8cc;font-size:12px;margin:0}.board-add-form .actions{margin-top:2px}

/* Editor v0.3: synchronisierte Ebenen für Syntaxfarben und Touch-Bedienung */
.code-surface{display:flex;flex:1;min-height:350px;max-height:65vh;overflow:hidden;background:#0b1828}
.line-numbers{width:52px;flex:none;overflow:hidden;text-align:right;padding:18px 10px 18px 4px;white-space:pre;color:#71859a;border-right:1px solid #263950;user-select:none}
.code-stack{position:relative;min-width:0;flex:1;overflow:hidden}
#code-highlight,#source-editor,.line-numbers{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:14px;line-height:1.6;tab-size:4}
#code-highlight,#source-editor{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;padding:18px;white-space:pre;overflow:auto;overflow-wrap:normal;resize:none}
#code-highlight{pointer-events:none;color:#e4f4fa;scrollbar-width:none}
#code-highlight::-webkit-scrollbar{display:none}
#source-editor{min-height:0;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:#fff;outline:0;z-index:1}
#source-editor::selection{background:rgba(95,180,215,.32)}
.tok-keyword{color:#bca8ff;font-weight:600}.tok-string{color:#efc782}.tok-comment{color:#7c9e96}.tok-number{color:#f09fa6}.tok-built-in{color:#87cefa}
.editor-actions{display:flex;flex-wrap:wrap;gap:6px}
.editor-footer{flex-wrap:wrap}
@media(max-width:640px){.line-numbers{width:40px;padding-right:7px}#code-highlight,#source-editor,.line-numbers{font-size:13px}}

/* v0.4: Projektbaum und gemeinsame Dateien */
.scope-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:12px 0}.scope-tabs button{padding:8px 5px;font-size:11px}.scope-tabs button.selected{background:#1c574e;border-color:#68d5bd;color:#dcfff7}.file-tree{display:grid;align-content:start;gap:2px;max-height:390px;overflow:auto}.tree-folder{display:flex;align-items:center;justify-content:space-between;font:12px ui-monospace,monospace;color:#9fcbbf;min-height:29px;overflow-wrap:anywhere}.tree-folder button{background:transparent;border:0;color:#b5c4dc;padding:2px 7px}.tree-empty{font-size:12px;color:#8ea6b8}.tree-actions{display:flex;gap:6px;margin:10px 0}.tree-actions button{font-size:11px;padding:7px 6px;flex:1}.editor-files{min-width:0}.file-item{font-size:12px}.file-tree .file-item{width:100%}@media(max-width:820px){.editor-files{display:block}.file-tree{max-height:240px}.tree-actions{display:flex}}

.device-result{padding:12px;margin:12px 0;border-radius:10px;background:var(--panel,#18243b);overflow-wrap:anywhere}.device-output{padding:10px 0}.device-output p{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.89rem;overflow-wrap:anywhere;margin:6px 0}.device-output h3{margin:14px 0 10px}

/* Version 0.7: comfortably sized and collapsible project explorer. */
.editor-layout{grid-template-columns:minmax(230px,var(--project-tree-width,330px)) minmax(0,1fr)}
.editor-files{min-width:0}
.tree-controls{display:flex;gap:5px;flex-wrap:wrap}
.tree-controls button{font-size:11px;padding:6px 8px;white-space:nowrap}
.tree-width-label,.tree-search-label{display:grid;gap:5px;font-size:12px;color:#b8cad9;margin:8px 0}
.tree-width-label input{width:100%;accent-color:#68d5bd}
.tree-search-label input{width:100%;padding:10px;border:1px solid #3b526a;background:#0b1928;color:#e9f2f8;border-radius:9px}
.file-tree{max-height:470px;min-height:160px}
.tree-folder{min-height:39px;gap:4px}
.tree-folder .tree-toggle{flex:1;text-align:left;padding:8px 4px;min-width:0;font-size:13px;border:0;color:#b7dfcf;background:transparent;overflow-wrap:anywhere}
.tree-folder .tree-toggle:hover{background:#1c3548}
.file-tree .file-item{font-size:13px;min-height:38px}
.file-tree .file-item.selected{box-shadow:inset 3px 0 #72e6ca}
.upload-panel label{display:block;margin:10px 0 6px;color:#cfdeed;font-size:13px}
.device-wide-select,.device-file-list{width:100%;padding:12px;background:#0b1928;color:#eff6fb;border:1px solid #3b526a;border-radius:10px;font-size:15px;margin-top:5px}
.device-file-list{min-height:248px;line-height:1.55;font-family:ui-monospace,Consolas,monospace;font-size:14px}
.device-file-list option{padding:8px 11px;border-radius:4px}
.device-file-list option:checked{background:#23565c;color:white}
.upload-preview{max-height:340px;overflow:auto;margin:12px 0;border-radius:10px}
.upload-preview:not(:empty){border:1px solid #315268;padding:14px;background:#0c1c2d}
.upload-preview ul{padding-left:19px;margin-bottom:0;line-height:1.8;font-size:13px;overflow-wrap:anywhere}
.upload-hint{font-size:12px;overflow-wrap:anywhere}
.confirm-check{display:flex!important;align-items:center;gap:10px;font-weight:500}
.confirm-check input{width:18px;height:18px;accent-color:#68d5bd}
@media(max-width:820px){.editor-layout{grid-template-columns:minmax(0,1fr)}.file-tree{max-height:340px}.tree-folder .tree-toggle{min-height:40px}.device-file-list{min-height:250px}}


/* v0.8 – ruhigere, dunkle Oberfläche und eindeutige Navigation. */
:root{color-scheme:dark;--studio-bg:#090e17;--studio-panel:#121a28;--studio-elevated:#192538;--studio-border:#2b3c51;--studio-accent:#63d5c1;--studio-muted:#a8b9cc}
html,body,#app{background:var(--studio-bg);color:#eaf1f8}
body{background:radial-gradient(ellipse at 84% 0%,#102236 0%,#0b121e 41%,#090e17 80%)}
.topbar{background:#0e1724;border-bottom:1px solid #233044;box-shadow:0 4px 30px #02061055}
.sidebar{background:#0d1623;border-color:#233044}
.nav-item{border-radius:12px;transition:background .16s,color .16s,transform .16s}
.nav-item:hover{background:#1d2d40;color:#f5fafc;transform:translateX(2px)}
.nav-item.active{background:#203a41;color:#82efda;box-shadow:inset 3px 0 0 #63d5c1}
.hero{background:linear-gradient(120deg,#132b34 0%,#121c30 65%,#151a2a 100%);border-color:#345365;box-shadow:0 22px 52px #0004}
.panel,.project-card,.editor-files,.editor-main,.help-list details{background:#121c2b;border-color:#2a3b50;box-shadow:0 6px 24px #03071024}
.panel h3,.project-card h3{color:#ecf5fb}
button{background:#1c2a3e;border-color:#344962;color:#e5f1fa}
button:hover{background:#263952}
button.primary{background:#57ccb8;color:#071f25;border-color:#57ccb8}
button.primary:hover{background:#8aecd9}
.dashboard-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;width:100%;min-height:195px;text-align:left;padding:21px;position:relative;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}
.dashboard-card:hover{background:#19283b;border-color:#579f9a;box-shadow:0 12px 30px #0005;transform:translateY(-3px)}
.dashboard-card:focus-visible{outline:3px solid #6be5d1;outline-offset:3px}
.dashboard-card h3{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;margin:13px 0 3px;font-size:19px}
.dashboard-card p{font-weight:400;margin:6px 0 12px;color:#b4c5d6;font-size:14px}
.card-arrow{font-size:19px;color:#85d9ca;font-weight:400}
.card-action{margin-top:auto;color:#77e5d1;font-size:12px;font-weight:750;letter-spacing:.01em}
.card-icon{background:#203740;color:#87eadb;border:1px solid #35645f}
.file-tree{background:#0e1927;border:1px solid #273b50;border-radius:11px;padding:5px}
.tree-folder .tree-toggle{border-radius:8px}.tree-folder .tree-toggle:hover,.file-tree .file-item:hover{background:#21334a}
.file-tree .file-item.selected{background:#1b3e46;color:#a4f8e3;box-shadow:inset 3px 0 #6be3cb}
.tree-width-label{margin:14px 0 18px;padding:13px 12px 15px;border-radius:12px;background:#0e1928;border:1px solid #2c4155;gap:13px}
.width-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d3e4ed;font-size:12px;font-weight:650}
#tree-width-value{background:#20384a;border-radius:7px;border:1px solid #345468;color:#8fe7d8;padding:4px 7px;min-width:59px;text-align:center;font-variant-numeric:tabular-nums}
#tree-width{appearance:none;-webkit-appearance:none;cursor:ew-resize;height:9px;outline:none;border-radius:999px;border:1px solid #38516b;background:linear-gradient(to right,#62d9c2 0%,#62d9c2 var(--range-progress,30%),#273c52 var(--range-progress,30%),#273c52 100%)}
#tree-width::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:23px;height:23px;background:#e8faf7;border:5px solid #57baa8;border-radius:50%;box-shadow:0 2px 12px #0008;transition:transform .15s}
#tree-width::-moz-range-thumb{width:14px;height:14px;background:#e8faf7;border:5px solid #57baa8;border-radius:50%;box-shadow:0 2px 12px #0008}
#tree-width:hover::-webkit-slider-thumb{transform:scale(1.14)}
#tree-width:focus-visible{outline:2px solid #71e5d1;outline-offset:6px}
.editor-main,.editor-files{border-radius:15px}
.code-surface{background:#0c1421}.line-numbers{background:#0a1320;color:#7f94a8}
.device-file-list,.device-wide-select,.tree-search-label input,.notes-panel textarea{background:#0c1725;border-color:#33485d}
@media(max-width:820px){.nav-item:hover{transform:none}.dashboard-card{min-height:170px}.width-heading{font-size:12px}}
@media(prefers-reduced-motion:reduce){.dashboard-card,.nav-item,#tree-width::-webkit-slider-thumb{transition:none}.dashboard-card:hover{transform:none}}


/* ============================================================================
   v0.9 — DARK INK. REINES DESIGN-UPDATE, KEINE ANWENDUNGSLOGIK.
   Palette: graphite/black surfaces with language-like semantic color accents.
   ============================================================================ */
:root {
  color-scheme:dark;
  --studio-bg:#08090c;
  --studio-panel:#111318;
  --studio-elevated:#191c23;
  --studio-border:#2c303a;
  --studio-muted:#a9b2c3;
  --studio-accent:#b79bff;
  --ink-violet:#b89cff;
  --ink-amber:#f3bd72;
  --ink-blue:#78c9ff;
  --ink-green:#82dfac;
  --ink-red:#f28a97;
  --ink-text:#e9ecf4;
  --ink-soft:#aeb7c8;
  --ink-panel:#111318;
  --ink-raised:#191c23;
  --ink-stroke:#2c303a;
}
html,body,#app{background:#08090c!important;color:var(--ink-text)}
body{background:#08090c!important;color:var(--ink-text);font-size:15px}
::selection{background:#6955a6;color:#fff}
*{scrollbar-color:#48434e #101115;scrollbar-width:thin}
.topbar{
  background:#101115;border-bottom:1px solid #292b32;
  box-shadow:0 1px 0 #ffffff04,0 10px 30px #00000050;
}
.brand-icon{
  background:linear-gradient(145deg,#2d2245,#1b1826);color:var(--ink-violet);
  border:1px solid #44365f;box-shadow:inset 0 1px #ffffff13;
}
.brand strong{color:#f7f3ff;letter-spacing:-.2px}
.brand small,.status{color:var(--ink-soft)}
.status-dot{background:var(--ink-green);box-shadow:0 0 0 4px #82dfac16}
.sidebar{background:#0d0f12;border-right:1px solid #282b32}
.nav-item{color:#b5bac6;border:1px solid transparent;transition:background .16s,color .16s,border-color .16s}
.nav-item:hover{background:#1b1d25;color:#f1eaff;transform:none;border-color:#292d37}
.nav-item.active{background:#251f36;color:#cfbaff;border-color:#554170;box-shadow:inset 3px 0 0 var(--ink-violet)}
.nav-item.active span{color:var(--ink-violet)}
.nav-bottom{color:#8e96a7;border-top-color:#2a2c33}
.content{color:var(--ink-text)}
.page-heading h1{color:#f3f4f9;letter-spacing:-.9px}
.page-heading p,.panel p,.project-card p,.hero p{color:var(--ink-soft)}
.eyebrow{color:var(--ink-violet)}
.hero{
  border:1px solid #393249;
  background:linear-gradient(111deg,#1d1928 0%,#15151c 48%,#11151c 100%);
  box-shadow:0 15px 42px #00000050,inset 0 1px #ffffff0a;
}
.hero-symbol{color:#5d4a88}
.panel,.project-card,.editor-files,.editor-main,.help-list details{
  background:var(--ink-panel);border:1px solid var(--ink-stroke);
  box-shadow:0 3px 15px #00000025;
}
.panel h3,.project-card h3{color:#f0f1f8}
.section-title{color:#e9eaf5}
button{background:#1e2028;border:1px solid #393b46;color:#e9eaf2;box-shadow:inset 0 1px 0 #ffffff08}
button:hover{background:#2b2c39;border-color:#615875;color:#fff}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink-violet);outline-offset:2px}
button.primary{background:#9c7def;border-color:#ac8cfb;color:#0f0920;box-shadow:0 3px 14px #8b68d32a;font-weight:750}
button.primary:hover{background:#c3acff;border-color:#d0bdff;color:#130b24}
.danger-outline{border-color:#8c4d60;color:#ffb2be}
.danger-outline:hover{background:#44212b;border-color:#cc667c}
.pill{background:#2b233c;border:1px solid #53416c;color:#d7bbff}
.info-strip{background:#161824;border-color:#42415a;color:#cbd1df}
.empty{background:#111317;border-color:#42404c;color:#c6c1d1}
.dashboard-card{
  background:#15171c!important;border-color:#343540;
  box-shadow:0 4px 18px #00000035;transform:none;
}
.dashboard-card:hover{background:#1c1f26!important;border-color:var(--card-accent,#8b7aa5);box-shadow:0 12px 32px #00000052,0 0 0 1px var(--card-accent,#77638c) inset;transform:translateY(-2px)}
.dashboard-card .card-icon{background:var(--card-tint,#251e34);border-color:var(--card-outline,#46375d);color:var(--card-accent,#bba0ff)}
.dashboard-card h3{color:var(--card-accent,#d1baff)}
.dashboard-card .card-arrow,.dashboard-card .card-action{color:var(--card-accent,#c5acff)}
.dashboard-card p{color:#b5bdca}
.dashboard-card[data-home-view="projects"]{--card-accent:#f3bd72;--card-tint:#342719;--card-outline:#59442a}
.dashboard-card[data-home-view="editor"]{--card-accent:#c4a5ff;--card-tint:#302340;--card-outline:#54406c}
.dashboard-card[data-home-view="devices"]{--card-accent:#78c9ff;--card-tint:#1b3040;--card-outline:#31546c}
.dashboard-card[data-home-view="help"]{--card-accent:#82dfac;--card-tint:#1c3229;--card-outline:#355b48}
.project-card:hover{border-color:#625375;box-shadow:0 9px 26px #00000040}
.project-card small,.editor-heading span{color:#9fa7b6}
.form-panel input,.form-panel select,.board-add-form input,.board-add-form select,
.notes-panel textarea,.tree-search-label input,.device-wide-select,.device-file-list{
  color:#e8edf5;background:#0b0d12;border:1px solid #383b46;border-radius:10px;
}
.form-panel label,.board-add-form label,.upload-panel label{color:#c9cfdd}
input::placeholder,textarea::placeholder{color:#777f90}
.board-add-form{background:#14141c;border-color:#3a344b}
.board-add-form p{color:#aab2c4}
.board-tab.selected,.scope-tabs button.selected{background:#30223f;border-color:#9870c4;color:#ead6ff}
.board-tab small,.board-details{color:#b7bdca}
.editor-files,.editor-main{background:#111318;border-color:#30313a}
.editor-toolbar,.editor-footer{background:#15161c;color:#b7bece;border-color:#2a2c35}
.editor-hint{color:#a3adbd;border-color:#30303a}
.code-surface{background:#0c0d12}
.line-numbers{background:#0b0c11;color:#707a8e;border-right:1px solid #292b36}
#source-editor{background:#0c0d12;color:#e4e6f0}
.tok-keyword{color:#c19cff}
.tok-string{color:#efbd74}
.tok-comment{color:#89aa97}
.tok-number{color:#f19ba9}
.tok-built-in{color:#83cbff}
.file-tree{background:#0c0e13;border:1px solid #30313b}
.file-tree .file-item{color:#d0d4e2}
.file-tree .file-item:hover,.tree-folder .tree-toggle:hover{background:#20222b}
.file-tree .file-item.selected{background:#352747;color:#e7d4ff;box-shadow:inset 3px 0 #bf98ff}
.tree-folder .tree-toggle{color:#eac389}
.tree-folder button{color:#b1b9c8}
.tree-empty{color:#9da7bb}
.tree-width-label{background:#14151b;border-color:#34323f;color:#d9d6e5}
.width-heading{color:#e5e3ef}
#tree-width-value{background:#352747;border-color:#55416b;color:#d6baff}
#tree-width{
  border:1px solid #514366;
  background:linear-gradient(to right,#b99aff 0%,#b99aff var(--range-progress,30%),#33313f var(--range-progress,30%),#33313f 100%);
}
#tree-width::-webkit-slider-thumb{background:#f5edff;border:5px solid #b596ff;box-shadow:0 3px 12px #000b,0 0 0 3px #9c80ee24}
#tree-width::-moz-range-thumb{background:#f5edff;border:5px solid #b596ff;box-shadow:0 3px 12px #000b}
#tree-width:focus-visible{outline-color:#c4a4ff}
.device-result{background:#151922;border:1px solid #323846}
.device-file-list option:checked{background:#293d50;color:#f1f9ff}
.upload-preview:not(:empty){background:#121823;border-color:#35445b}
.confirm-check input{accent-color:#b89cff}
.help-list details[open]{border-color:#5b4a72;background:#191721}
.help-list summary{color:#e8dbff}
.help-list p{color:#c0c7d6}
.toast{background:#1b3027;border-color:#3d8664;color:#dff9e8;box-shadow:0 12px 45px #0009}
.toast.error{background:#3b1f2b;border-color:#a4556c}
@media(max-width:820px){
  .sidebar{background:#101115;border-color:#292b32}
  .dashboard-card{min-height:170px}
  .editor-layout{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.dashboard-card{transition:none}.dashboard-card:hover{transform:none}}


/* v0.10 – Bedienkomfort: tabs, status bar, tree and context menus */
.studio-statusbar{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;min-height:37px;padding:7px 20px;background:#0e1015;border-top:1px solid #35303f;color:#b8b1c9;font-size:12px}
.studio-statusbar>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;max-width:30%;overflow:hidden;text-overflow:ellipsis}
.studio-statusbar [data-status]{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-statusbar>span:nth-child(1){color:#e8bb79}.studio-statusbar>span:nth-child(2){color:#b9a0f7}.studio-statusbar>span:nth-child(3){color:#83dbab}.studio-statusbar>span:nth-child(4){color:#85c9ef}
.open-file-tabs{display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;min-height:42px;padding:7px 8px 0;background:#0d0e13;border-bottom:1px solid #31313b;scrollbar-width:thin}
.file-tab{display:flex;align-items:center;flex:0 0 auto;max-width:230px;border:1px solid #32303d;background:#171820;border-radius:9px 9px 0 0;color:#b9b4c3;overflow:hidden}
.file-tab.active{background:#272037;border-color:#7560a4;border-bottom-color:#272037;color:#e8dfff;box-shadow:inset 0 2px 0 #a98df7}
.file-tab-select,.file-tab-close{border:0;background:transparent!important;color:inherit;padding:7px 9px;border-radius:0;box-shadow:none;font-size:12px}
.file-tab-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:190px}.file-tab-close{font-size:18px;line-height:1;min-width:30px}
.file-tab-close:hover,.file-tab-select:hover{color:#fff;background:#3a2e4c!important}
.editor-toolbar{justify-content:flex-start;flex-wrap:wrap}.editor-toolbar #save-state{margin-left:auto}.editor-toolbar #toggle-tree{padding:6px 9px;font-size:11px;white-space:nowrap}
.editor-layout.tree-hidden{grid-template-columns:minmax(0,1fr)!important}.editor-layout.tree-hidden .editor-files{display:none!important}
.file-item-row{display:flex;align-items:center;gap:2px;border-radius:8px;min-width:0}.file-item-row:hover{background:#1d1b27}
.file-item-row .file-item{flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-more{border:0;background:transparent;color:#b9b0c7;padding:5px 7px;min-width:32px;flex:0 0 auto;font-size:16px;box-shadow:none}
.file-more:hover{color:#dccbff;background:#30253c}
.studio-context-menu{position:fixed;z-index:50;min-width:210px;background:#1b1a24;border:1px solid #55506a;border-radius:12px;padding:6px;box-shadow:0 12px 42px #000a;display:grid;gap:2px}
.studio-context-menu button{text-align:left;border:0;background:transparent;box-shadow:none;padding:10px 12px;border-radius:7px;color:#e7e4ef}.studio-context-menu button:hover{background:#343043}.studio-context-menu button.danger{color:#ffa2b0}
.recent-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recent-project{background:#15151d;border:1px solid #373340;border-radius:12px;text-align:left;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#e8bc7b}
.recent-project:hover{background:#211b26;border-color:#9976bf}.recent-project strong{display:block;color:#e7dcef}.recent-project small{display:block;color:#a6a2b0;font-size:11px;margin-top:5px}.recent-empty{color:#aba4b6}
@media(max-width:820px){.studio-statusbar{padding:7px 12px;gap:5px 14px}.studio-statusbar>span{max-width:45%}.recent-projects{grid-template-columns:1fr}.file-tab{max-width:170px}}
@media(prefers-reduced-motion:reduce){.file-tab,.studio-context-menu{transition:none}}

.toast.show{pointer-events:auto;display:flex;align-items:center;gap:11px}
.toast .toast-glyph{font-weight:800;color:#a1ffd1;border-radius:50%;border:1px solid #86d9b6;min-width:23px;height:23px;text-align:center}
.toast.error .toast-glyph{color:#ffc0cd;border-color:#ca8290}
.toast .toast-dismiss{margin-left:auto;border:0;background:transparent;box-shadow:none;font-size:20px;padding:0 3px;color:inherit}
.toast .toast-dismiss:hover{background:#ffffff22}

/* v0.11: responsive, clickable status bar. No device/backend changes. */
.studio-statusbar{position:sticky;bottom:0;z-index:12;display:flex;align-items:stretch;flex-wrap:nowrap;gap:7px;min-height:58px;padding:7px 14px;background:#0a0b0e;border-top:1px solid #34303d;box-shadow:0 -8px 24px #0005;font-size:13px}
.studio-statusbar .status-chip{flex:1 1 0;min-width:0;max-width:none;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:10px;padding:6px 10px;background:#14151b;box-shadow:none;color:#e5e2ec;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.studio-statusbar .status-chip:hover{background:#20202a;border-color:#494153;transform:translateY(-1px)}
.studio-statusbar .status-chip:focus-visible{outline:2px solid #b29af5;outline-offset:1px}
.studio-statusbar .status-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:8px;background:#25212b;font-size:18px;font-weight:700}
.studio-statusbar .status-details{min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden}
.studio-statusbar .status-details small{font-size:10px;letter-spacing:.04em;color:#aaa6b5;text-transform:uppercase;font-weight:600}
.studio-statusbar [data-status]{max-width:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;color:inherit}
.studio-statusbar .status-project{color:#eebc76}.studio-statusbar .status-board{color:#c2a3ff}.studio-statusbar .status-save{color:#8bdfb2}.studio-statusbar .status-usb{color:#8bd1fa}
.studio-statusbar .status-project .status-icon{background:#302519}.studio-statusbar .status-board .status-icon{background:#28203b}.studio-statusbar .status-save .status-icon{background:#193025}.studio-statusbar .status-usb .status-icon{background:#1a2c3c}
@media(max-width:900px){.studio-statusbar{padding:6px 8px;gap:5px;min-height:56px}.studio-statusbar .status-chip{padding:6px;gap:6px}.studio-statusbar .status-icon{width:28px;height:28px;flex-basis:28px;font-size:16px}.studio-statusbar [data-status]{font-size:11px}}
@media(max-width:600px){.studio-statusbar{flex-wrap:wrap;min-height:0}.studio-statusbar .status-chip{flex:1 1 calc(50% - 6px);min-width:0}.studio-statusbar .status-details small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.studio-statusbar .status-chip{transition:none}.studio-statusbar .status-chip:hover{transform:none}}