:root{
  --v07-bg:#08090b;
  --v07-bg2:#0d0f12;
  --v07-panel:rgba(21,23,27,.82);
  --v07-panel2:rgba(31,33,38,.68);
  --v07-glass:rgba(255,255,255,.055);
  --v07-line:rgba(255,255,255,.105);
  --v07-line2:rgba(255,255,255,.06);
  --v07-text:#f4f1ea;
  --v07-muted:#989aa2;
  --v07-orange:#f06b2b;
  --v07-cream:#d8d0c4;
  --v07-green:#b7d79a;
  --v07-blue:#a7c7ff;
  --v07-pink:#e3a5c8;
  --v07-radius:18px;
  color-scheme:dark;
}
html{background:var(--v07-bg)}
body{
  background:
    radial-gradient(circle at 72% -10%,rgba(240,107,43,.07),transparent 31%),
    radial-gradient(circle at 10% 45%,rgba(167,199,255,.035),transparent 28%),
    var(--v07-bg);
  color:var(--v07-text);
  min-height:100%;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
button,input,textarea,select{border-radius:12px}
input,textarea,select{background:rgba(255,255,255,.055);border:1px solid var(--v07-line);color:var(--v07-text);backdrop-filter:blur(16px)}
input::placeholder,textarea::placeholder{color:#6f727a}
button:focus-visible,a:focus-visible{outline:2px solid rgba(240,107,43,.82);outline-offset:3px}
.primary{background:var(--v07-text)!important;color:#0b0b0c!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.3)!important;font-weight:700!important;letter-spacing:.01em!important;box-shadow:none!important}
.primary:hover{background:#fff!important}
.secondary,.small-button{background:rgba(255,255,255,.055)!important;color:var(--v07-text)!important;border:1px solid var(--v07-line)!important;border-radius:999px!important}
.text-button{color:#a8a8ae!important}
.eyebrow,.micro,.side-label,.version{font-family:var(--mono);letter-spacing:.1em;color:#7f828a}
.live-dot{box-shadow:0 0 0 4px rgba(183,215,154,.08);background:var(--v07-green)!important}

/* AUTH */
.auth-screen{background:var(--v07-bg);grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr)}
.v07-auth-art{background:
  radial-gradient(circle at 65% 40%,rgba(240,107,43,.18),transparent 18%),
  linear-gradient(145deg,#0b0c0f,#121216 48%,#090a0c);border-right:1px solid var(--v07-line);padding:48px;justify-content:space-between}
.auth-mark{position:absolute;right:8%;top:10%;width:min(300px,35vw);opacity:.23;filter:saturate(.6)}
.auth-mark img{width:100%!important;position:static!important}
.v07-auth-art .auth-tag{font-size:clamp(58px,7vw,110px);line-height:.8;max-width:830px;position:relative;z-index:1;color:#f2eee8;letter-spacing:-.045em}
.v07-auth-art .auth-tag em{color:var(--v07-orange);font-style:normal}
.auth-form{background:rgba(13,14,17,.82);backdrop-filter:blur(28px);padding:clamp(32px,6vw,84px)}
.auth-form h1{font-family:var(--sans);font-weight:600;letter-spacing:-.055em;font-size:clamp(46px,5vw,76px);line-height:.92}
.auth-form p{color:var(--v07-muted)}

/* SHELL */
.topbar{height:68px;background:rgba(8,9,11,.72);border-bottom:1px solid var(--v07-line2);backdrop-filter:blur(28px) saturate(130%);padding:0 22px;position:sticky;top:0;z-index:50}
.wordmark{font-family:var(--sans);font-weight:700;letter-spacing:-.05em;font-size:21px;text-decoration:none}
.wordmark span{font-weight:400;color:#b2b2b7}.wordmark i{font-family:var(--mono);font-size:7px;font-style:normal;letter-spacing:.09em;color:#6f7178;margin-left:10px}
.header-note{font-family:var(--mono);font-size:8px;color:#777981;letter-spacing:.09em}
.header-actions{gap:10px}.header-actions .avatar{background:rgba(255,255,255,.08);border:1px solid var(--v07-line);color:#ddd;width:36px;height:36px;font-size:10px}
.music-pill{height:36px;padding:0 13px;display:flex;align-items:center;gap:9px;border:1px solid var(--v07-line);background:rgba(255,255,255,.04);color:#bbb;border-radius:999px;font-family:var(--mono);font-size:7px;letter-spacing:.12em}
.music-bars{display:flex;align-items:center;gap:2px;height:14px}.music-bars i{display:block;width:2px;height:5px;background:#aaa;border-radius:2px}.music-pill.alive .music-bars i{animation:v07bars .62s ease-in-out infinite alternate}.music-pill.alive .music-bars i:nth-child(2){animation-delay:-.2s}.music-pill.alive .music-bars i:nth-child(3){animation-delay:-.4s}.music-pill.alive .music-bars i:nth-child(4){animation-delay:-.1s}
.studio-shell{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;min-height:calc(100vh - 68px)}
.sidebar{background:rgba(10,11,13,.66);border-right:1px solid var(--v07-line2);padding:22px 12px 18px;backdrop-filter:blur(22px);height:calc(100vh - 68px);position:sticky;top:68px}
.sidebar nav{gap:4px}.sidebar nav button{border-radius:11px;color:#8c8f97;font-size:10px;padding:11px 12px;transition:background .18s,color .18s,transform .18s}.sidebar nav button span{color:#686a70}.sidebar nav button:hover{background:rgba(255,255,255,.045);color:#d7d7da}.sidebar nav button.active{background:rgba(255,255,255,.075);color:#f4f1ea}.sidebar nav button.active span{color:var(--v07-orange)}.sidebar nav button b{background:rgba(255,255,255,.08);border-radius:999px;padding:2px 6px;font-size:8px}
.v07-sidebar-bottom{border-top:1px solid var(--v07-line2);padding-top:16px}.v07-sidebar-bottom img{width:34px;height:auto;opacity:.33;filter:grayscale(1)}.v07-sidebar-bottom p{font-size:8px;line-height:1.55;color:#65676d}.v07-sidebar-bottom .version{font-size:6px}
#workspace{background:transparent!important;color:var(--v07-text)!important;padding:34px 38px 70px;min-width:0;max-width:1680px;width:100%;margin:0 auto}
.workspace-top{align-items:flex-end;margin-bottom:30px}.workspace-top h1{font-family:var(--sans);font-weight:600;letter-spacing:-.055em;font-size:clamp(40px,4.4vw,68px);line-height:.96}.workspace-top p{color:var(--v07-muted);max-width:650px;font-size:12px}.section-title{border:0;margin-top:34px}.section-title h2{font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:#7e8087;font-weight:400}
.row{gap:9px}.tag{border-radius:999px!important;background:rgba(255,255,255,.07)!important;border:1px solid var(--v07-line)!important;color:#aaa!important;font-family:var(--mono);font-size:7px!important}.tag.orange{color:#f4a579!important;border-color:rgba(240,107,43,.26)!important;background:rgba(240,107,43,.08)!important}.tag.green{color:var(--v07-green)!important;background:rgba(183,215,154,.08)!important}

/* HOME */
.v07-home-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;margin-bottom:26px}.v07-home-head h1{font-family:var(--sans);font-weight:500;font-size:clamp(42px,5vw,76px);line-height:.94;letter-spacing:-.065em;margin:7px 0 10px}.v07-home-head p{color:#8d9097;margin:0;max-width:640px;line-height:1.6}.home-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.home-orb-panel{min-height:280px;display:grid;place-items:center;position:relative;border:1px solid var(--v07-line2);border-radius:28px;background:
  radial-gradient(circle at center,rgba(240,107,43,.07),transparent 28%),
  linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008));overflow:hidden;margin-bottom:18px}.home-orb-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at center,#000,transparent 75%)}
.home-orb{width:108px;height:108px;border-radius:50%;position:relative;display:grid;place-items:center;cursor:pointer;border:0;background:transparent}.home-orb:before,.home-orb:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12);inset:12px;animation:v07orb 8s linear infinite}.home-orb:after{inset:27px;border-color:rgba(240,107,43,.27);animation-direction:reverse;animation-duration:5s}.home-orb span{width:12px;height:12px;border-radius:50%;background:#f1eee8;box-shadow:0 0 26px rgba(240,107,43,.7);animation:v07breathe 2.4s ease-in-out infinite}.home-orb-label{position:absolute;bottom:34px;font-family:var(--mono);font-size:7px;letter-spacing:.16em;color:#777a82}
.home-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 26px}.home-kpi{padding:17px 18px;border-top:1px solid var(--v07-line);background:rgba(255,255,255,.018)}.home-kpi span{font-family:var(--mono);font-size:7px;color:#74777e;letter-spacing:.1em}.home-kpi b{display:block;font-size:26px;margin-top:7px;font-weight:500;letter-spacing:-.045em}
.v07-project-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:11px}.v07-project-card{background:rgba(255,255,255,.028);border:1px solid var(--v07-line2);border-radius:18px;padding:17px;min-height:164px;display:flex;flex-direction:column;justify-content:space-between;transition:background .2s,border-color .2s,transform .2s}.v07-project-card:hover{background:rgba(255,255,255,.045);border-color:var(--v07-line);transform:translateY(-2px)}.v07-project-card h3{font-size:22px;letter-spacing:-.04em;margin:7px 0 3px}.v07-project-card p{color:#858891;font-size:10px;margin:0}.v07-project-card .node-mini-line{height:1px;background:var(--v07-line);position:relative;margin:18px 0 10px}.v07-project-card .node-mini-line i{position:absolute;width:6px;height:6px;background:var(--v07-orange);border-radius:50%;left:var(--progress,10%);top:-3px;box-shadow:0 0 12px rgba(240,107,43,.55)}

/* legacy surfaces restyled */
.hero{border-radius:24px!important;border-color:var(--v07-line2)!important;background:rgba(255,255,255,.02)!important;overflow:hidden}.hero-art{background:radial-gradient(circle,rgba(240,107,43,.12),transparent 60%)!important}.hero-art img{opacity:.16;filter:grayscale(.2)}
.project-card,.content-box,.task-row,.person-card,.library-card,.marketing-card,.stat{background:rgba(255,255,255,.027)!important;border:1px solid var(--v07-line2)!important;color:var(--v07-text)!important;border-radius:16px!important;box-shadow:none!important}.project-cover{background:linear-gradient(140deg,#13151a,#0d0e10)!important;color:var(--v07-text)!important;border-radius:14px 14px 0 0}.project-cover b{font-family:var(--sans)!important;font-weight:600;letter-spacing:-.04em}.project-info p,.content-box p,.task-row p,.person-card p,.marketing-card p{color:#8b8d94!important}.progress,.usage-meter{background:rgba(255,255,255,.06)!important;border-radius:999px!important}.progress i,.usage-meter i{background:var(--v07-orange)!important;border-radius:999px}.metadata{border-color:var(--v07-line2)!important}.metadata>div{background:rgba(255,255,255,.022)!important;border-color:var(--v07-line2)!important}.metadata span{color:#71747b!important}.metadata b{color:#ddd!important}.activity{border-color:var(--v07-line2)!important}.empty{background:rgba(255,255,255,.018)!important;border:1px dashed rgba(255,255,255,.12)!important;border-radius:18px!important}.tabs{border-bottom:1px solid var(--v07-line2)!important;gap:4px!important;overflow:auto;padding-bottom:8px}.tabs button{border-radius:999px!important;padding:8px 12px!important;color:#7e8188!important;white-space:nowrap}.tabs button.active{background:rgba(255,255,255,.08)!important;color:#eee!important;border:0!important}.stage-track{gap:4px!important;overflow:auto}.stage-chip{border-color:var(--v07-line2)!important;background:transparent!important;color:#5f6269!important;border-radius:999px!important}.stage-chip.active{background:rgba(240,107,43,.08)!important;border-color:rgba(240,107,43,.28)!important;color:#eaa47e!important}.stage-chip.done{color:#8da37d!important}.scene-card{background:rgba(255,255,255,.026)!important;border-color:var(--v07-line2)!important;border-radius:18px!important;overflow:hidden}.scene-body p{color:#999ba2!important}.scene-specs dt{color:#656870!important}.scene-specs dd{color:#c0c1c5!important}.transition{background:rgba(255,255,255,.025)!important;border-color:var(--v07-line2)!important;color:#8e9197!important}

/* PROJECT CANVAS */
.canvas-shell{display:flex;flex-direction:column;gap:11px}.canvas-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.canvas-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.canvas-toolbar button{height:34px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.048);border:1px solid var(--v07-line);color:#b6b7bd;font-size:9px}.canvas-toolbar button.primary{height:34px}.canvas-toolbar .canvas-zoom-readout{font-family:var(--mono);font-size:7px;color:#74767d;min-width:44px;text-align:center}
.node-canvas{height:min(72vh,780px);min-height:560px;border:1px solid var(--v07-line2);border-radius:24px;background:
  radial-gradient(circle at 40% 35%,rgba(240,107,43,.035),transparent 24%),
  linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),
  #090a0d;background-size:auto,32px 32px,32px 32px,auto;overflow:hidden;position:relative;touch-action:none;cursor:grab}.node-canvas.panning{cursor:grabbing}.node-world{position:absolute;left:0;top:0;width:2500px;height:1500px;transform-origin:0 0;will-change:transform}.node-lines{position:absolute;inset:0;width:2500px;height:1500px;pointer-events:none;overflow:visible}.node-line{stroke:rgba(181,184,192,.25);stroke-width:1.35;fill:none}.node-line.active{stroke:rgba(240,107,43,.52)}.node-line-pulse{fill:var(--v07-orange);filter:drop-shadow(0 0 7px rgba(240,107,43,.7))}.studio-node{position:absolute;width:218px;min-height:106px;border-radius:17px;background:rgba(20,22,26,.9);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);padding:14px;box-shadow:0 15px 48px rgba(0,0,0,.22);user-select:none;touch-action:none;transition:border-color .16s,box-shadow .16s,transform .12s}.studio-node:hover,.studio-node.selected{border-color:rgba(255,255,255,.22);box-shadow:0 18px 55px rgba(0,0,0,.32)}.studio-node.connecting{border-color:rgba(240,107,43,.55);box-shadow:0 0 0 3px rgba(240,107,43,.08)}.studio-node .node-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-node .node-type{font-family:var(--mono);font-size:6px;letter-spacing:.11em;color:#70737b}.studio-node .node-status-dot{width:6px;height:6px;border-radius:50%;background:#6f7177}.studio-node.system .node-status-dot{background:var(--v07-green)}.studio-node.music .node-status-dot{background:#b7a7ff}.studio-node.pinterest .node-status-dot{background:#e7a4b4}.studio-node.campaign .node-status-dot{background:#f3b27b}.studio-node h3{font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:-.035em;margin:11px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-node p{font-size:9px;color:#84878e;margin:0;line-height:1.45;min-height:27px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.node-foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px;gap:8px}.node-foot span{font-family:var(--mono);font-size:6px;color:#676a71}.node-actions{display:flex;gap:4px}.node-actions button{width:25px;height:25px;border:1px solid var(--v07-line);border-radius:50%;background:rgba(255,255,255,.04);color:#aaa;padding:0;font-size:10px}.node-actions button:hover{background:rgba(255,255,255,.1);color:#fff}.node-port{position:absolute;width:9px;height:9px;border-radius:50%;background:#202228;border:1px solid #666;top:50%;transform:translateY(-50%)}.node-port.in{left:-5px}.node-port.out{right:-5px}.node-empty-hint{position:absolute;left:22px;bottom:18px;font-family:var(--mono);font-size:7px;color:#5e6169;letter-spacing:.08em;pointer-events:none}.canvas-legend{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:6px;color:#60636a}.canvas-legend span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#777;margin-right:5px}.canvas-legend .l-system:before{background:var(--v07-green)}.canvas-legend .l-music:before{background:#b7a7ff}.canvas-legend .l-ref:before{background:#e7a4b4}.canvas-legend .l-custom:before{background:#f3b27b}

/* CONNECTIONS */
.connection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:11px}.connection-card{border:1px solid var(--v07-line2);border-radius:18px;padding:18px;background:rgba(255,255,255,.023);min-height:190px;display:flex;flex-direction:column}.connection-card .connection-logo{width:34px;height:34px;border-radius:11px;border:1px solid var(--v07-line);display:grid;place-items:center;font-family:var(--mono);font-size:9px;color:#bbb;background:rgba(255,255,255,.04)}.connection-card h3{font-size:20px;margin:15px 0 5px;letter-spacing:-.035em}.connection-card p{color:#858890;font-size:10px;line-height:1.6;flex:1}.connection-state{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.connection-state span{font-family:var(--mono);font-size:6px;color:#71747a}.connection-state b{font-family:var(--mono);font-size:6px;color:var(--v07-green);font-weight:400}.connection-state b.api-off{color:#b88c73}.integration-note{padding:16px 18px;border:1px solid rgba(240,107,43,.14);background:rgba(240,107,43,.04);border-radius:16px;color:#a89689;font-size:10px;line-height:1.65;margin-top:18px}
.pin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;margin-top:16px}.pin-card{padding:9px;background:rgba(255,255,255,.03);border:1px solid var(--v07-line2);border-radius:13px}.pin-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;background:#111}.pin-card b{display:block;font-size:10px;margin:8px 0 3px}.pin-card p{font-size:8px;color:#777;line-height:1.4;max-height:34px;overflow:hidden}

/* AI */
.assistant{position:fixed!important;right:18px!important;top:80px!important;bottom:18px!important;width:min(390px,calc(100vw - 28px))!important;height:auto!important;max-height:none!important;background:rgba(14,15,18,.9)!important;border:1px solid var(--v07-line)!important;border-radius:24px!important;padding:16px!important;z-index:80!important;box-shadow:0 28px 100px rgba(0,0,0,.5)!important;backdrop-filter:blur(30px) saturate(130%);display:flex!important;opacity:0;pointer-events:none;transform:translateY(12px) scale(.985);transition:opacity .2s,transform .2s}.assistant.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.assistant-head{font-family:var(--mono);font-size:7px;color:#85878d}.assistant-head #closeAI{display:block!important}.ai-orbit{height:124px!important;min-height:124px!important;width:124px!important;margin:4px auto!important;border:0!important;background:transparent!important;position:relative!important;display:grid!important;place-items:center!important;padding:0!important}.ai-core{width:10px;height:10px;border-radius:50%;background:#f2eee7;box-shadow:0 0 25px rgba(240,107,43,.8);position:absolute;z-index:3;animation:v07breathe 2.4s ease-in-out infinite}.ai-particle{width:4px;height:4px;background:#8d8f96;border-radius:50%;position:absolute;left:60px;top:60px;opacity:.62;transform-origin:2px 2px}.ai-particle.p1{--a:0deg;--r:35px}.ai-particle.p2{--a:45deg;--r:38px}.ai-particle.p3{--a:90deg;--r:31px}.ai-particle.p4{--a:135deg;--r:42px}.ai-particle.p5{--a:180deg;--r:34px}.ai-particle.p6{--a:225deg;--r:40px}.ai-particle.p7{--a:270deg;--r:29px}.ai-particle.p8{--a:315deg;--r:37px}.ai-particle{transform:rotate(var(--a)) translateX(var(--r));animation:v07particle 7s linear infinite}.ai-orbit[data-state=thinking] .ai-particle{animation-duration:1.9s;background:#f1a67e}.ai-orbit[data-state=listening] .ai-particle{animation-duration:3s;background:#a7c7ff}.ai-orbit[data-state=speaking] .ai-particle{animation-duration:2.4s;background:#b7d79a}.ai-orbit[data-state=error] .ai-core{background:#ff8d7a;box-shadow:0 0 25px rgba(255,90,70,.55)}.ai-glyph{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:-.06em;opacity:0;transform:scale(.7);transition:.18s;color:#f1eee8;position:absolute}.ai-orbit.resolve .ai-core,.ai-orbit.resolve .ai-particle{opacity:0}.ai-orbit.resolve .ai-glyph{opacity:1;transform:scale(1)}.ai-orbit .wave{position:absolute;bottom:11px;display:flex;gap:3px;align-items:center;height:14px}.ai-orbit .wave i{width:2px;background:#60636b;border-radius:2px;height:3px}.ai-orbit[data-state=speaking] .wave i,.ai-orbit[data-state=listening] .wave i{animation:v07bars .48s ease-in-out infinite alternate}.ai-status b{font-family:var(--mono);font-size:7px;letter-spacing:.11em}.ai-status span{color:#777a81;font-size:8px}.chat-log{border-top:1px solid var(--v07-line2);border-bottom:1px solid var(--v07-line2);padding:10px 0}.chat-message{border-radius:12px!important;background:transparent!important;border:0!important;color:#c5c5ca!important}.chat-message.user{background:rgba(255,255,255,.045)!important}.chat-message b{font-family:var(--mono);font-size:6px;color:#70727a}.chat-composer{border-radius:16px;background:rgba(255,255,255,.045);border:1px solid var(--v07-line)}.chat-composer textarea{background:transparent;border:0;box-shadow:none}.chat-composer button{border-radius:50%;background:#f3f1ec;color:#111;width:34px;height:34px}.ai-dock{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border-radius:50%;background:rgba(18,20,24,.88);border:1px solid var(--v07-line);backdrop-filter:blur(18px);z-index:75;display:grid;place-items:center;box-shadow:0 14px 44px rgba(0,0,0,.35)}.dock-core{width:8px;height:8px;border-radius:50%;background:#f1eee8;box-shadow:0 0 18px rgba(240,107,43,.75)}.dock-ring{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.12);border-radius:50%;animation:v07orb 6s linear infinite}.ai-dock.thinking .dock-ring{border-color:rgba(240,107,43,.48);animation-duration:1.7s}.ai-dock.listening .dock-ring{border-color:rgba(167,199,255,.52);animation-duration:2.2s}.ai-dock.speaking .dock-ring{border-color:rgba(183,215,154,.52);animation-duration:2.5s}

/* AUDIO */
#musicPanel{right:18px!important;top:80px!important;width:min(390px,calc(100vw - 28px))!important;background:rgba(13,14,17,.92)!important;border:1px solid var(--v07-line)!important;border-radius:22px!important;box-shadow:0 25px 100px rgba(0,0,0,.5)!important;padding:16px!important;backdrop-filter:blur(30px) saturate(130%)}.music-head{color:#868991}.audio-display{border:1px solid var(--v07-line2);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.012));padding:14px;display:grid;grid-template-columns:42px 1fr;grid-template-areas:"orb track" "viz viz" "read read";gap:10px;margin:12px 0}.audio-orb{grid-area:orb;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;position:relative}.audio-orb:before{content:"";position:absolute;inset:6px;border-radius:50%;border:1px dashed #555;animation:v07orb 5s linear infinite}.audio-orb span{width:6px;height:6px;border-radius:50%;background:var(--v07-orange);box-shadow:0 0 13px rgba(240,107,43,.6)}.track-row{grid-area:track;margin:0!important}.track-row b{font-size:14px}.track-row span{font-size:8px}.audio-visualizer{grid-area:viz;height:40px;display:flex;align-items:center;gap:3px;border-top:1px solid var(--v07-line2);padding-top:8px}.audio-visualizer i{display:block;flex:1;max-width:10px;height:5px;background:linear-gradient(to top,#6e7078,#bebfc3);border-radius:3px;opacity:.55}.music-alive .audio-visualizer i{animation:v07audio .78s ease-in-out infinite alternate}.music-alive .audio-visualizer i:nth-child(2n){animation-duration:.53s}.music-alive .audio-visualizer i:nth-child(3n){animation-duration:.96s}.music-alive .audio-visualizer i:nth-child(4n){animation-duration:.64s}.audio-readout{grid-area:read;display:flex;justify-content:space-between;font-family:var(--mono);font-size:6px;color:#666971;letter-spacing:.1em}.provider-strip{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:11px}.provider-strip span{font-family:var(--mono);font-size:6px;padding:5px 7px;border-radius:999px;border:1px solid var(--v07-line2);color:#6e7078}.music-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.music-actions button{font-size:9px!important;padding:9px 11px!important}.music-actions .text-button{padding:8px!important}#musicPanel iframe{height:152px!important;border-radius:13px;background:#0b0b0c;margin:2px 0 12px}#musicPanel .soundcloud-frame{height:118px!important}#musicPanel .apple-frame{height:175px!important}#musicPanel>a{color:#777b82!important;margin-top:8px}

/* MODAL */
dialog{background:rgba(15,16,19,.96)!important;border:1px solid var(--v07-line)!important;border-radius:22px!important;box-shadow:0 35px 120px rgba(0,0,0,.6)!important;backdrop-filter:blur(28px)}dialog::backdrop{background:rgba(0,0,0,.67);backdrop-filter:blur(8px)}.modal-head{background:rgba(15,16,19,.96)!important;border-color:var(--v07-line2)!important}.modal-head h2{font-family:var(--sans)!important;font-weight:600;letter-spacing:-.04em}.hint{color:#73767e!important}

@keyframes v07bars{from{height:3px}to{height:13px}}
@keyframes v07audio{from{height:4px;opacity:.35}to{height:33px;opacity:.9}}
@keyframes v07orb{to{transform:rotate(360deg)}}
@keyframes v07breathe{50%{transform:scale(1.45);box-shadow:0 0 34px rgba(240,107,43,.9)}}
@keyframes v07particle{to{transform:rotate(calc(var(--a) + 360deg)) translateX(var(--r))}}

@media(max-width:1000px){
  .studio-shell{grid-template-columns:160px minmax(0,1fr)!important}.sidebar{width:auto!important}.assistant{top:72px!important;bottom:12px!important}.v07-home-head{grid-template-columns:1fr}.home-actions{justify-content:flex-start}.node-canvas{height:650px}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .topbar{height:60px}.wordmark{font-size:18px}.music-pill span:last-child,.header-note{display:none}.studio-shell{display:flex!important}.sidebar{position:sticky!important;top:60px!important;height:auto!important;border-right:0!important;border-bottom:1px solid var(--v07-line2)!important;padding:5px 8px!important;background:rgba(9,10,12,.93)!important;z-index:40}.sidebar nav{display:flex;overflow:auto;gap:3px}.sidebar nav button{padding:8px 10px;white-space:nowrap}.side-label,.v07-sidebar-bottom{display:none!important}#workspace{padding:22px 14px 88px}.v07-home-head h1{font-size:48px}.home-orb-panel{min-height:220px}.home-kpis{grid-template-columns:1fr 1fr}.home-kpis .home-kpi:last-child{grid-column:1/-1}.v07-project-strip,.connection-grid{grid-template-columns:1fr}.node-canvas{min-height:570px;height:70vh;border-radius:18px}.canvas-toolbar{overflow:auto;flex-wrap:nowrap;width:100%}.canvas-topline{align-items:flex-start}.assistant{right:7px!important;left:7px!important;width:auto!important;top:66px!important;bottom:7px!important}.ai-dock{right:16px;bottom:16px}#musicPanel{right:7px!important;left:7px!important;width:auto!important;top:66px!important}.auth-screen{grid-template-columns:1fr}.v07-auth-art{height:230px;padding:22px}.auth-mark{width:170px}.v07-auth-art .auth-tag{font-size:48px}.auth-form{padding:30px 22px}.workspace-top h1{font-size:42px}.project-grid,.scene-grid,.calendar-list,.library-grid,.two-col,.split{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.music-pill.alive .music-bars i,.music-alive .audio-visualizer i,.home-orb:before,.home-orb:after,.home-orb span,.ai-core,.ai-particle,.dock-ring,.audio-orb:before{animation:none!important}}
.node-line{stroke-dasharray:3 7;animation:v07flow 10s linear infinite}
@keyframes v07flow{to{stroke-dashoffset:-100}}
@media(prefers-reduced-motion:reduce){.node-line{animation:none!important;stroke-dasharray:none}}

/* --------------------------------------------------------------------------
   v0.7.1 — D2H ORIGINAL PALETTE
   Keeps the v0.7 living canvas / glass / motion language, but restores the
   v0.6 black + warm paper + orange identity.
   -------------------------------------------------------------------------- */
:root{
  --v07-bg:#101010;
  --v07-bg2:#141414;
  --v07-panel:rgba(25,25,25,.92);
  --v07-panel2:rgba(34,34,34,.86);
  --v07-glass:rgba(255,255,255,.055);
  --v07-line:rgba(242,237,230,.16);
  --v07-line2:rgba(242,237,230,.09);
  --v07-text:#f2ede6;
  --v07-muted:#a39f96;
  --v07-orange:#f26522;
  --v07-cream:#e8e1d6;
  --v07-green:#c4d992;
  --v07-blue:#abc7e8;
  --v07-pink:#dca5b6;
  --d2-paper:#f2ede6;
  --d2-paper-2:#ebe5dc;
  --d2-paper-3:#ded6ca;
  --d2-ink:#141414;
  --d2-border:#c8c0b5;
}
html,body{background:#101010}
body{background:#101010;color:var(--v07-text)}
body:before{opacity:.10;mix-blend-mode:soft-light}

/* Controls — old orange action language, new rounded geometry. */
.primary{background:var(--v07-orange)!important;color:#111!important;border-color:var(--v07-orange)!important;box-shadow:none!important}
.primary:hover{background:#ff8c42!important}
.secondary,.small-button{background:transparent!important;color:inherit!important;border-color:currentColor!important}
button:focus-visible,a:focus-visible{outline-color:var(--v07-orange)!important}

/* Login — restore the bold orange / black split without flooding the UI in logos. */
.auth-screen{background:#101010}
.v07-auth-art{background-color:var(--v07-orange);background-image:radial-gradient(#1113 .6px,transparent .6px);background-size:6px 6px;border-right:0;color:var(--d2-ink)}
.v07-auth-art .auth-tag{color:var(--d2-ink)}
.v07-auth-art .auth-tag em{color:var(--d2-ink)}
.auth-mark{opacity:.08;filter:brightness(0);mix-blend-mode:multiply}
.auth-form{background:#101010;color:var(--v07-text)}
.auth-form p{color:var(--v07-muted)}
.auth-form input,.auth-form textarea,.auth-form select{background:#222;border-color:#454545;color:var(--v07-text)}

/* Chrome stays black like v0.6. */
.topbar{background:rgba(16,16,16,.96);border-color:#323232}
.sidebar{background:#101010;border-color:#323232}
.sidebar nav button{color:#aaa69f}
.sidebar nav button:hover{background:#242424;color:var(--v07-text)}
.sidebar nav button.active{background:rgba(242,101,34,.08);border-color:rgba(242,101,34,.30);color:var(--v07-orange)}
.sidebar nav button.active span{color:var(--v07-orange)}
.music-pill{background:#191919;border-color:#323232;color:#c7c1b8}
.header-actions .avatar{background:var(--d2-paper);color:var(--d2-ink);border-color:var(--d2-paper)}

/* Main studio returns to warm paper. */
#workspace{background:var(--d2-paper)!important;color:var(--d2-ink)!important}
.workspace-top h1,.v07-home-head h1{color:var(--d2-ink)}
.workspace-top p,.v07-home-head p{color:#656057!important}
.eyebrow,#workspace .micro,#workspace .section-title h2{color:#81796e}
#workspace .text-button{color:#685e52!important}
#workspace .secondary,#workspace .small-button{color:#4f493f!important;border-color:#918779!important;background:transparent!important}
#workspace .secondary:hover,#workspace .small-button:hover{background:#e4ddd2!important}
#workspace .tag{background:#e7dfd4!important;border-color:#c8c0b5!important;color:#665f55!important}
#workspace .tag.orange{background:var(--v07-orange)!important;color:var(--d2-ink)!important;border-color:var(--v07-orange)!important}
#workspace .tag.green{background:var(--v07-green)!important;color:#253113!important;border-color:var(--v07-green)!important}

/* Home / recents */
.home-orb-panel{border-color:var(--d2-border);background:radial-gradient(circle at center,rgba(242,101,34,.13),transparent 29%),linear-gradient(180deg,#e8e1d6,#ded6ca)}
.home-orb-panel:before{background-image:linear-gradient(rgba(20,20,20,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,20,.055) 1px,transparent 1px)}
.home-orb:before{border-color:rgba(20,20,20,.22)}
.home-orb:after{border-color:rgba(242,101,34,.55)}
.home-orb span{background:var(--d2-ink);box-shadow:0 0 26px rgba(242,101,34,.58)}
.home-orb-label{color:#6d655b}
.home-kpi{background:#ebe5dc;border-color:#c8c0b5}
.home-kpi span{color:#686155}.home-kpi b{color:var(--d2-ink)}
.v07-project-card{background:#f9f6f0;border-color:#c8c0b5;color:var(--d2-ink)}
.v07-project-card:hover{background:#fffaf3;border-color:#a99f92}
.v07-project-card p{color:#7b7164}.v07-project-card .node-mini-line{background:#c8c0b5}

/* Legacy project surfaces */
.project-card,.content-box,.task-row,.person-card,.library-card,.marketing-card,.stat{background:#f9f6f0!important;border-color:#c8c0b5!important;color:var(--d2-ink)!important}
.project-cover{background:#20201e!important;color:var(--v07-text)!important}
.project-info p,.content-box p,.task-row p,.person-card p,.marketing-card p{color:#7b7164!important}
.progress,.usage-meter{background:#d5cdc1!important}.metadata{border-color:#c8c0b5!important}.metadata>div{background:#ebe5dc!important;border-color:#d2c8bb!important}.metadata span{color:#71695e!important}.metadata b{color:var(--d2-ink)!important}.activity{border-color:#d2c8bb!important}.empty{background:#eee8df!important;border-color:#b2a797!important;color:#71685c!important}.empty h3{color:var(--d2-ink)!important}
.tabs{border-color:#c8c0b5!important}.tabs button{color:#746b60!important}.tabs button.active{background:#ded6ca!important;color:var(--d2-ink)!important}.stage-chip{border-color:#c8c0b5!important;color:#7b7369!important}.stage-chip.active{background:rgba(242,101,34,.10)!important;border-color:rgba(242,101,34,.45)!important;color:#a5481f!important}.stage-chip.done{color:#607449!important}.scene-card{background:#f9f6f0!important;border-color:#c8c0b5!important;color:var(--d2-ink)!important}.scene-body p{color:#746c61!important}.scene-specs dt{color:#857a6e!important}.scene-specs dd{color:#2a2926!important}.transition{background:#ebe5dc!important;border-color:#c8c0b5!important;color:#6f675d!important}

/* Canvas — paper drafting board, dark production nodes, orange signal flow. */
.canvas-toolbar button{background:#ebe5dc;border-color:#c8c0b5;color:#5b544a}.canvas-toolbar .canvas-zoom-readout{color:#746c61}
.node-canvas{border-color:#bfb4a7;background:radial-gradient(circle at 40% 35%,rgba(242,101,34,.08),transparent 24%),linear-gradient(rgba(20,20,20,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,20,.055) 1px,transparent 1px),#ded6ca;background-size:auto,32px 32px,32px 32px,auto}
.node-line{stroke:rgba(20,20,20,.34)}.node-line.active{stroke:rgba(242,101,34,.74)}
.studio-node{background:rgba(25,25,25,.96);border-color:#3c3c3c;color:var(--v07-text);box-shadow:0 15px 40px rgba(40,31,24,.18)}
.studio-node:hover,.studio-node.selected{border-color:#6d655c;box-shadow:0 18px 44px rgba(40,31,24,.24)}
.studio-node.connecting{border-color:rgba(242,101,34,.8);box-shadow:0 0 0 3px rgba(242,101,34,.11)}
.studio-node .node-type,.studio-node .node-foot span{color:#8c877f}.studio-node p{color:#aaa49b}.node-actions button{border-color:#555;background:#222;color:#c8c2b9}.node-actions button:hover{background:#2d2d2d;color:#fff}.node-port{background:#191919;border-color:#888}.node-empty-hint,.canvas-legend{color:#746b60}

/* Connections and reference cards use the paper system. */
.connection-card,.pin-card{background:#f9f6f0!important;border-color:#c8c0b5!important;color:var(--d2-ink)!important}
.connection-card p,.connection-card .integration-note,.pin-card p{color:#766e63!important}
.connection-state{color:#6d655b!important}
.connection-logo{background:#20201e!important;color:var(--v07-text)!important;border-color:#343434!important}

/* AI / audio remain dark floating instruments, now using original orange. */
.assistant,#musicPanel{background:rgba(16,16,16,.95)!important;border-color:#3a3a3a!important}
.ai-dock{background:rgba(16,16,16,.94);border-color:#3a3a3a}.dock-core,.ai-core{background:var(--d2-paper);box-shadow:0 0 22px rgba(242,101,34,.75)}
.chat-composer{background:#222;border-color:#414141}.chat-message.user{background:#242424!important}.chat-composer button{background:var(--v07-orange);color:#111}
.audio-display{background:linear-gradient(160deg,#242424,#181818);border-color:#3c3c3c}.provider-strip span{border-color:#3c3c3c;color:#9b968e}

/* Modals: dark instrument panel against the warm workspace. */
dialog,.modal-head{background:rgba(20,20,20,.98)!important;border-color:#3a3a3a!important;color:var(--v07-text)!important}.hint{color:#9a958d!important}
dialog input,dialog textarea,dialog select{background:#222!important;border-color:#454545!important;color:var(--v07-text)!important}

@media(max-width:650px){.sidebar{background:#101010!important;border-color:#323232!important}}