:root{color-scheme:dark;--bg:#03070d;--paper:#0a121e;--ink:#e2edf9;--muted:#7e95ad;--border:#193044;--accent:#28bfff;--lime:#1a7ca4;--sidebar:234px;--radius:12px}body{background:radial-gradient(ellipse at 80% 0,#0a223344,transparent 50%),var(--bg);font-family:'Segoe UI',system-ui,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#2a9edb04 1px,transparent 1px),linear-gradient(90deg,#2a9edb04 1px,transparent 1px);background-size:45px 45px;z-index:-1}.sidebar{background:#060d16ed;border-color:#172838;padding-top:26px;overflow-y:auto}.brand{letter-spacing:3px;font-size:20px;color:#e7f7ff}.brand small{color:#54819d;font-size:8px;letter-spacing:2px;margin-top:4px}.era-brand-mark{color:#34cbff;font-size:35px;line-height:1;text-shadow:0 0 18px #00baff}.workspace-tag{margin:26px 4px 18px;color:#86adc7;background:#0c1924}.keycap,.nav-pill{background:#102333;color:#66bbdf;border-color:#204258}nav{gap:2px}nav a{padding:10px 13px;color:#8297ad}nav a:hover{background:#0c1c2a;color:#c4e9ff}nav a.active{background:linear-gradient(90deg,#0c3854,#0b1d2b);color:#6bd6ff;border:1px solid #185273;box-shadow:inset 2px 0 #31c3ff,0 0 18px #0396d00a}.nav-icon{font-size:18px}.nav-divider{font:9px ui-monospace,monospace;letter-spacing:2px;color:#49657b;padding:19px 13px 8px}.sidebar-note{padding-top:24px;color:#8cb8d5}.sidebar-note p,.sidebar-bottom small{color:#68829b}.avatar{background:#102b40;color:#7bd9ff}.sidebar-bottom{color:#c5dbeb}.topbar{background:#060d17b8;border-color:#172838;padding:0 32px;height:72px;backdrop-filter:blur(18px)}.breadcrumb{color:#54809e}.connection{color:#80b6d5}.online-dot{background:#26c5ff;box-shadow:0 0 10px #19baff80}.content{padding:30px 32px 0;max-width:1600px}.button{background:#0d1d2b;color:#b7d3e8;border:1px solid #21435a;border-radius:7px;box-shadow:none}.button:hover{background:#123148;border-color:#32bfff;color:#effaff}.button.primary{background:linear-gradient(120deg,#167bad,#25c2fb);color:#03131f;border-color:#3dcaff;font-weight:650;box-shadow:0 0 22px #14baff15}.button.subtle{background:transparent}.button:disabled{cursor:not-allowed}.text-button{color:#69c9f3}.eyebrow{color:#5ca6cc;letter-spacing:2px}.label-chip{color:#6fb7da;background:#0d263b80;border-color:#1a4962;font-size:8px}.live-badge{color:#63d5ff}.date-label{color:#587c97;font-size:9px}.panel{padding:23px;background:linear-gradient(135deg,#0b1725ee,#07101bee);border:1px solid var(--border);border-radius:var(--radius);min-width:0}.panel h2{font-size:19px;font-weight:550;letter-spacing:-.4px}.panel p{color:#8ba5bc;font-size:12px;line-height:1.8}.era-page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.era-page-heading h1{font-size:clamp(26px,3vw,40px);line-height:1.25;font-weight:500;letter-spacing:-1.2px;margin:12px 0}.era-page-heading h1 span{color:#7f9ab3}.era-command-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:20px;margin-bottom:22px}.era-visual{position:relative;overflow:hidden;min-height:440px;background:#01050b;padding:0;isolation:isolate;border-color:#174663;box-shadow:inset 0 0 55px #0075b318,0 0 35px #0089cf07}.era-visual-top,.era-visual-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;z-index:3;gap:10px}.era-visual-top{top:20px}.era-visual-bottom{bottom:18px;font:8px ui-monospace,monospace;letter-spacing:1.8px;color:#5d9bc0}.tree-stage{position:absolute;inset:12px;display:grid;place-items:center}.era-tree{position:absolute;height:100%;width:100%;object-fit:contain;mix-blend-mode:screen;opacity:.9;animation:tree-breathe 7s ease-in-out infinite;mask-image:linear-gradient(transparent,#000 8%,#000 90%,transparent)}#era-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.orbit{position:absolute;width:74%;aspect-ratio:1;border-radius:50%;border:1px solid #079fe92b;z-index:1;pointer-events:none}.orbit:after{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid transparent;border-top-color:#3bccffa0;border-right-color:#14a4ec0a;animation:era-orbit 20s linear infinite}.orbit-two{width:86%;border-style:dashed;border-color:#14638a25;transform:rotateX(62deg) rotate(-20deg)}.orbit-two:after{animation-direction:reverse;animation-duration:30s}.era-visual[data-state=thinking]{box-shadow:inset 0 0 60px #0088e333,0 0 25px #00aaff15}.era-visual[data-state=thinking] .orbit:after{animation-duration:3s}.era-visual[data-state=listening] .era-tree{filter:brightness(1.2)}.era-visual[data-state=speaking] .tree-stage{filter:brightness(calc(1 + var(--voice-level,0)*.7))}.era-side{display:flex;flex-direction:column;gap:16px}.project-focus h2{font-size:24px;margin:8px 0}.project-focus .panel-head{margin-bottom:10px}.project-focus p{margin:8px 0 18px}.project-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.era-side>.panel:nth-child(2){flex:1}.activity-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #14293b;font-size:11px}.activity-row:last-child{border:0}.activity-row small{display:block;color:#5c829d;font-size:10px;margin-top:4px}.activity-dot{width:7px;height:7px;background:#23baff;box-shadow:0 0 10px #23baff80;border-radius:50%;flex-shrink:0}.activity-dot.done{background:#55d6b2}.activity-dot.error{background:#fb8b89}.era-note{font-size:11px;color:#7fafcb;padding:0 7px}.era-note small{display:block;margin:6px 0 0 13px;font-size:10px;color:#597a94}.era-conversation{padding:25px;margin-bottom:30px}.era-conversation h2{margin:6px 0 0;font-size:23px}.conversation-actions{display:flex;gap:6px}.era-messages{max-height:470px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#21526d transparent}.era-welcome{display:flex;align-items:center;gap:18px;padding:20px 5px 26px;color:#a8c1d5}.era-welcome>span{font-size:35px;color:#4acaff;text-shadow:0 0 25px #04aaff}.era-welcome p{margin:0}.era-welcome small{color:#6087a1}.era-composer{border:1px solid #204960;background:#050f1b;border-radius:9px;overflow:hidden;margin-top:18px}.era-composer:focus-within{border-color:#279acb;box-shadow:0 0 22px #059adc0c}.era-composer textarea{display:block;width:100%;border:0;background:transparent;resize:vertical;min-height:70px;max-height:240px;padding:17px 18px;color:#d6ebf8;box-shadow:none;outline:none}.era-composer>div{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:8px 12px 12px}.composer-hint{margin-right:auto;color:#526f87;font:10px ui-monospace,monospace}.era-message{display:flex;gap:13px;padding:19px 0;border-bottom:1px solid #142b3d}.era-message-label{font:10px ui-monospace,monospace;color:#4fcaff;min-width:34px;padding-top:2px}.era-message.user .era-message-label{color:#7793ab}.era-message-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;flex:1;min-width:0}.era-message-body p{white-space:normal}.plan-card{border:1px solid #23749b;border-radius:10px;padding:19px;background:#0a283b5c;margin:15px 0}.plan-step{padding:11px 0;border-bottom:1px solid #1b4158;display:flex;gap:12px}.plan-step>b{font:11px ui-monospace,monospace;color:#54c6fa}.plan-step p{margin:5px 0;font-size:11px;white-space:pre-wrap}.plan-step h3{font-size:12px;margin:0}.plan-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.hardware-panel,.launch-card,.model-card,.form-panel,.result-panel,.chat-main,.chat-info,.job-card,.file-card{background:linear-gradient(135deg,#0b1725,#08111c);border-color:var(--border);color:var(--ink)}.hero-panel{background:linear-gradient(115deg,#0b2539,#0a1422);border-color:#183e56}.hero-panel h2{color:#c1e6fc;font-size:30px}.hero-panel>p{color:#79a1bd}.hero-panel form{background:#06121e;border:1px solid #204960}.hero-panel input{color:#c3e4fa}.hero-panel input::placeholder{color:#5d819c}.hero-panel form button{background:#117cb0;color:#d9f5ff}.gpu-label,.hardware-main>span,.hardware-bottom{color:#6d92ad}.gpu-label span{background:#102b40;color:#62c3ec}.meter{background:#122637}.meter i,.meter i.ram{background:linear-gradient(90deg,#0d70a2,#3ad5ff)}.spark-bars i{background:#21baff}.section-heading h2{font-size:21px;color:#d2eafa}.section-heading a,.file-meta a{color:#65bce7}.launch-card h3{color:#d2eafa}.launch-card p{color:#749ab5}.launch-card>span:last-child{color:#54839e}.tool-icon,.chat-icon,.image-icon,.model-icon,.audio-icon{background:#102e44!important;color:#56caff!important}.launch-card:hover{border-color:#2988b4;transform:translateY(-3px);box-shadow:0 10px 30px #0095dc0c}.launch-card{transition:transform .25s,border-color .25s}.file-preview{background:#040b13}.file-kind{background:#0a233de0;color:#b4dffa}.file-name{color:#c3d9eb}.file-meta{color:#6b8da7}.placeholder-icon{color:#327fa9}.state-badge,.label-chip,.job-badge{background:#102739;color:#83adc9;border-color:#20445d}.state-badge.active,.status-done{background:#092e30;color:#64d8c2;border-color:#1b5955}.status-running,.status-queued{background:#0c2b45;color:#69cfff}.status-error{background:#351b25;color:#ffa6b0}.info-strip{background:#0a2234;color:#84b2cf;border-color:#1c4762}.info-strip p{color:#84b2cf}.page-heading p,.muted,.job-phase,.job-footer{color:#7e9db6}.page-heading h1>span{color:#23baff}input,textarea,select{background:#06111e!important;color:#d2e7f8!important;border-color:#21435a!important}input::placeholder,textarea::placeholder{color:#547791!important}.filter-tabs button,.studio-tabs button{color:#7499b5}.filter-tabs button.selected,.studio-tabs button.selected{background:#103a55;color:#76d5ff;border-color:#207a9e}.message-body,.job-details{color:#c3d9eb}.message.user{background:#0d2132}.message-label{color:#5dbbe7}.chat-toolbar,.composer{background:#071522;border-color:#1c3a50}.composer small,.fine-print{color:#688da8}.chat-welcome h2{color:#beddf3}.chat-welcome p{color:#779bb6}.session-button{color:#85b6d2;background:#0b1f2e;border-color:#1b4057}.session-button:hover{background:#11314a}.form-note,.upload-area{background:#071928;color:#7fabc6;border-color:#254e68}.upload-area b{color:#b5d9ee}.form-panel label{color:#90b2ca}.result-empty h3{color:#adcfe5}.error-text{color:#ff99a8}.toast{background:#0d2b42;color:#d0edff;border:1px solid #2588b1;box-shadow:0 8px 50px #0008}dialog{background:#091521;color:#cbe5f7;border:1px solid #246383}dialog::backdrop{background:#01050bd9;backdrop-filter:blur(8px)}footer{color:#3f6884;border-color:#163047}.project-list{display:grid;gap:13px}.project-card{padding:22px;border:1px solid var(--border);border-radius:10px;background:#0a1725}.project-card.active{border-color:#228ab3;background:linear-gradient(120deg,#0c2a40,#091522)}.project-card h3{margin:0 0 6px;font-size:19px}.project-card p{color:#7d9fb8;font-size:12px}.project-card small{color:#557d98}.memory-editor{margin-top:22px}.memory-editor textarea{width:100%;margin:10px 0;border-radius:8px;padding:13px;resize:vertical}.memory-editor pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#8eb6d0;font:12px/1.8 ui-monospace,monospace}.setting-line{display:flex;gap:12px;align-items:center;margin:20px 0;color:#a2c1d7}.setting-line input{width:auto}.vault-row{border-bottom:1px solid #18374b;padding:15px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.vault-row small{display:block;color:#668ca7}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #54caff;outline-offset:3px}.view{animation:view-in .3s ease-out}@keyframes tree-breathe{50%{opacity:1;filter:brightness(1.13)}}@keyframes era-orbit{to{transform:rotate(360deg)}}@keyframes view-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:1600px){.era-visual{min-height:490px}}@media(max-width:1150px){:root{--sidebar:205px}.content{padding:25px 22px 0}.topbar{padding:0 22px}.era-command-grid{grid-template-columns:1.3fr 1fr}.era-visual{min-height:420px}.era-visual-bottom{font-size:7px;letter-spacing:1px}.conversation-actions{flex-wrap:wrap}.composer-hint{display:none}}@media(max-width:850px){.era-command-grid{grid-template-columns:1fr}.era-visual{min-height:440px}.era-side{display:grid;grid-template-columns:1fr 1fr}.era-note{grid-column:1/-1}.era-page-heading .date-label{display:none}.era-page-heading h1{font-size:30px}.conversation-actions .button{font-size:10px}.topbar-actions{gap:7px!important}.connection{font-size:9px}}@media(max-width:720px){.sidebar{position:relative;width:100%;padding:17px 15px 0;overflow:visible}.shell{display:block}.brand{font-size:18px;padding:0}.era-brand-mark{font-size:27px}.workspace-tag,.sidebar-note,.sidebar-bottom,.nav-divider{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;margin-top:16px;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#1a4d67 transparent}.sidebar nav a{white-space:nowrap;flex-shrink:0;padding:9px 12px;font-size:11px}.nav-icon{font-size:16px}main{margin:0;width:100%}.topbar{height:auto;min-height:60px;padding:12px 16px;flex-wrap:wrap;gap:10px}.topbar>div{gap:8px}.breadcrumb{font-size:8px}.topbar-actions{margin-left:auto}.topbar .button{font-size:9px;padding:6px 8px}.content{padding:23px 15px 0}.era-page-heading h1{font-size:28px}.eyebrow{font-size:8px;letter-spacing:1.2px}.era-visual{min-height:370px}.era-command-grid{gap:14px}.era-side{grid-template-columns:1fr}.era-note{display:none}.era-conversation{padding:17px}.era-conversation>.panel-head{align-items:flex-start;flex-direction:column}.era-conversation h2{font-size:22px}.era-composer>div{padding:8px;gap:7px}.era-composer .button{font-size:11px;padding:9px 10px}.era-message{gap:8px}.era-message-body{font-size:12px}.era-tree{width:100%;height:100%}.project-card{padding:18px}.panel{max-width:100%}.era-visual{padding:0}.vault-row{align-items:flex-start}.era-visual-bottom{font-size:7px}.page-heading h1{font-size:29px}.hero-panel h2{font-size:26px}.memory-editor .panel-head{align-items:flex-start;flex-direction:column}.overview-grid,.studio-layout,.chat-layout{grid-template-columns:1fr}.launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.form-panel input[type=text],.form-panel input[type=password],.form-panel input:not([type]),.form-panel input[type=file]{width:100%;padding:12px;border:1px solid #21435a;border-radius:7px;font-size:12px}.status-error{background:#351b25!important;color:#ffa6b0!important}.status-done{background:#092e30!important;color:#64d8c2!important}.status-running{background:#0c2b45!important;color:#69cfff!important}.status-queued{background:#292716!important;color:#e3ce83!important}.chat-info code,.active-box{background:#0b263a;color:#9ac7e2}.spinner{border-color:#20485d;border-top-color:#34caff}.model-specs{border-color:#193448}.job-card .job-prompt{color:#9cbbd2}.studio-result img,.studio-result video{background:#040b13}.toast{left:calc(50% + 100px)}@media(min-width:721px) and (max-width:850px){.sidebar{padding:24px 12px 0}.sidebar .brand>span:last-child{display:block}.sidebar nav{margin-top:0}.sidebar nav a{font-size:11px;padding:10px 12px;gap:10px}.sidebar .nav-icon{font-size:18px!important}.sidebar .workspace-tag{display:flex}.sidebar .sidebar-note,.sidebar .sidebar-bottom{display:flex}.sidebar .nav-pill{display:block}}@media(max-width:720px){.toast{left:50%;max-width:92vw;width:max-content}.sidebar nav{margin-top:16px}.sidebar .brand>span:last-child{display:block}.sidebar .nav-icon{font-size:16px!important}.era-composer>div{flex-wrap:wrap}footer{gap:10px;font-size:7px}footer>span:last-child{font-size:7px}}

.conversation-actions{flex-wrap:wrap;align-items:center}.era-voice-picker{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.era-voice-picker select{max-width:190px;min-width:120px;padding:7px 9px;background:var(--surface,#0a1b2b);color:inherit;border:1px solid var(--border,#21435a);border-radius:7px;font:inherit}.era-voice-picker select option{background:#0a1b2b;color:#dcecf7}#era-voice-description{margin:8px 0 0}@media(max-width:720px){.conversation-actions{width:100%;gap:6px}.era-voice-picker{flex:1}.era-voice-picker select{max-width:100%;flex:1}}