:root{--bg:#f5f6f0;--surface:#fffefa;--surface-2:#eff1e9;--surface-3:#e6e9df;--ink:#1d211e;--muted:#5c6359;--line:#dcded5;--line-strong:#c4cabd;--accent:#244c3c;--accent-ink:#fff;--accent-soft:#dce6d7;--accent-text:#203d30;--focus:#417b60;--hero-bg:#edf1e3;--hero-glow:#e0eac6;--hero-line:#ccd7c0;--hero-muted:#4d5b47;--header-bg:#fffefac7;--header-shadow:0 8px 28px #173b2d17;--card-shadow:0 10px 30px #173b2d14;--input-bg:#fff;--input-line:#bdc6b8;--danger:#893d35;--danger-bg:#fff5f1;--danger-line:#e4c9c1;--danger-text:#783f32;--backdrop:#14251dcc;--logo-filter:none;--logo-blend:multiply;--toggle-track:#e3e7dc;--toggle-knob:#fff;font-synthesis:none;text-rendering:optimizelegibility;color:var(--ink);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#0f1411;--surface:#161d19;--surface-2:#121815;--surface-3:#212a24;--ink:#edf1ea;--muted:#a4ad9f;--line:#27302a;--line-strong:#3a453d;--accent:#9fd4b4;--accent-ink:#0d1a12;--accent-soft:#1f3529;--accent-text:#cfe9d9;--focus:#9fd4b4;--hero-bg:#151e18;--hero-glow:#26371f;--hero-line:#2f3f2c;--hero-muted:#b4c0aa;--header-bg:#0f1411bd;--header-shadow:0 8px 30px #00000073;--card-shadow:0 12px 34px #0006;--input-bg:#0f1411;--input-line:#3a453d;--danger:#c4544a;--danger-bg:#2a1714;--danger-line:#5a2b24;--danger-text:#f2b8ac;--backdrop:#040806d1;--logo-filter:invert(1);--logo-blend:screen;--toggle-track:#26302a;--toggle-knob:#edf1ea;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:96px}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--bg);margin:0;transition:background-color .25s,color .25s}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s}button:disabled{cursor:not-allowed;opacity:.55}button:not(:disabled):hover{box-shadow:0 2px 10px #173b2d1f}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:inherit}h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin-bottom:0;font-size:clamp(29px,4vw,40px)}h2{letter-spacing:-.025em;margin-bottom:5px;font-size:19px}h3{margin-bottom:7px;font-size:15px}.brand-logo{filter:var(--logo-filter);mix-blend-mode:var(--logo-blend);transition:filter .25s}.shell{min-height:100vh}.topbar{z-index:40;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:saturate(160%)blur(16px);backdrop-filter:saturate(160%)blur(16px);justify-content:space-between;align-items:center;gap:16px;height:76px;padding:0 28px;transition:box-shadow .2s,background-color .25s,border-color .25s;display:flex;position:sticky;top:0}.topbar.scrolled{box-shadow:var(--header-shadow)}.wordmark{border-radius:12px;align-items:center;gap:12px;min-height:44px;display:flex}.logo-tile{border:1px solid var(--line);background:var(--surface);border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 2px 8px #173b2d0f}.logo-tile img{object-fit:contain;width:36px;height:36px}.brand-name{color:var(--ink);letter-spacing:-.04em;font-size:22px;font-weight:760;line-height:1}.brand-name>span{color:var(--muted);letter-spacing:.32em;margin-top:5px;font-size:9px;font-weight:650;display:block}.account{color:var(--muted);align-items:center;gap:14px;font-size:13px;display:flex}.environment-label{border:1px solid var(--line);color:var(--muted);background:var(--surface);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;font-weight:600;display:inline-flex}.status-dot{background:#3f9b6b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3f9b6b2e}.quiet-button{border:1px solid var(--line-strong);min-height:40px;color:var(--ink);background:0 0;border-radius:999px;padding:0 16px;font-size:13px;font-weight:600}.quiet-button:hover{background:var(--surface-3)}.theme-toggle{background:0 0;border:0;border-radius:999px;place-items:center;min-width:44px;min-height:44px;padding:0;display:inline-grid}.theme-toggle:not(:disabled):hover{box-shadow:none}.theme-track{border:1px solid var(--line-strong);background:var(--toggle-track);border-radius:999px;justify-content:space-between;align-items:center;width:62px;height:32px;padding:0 8px;transition:background-color .25s,border-color .25s;display:flex;position:relative}.theme-icon{z-index:1;fill:none;width:15px;height:15px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s;position:relative}.theme-knob{background:var(--toggle-knob);border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .25s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000002e}.theme-toggle .sun{stroke:#b7791f}[data-theme=dark] .theme-toggle .sun{stroke:var(--muted)}[data-theme=dark] .theme-toggle .moon{stroke:#0f1411}[data-theme=dark] .theme-knob{transform:translate(30px)}.theme-toggle:hover .theme-track{border-color:var(--focus)}.floating-toggle{z-index:10;position:fixed;top:18px;right:18px}.layout{background:linear-gradient(90deg, var(--surface-2) 0 249px, var(--line) 249px 250px, transparent 250px);grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 76px);display:grid}.sidebar{border-right:1px solid var(--line);background:var(--surface-2);align-self:start;height:calc(100vh - 76px);padding:32px 22px;transition:background-color .25s;position:sticky;top:76px;overflow-y:auto}.eyebrow{color:var(--muted);letter-spacing:.14em;margin:0 0 12px;font-size:10px;font-weight:700}.sidebar select,.member-actions select{border:1px solid var(--line);color:var(--ink);background:var(--surface)}.sidebar select{border-radius:9px;width:100%;min-height:44px;padding:0 12px}.outline-button,.primary-button,.danger-button{border-radius:9px;min-height:44px;padding:10px 17px;font-size:12px;font-weight:600}.outline-button{border:1px solid var(--line-strong);color:var(--ink);background:0 0}.outline-button:not(:disabled):hover{background:var(--surface-3)}.sidebar>.outline-button{text-align:left;width:100%;margin-top:10px}.primary-button{border:1px solid var(--accent);color:var(--accent-ink);background:var(--accent)}.danger-button{border:1px solid var(--danger);color:#fff;background:var(--danger)}.navigation{gap:4px;margin-top:38px;display:grid}.nav-item{text-align:left;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:11px 12px}.nav-item:not(:disabled):hover{color:var(--ink);background:var(--surface-3);box-shadow:none}.nav-item.active{color:var(--accent-text);background:var(--accent-soft);font-weight:700}.sidebar-note{color:var(--muted);margin-top:50px;font-size:11px;line-height:1.6}.content{width:min(1280px,100%);min-width:0;margin:0 auto;padding:42px clamp(22px,4vw,64px)}.page-heading,.section-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.badge{border:1px solid var(--line-strong);color:var(--accent-text);letter-spacing:.1em;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:700}.section-heading{margin:47px 0 16px}.section-heading p,.section-copy{color:var(--muted);margin-bottom:0;font-size:12px}.studio-intro{border:1px solid var(--hero-line);background:radial-gradient(ellipse at 90% 0, var(--hero-glow), transparent 60%), var(--hero-bg);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:clamp(24px,3vw,40px);display:flex}.studio-intro h2{letter-spacing:-.04em;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.18}.studio-intro p:last-child{max-width:340px;color:var(--hero-muted);margin:16px 0 0;font-size:13px;line-height:1.65}.studio-stat{border-left:1px solid var(--hero-line);gap:5px;min-width:180px;padding:22px;display:grid}.studio-stat strong{letter-spacing:-.06em;font-size:52px;font-weight:500;line-height:1}.studio-stat span{font-size:13px}.studio-stat small{color:var(--hero-muted);margin-top:10px;font-size:10px}.connection-card,.draft-card,.empty-panel,.member-row,.provider-roadmap{border:1px solid var(--line);background:var(--surface);border-radius:14px;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .25s}.connection-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.connection-card{align-items:center;gap:16px;min-width:0;padding:20px 22px;display:flex;position:relative;overflow:hidden}.connection-card:before{content:"";background:var(--brand,var(--accent));opacity:.9;width:3px;position:absolute;inset:0 auto 0 0}.connection-card:hover{border-color:var(--line-strong);box-shadow:var(--card-shadow);transform:translateY(-2px)}.connection-copy{flex:1;min-width:0}.connection-card h3{margin-bottom:3px}.connection-card p{color:var(--muted);margin:0;font-size:12px}.connection-mark{color:#fff;background:var(--brand,var(--accent));border-radius:13px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.connection-mark svg{fill:currentColor;width:24px;height:24px}.connection-mark svg[fill=none]{fill:none}.provider-linkedin{--brand:#0a66c2}.provider-instagram,.instagram-mark{--brand:linear-gradient(135deg, #f9b23c 0%, #e1306c 50%, #833ab4 100%)}.status-pill{border:1px solid var(--line-strong);color:var(--muted);background:var(--surface-2);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:10px;font-weight:700}.provider-roadmap{margin:14px 0 34px;padding:22px}.provider-label{align-items:center;gap:14px;display:flex}.provider-label h3{margin:0 0 4px}.provider-label p,.provider-roadmap>p,.provider-roadmap details{color:var(--muted);font-size:12px;line-height:1.7}.provider-label p{margin:0}.provider-roadmap>p{max-width:620px;margin:16px 0}.provider-roadmap details{max-width:680px;margin-top:18px}.provider-roadmap summary{cursor:pointer;color:var(--ink)}.provider-roadmap details p{margin:12px 0 0}.draft-heading{margin-top:44px}.draft-list,.member-list{gap:10px;display:grid}.draft-card{justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;display:flex}.draft-card>div:first-child{min-width:0}.draft-card h3{overflow-wrap:anywhere}.draft-actions{flex-shrink:0;align-items:center;gap:9px;display:flex}.draft-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:12px;margin-bottom:10px;font-size:10px;display:flex}.draft-body{max-width:650px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0;font-size:13px;line-height:1.8}.empty-panel{color:var(--muted);text-align:center;border-style:dashed;padding:36px 24px;font-size:12px;line-height:1.7}.member-row{justify-content:space-between;align-items:center;gap:20px;padding:15px 17px;font-size:12px;display:flex}.member-actions{align-items:center;gap:16px;display:flex}.member-actions select{border-radius:5px;max-width:110px;min-height:34px;padding:0 8px;font-size:11px}.member-row div{gap:5px;min-width:0;display:grid}.member-row strong{overflow-wrap:anywhere}.member-row span,.member-row time{color:var(--muted);font-size:11px}.section-copy{margin:12px 0 22px}.notice{border-radius:9px;margin-bottom:22px;padding:13px 15px;font-size:12px}.notice.error{border:1px solid var(--danger-line);color:var(--danger-text);background:var(--danger-bg);justify-content:space-between;gap:14px;display:flex}.notice button{color:inherit;background:0 0;border:0;font-weight:700}.empty-state{text-align:center;padding:12vh 0}.empty-state>p:not(.eyebrow){max-width:440px;color:var(--muted);margin:14px auto 24px;font-size:13px;line-height:1.7}.center-state{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:var(--surface);width:min(470px,100%);box-shadow:var(--card-shadow);border-radius:20px;padding:38px}.auth-card h1{margin:0 0 12px;font-size:31px}.auth-card>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.7}.auth-card>:last-child{margin-top:22px}.auth-logo{border-radius:14px;width:64px;height:64px;margin-bottom:22px}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:58px;padding-top:18px;font-size:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:99;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;color:var(--ink);background:var(--surface);padding:12px;position:fixed;top:12px;left:20px;overflow:hidden}.skip-link:focus{clip-path:none;width:auto;height:auto}.editor-dialog{border:1px solid var(--line);width:min(620px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:var(--surface);border-radius:20px;padding:32px;overflow:auto;box-shadow:0 24px 100px #10241840}.editor-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dialog-heading h2{font-size:26px}.dialog-heading .eyebrow{margin-bottom:8px}.close-button{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);background:0 0;border-radius:50%;flex:0 0 40px;font-size:24px}.dialog-copy{color:var(--muted);margin:18px 0 24px;font-size:13px;line-height:1.7}.field-label{gap:9px;margin:20px 0;font-size:12px;font-weight:650;display:grid}.field-label input,.field-label textarea{border:1px solid var(--input-line);width:100%;color:var(--ink);background:var(--input-bg);border-radius:9px;padding:13px;font-size:15px;font-weight:400}.field-label textarea{resize:vertical;min-height:160px;line-height:1.7}.field-help{color:var(--muted);font-size:11px;font-weight:400;line-height:1.6}.dialog-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:20px;display:flex}.caption-preview{border:1px solid var(--line);border-radius:14px;margin:24px 0;padding:24px}.caption-preview h3{margin-top:24px}.caption-preview p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.delete-summary{overflow-wrap:anywhere}@media (width<=1000px){.draft-card{flex-direction:column;gap:18px}.studio-stat{min-width:145px;padding:15px}}@media (width<=760px){html{scroll-padding-top:80px}.topbar{height:66px;padding:0 14px}.logo-tile{border-radius:12px;width:40px;height:40px}.logo-tile img{width:30px;height:30px}.brand-name{font-size:19px}.account{gap:6px}.environment-label{display:none}.quiet-button{padding:0 12px}.layout{background:0 0;min-height:calc(100vh - 66px);display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:20px 18px;position:static;overflow:visible}.sidebar select,.sidebar>.outline-button{max-width:440px}.navigation{flex-wrap:wrap;margin-top:16px;display:flex}.sidebar-note{margin:15px 0 0}.content{padding:28px 18px}.page-heading{flex-wrap:wrap;align-items:flex-start;gap:14px}.badge{white-space:nowrap;margin-top:4px}.section-heading{flex-wrap:wrap;gap:14px}.connection-grid{grid-template-columns:1fr}.studio-intro{flex-direction:column;align-items:stretch}.studio-stat{border-left:0;border-top:1px solid var(--hero-line);padding:20px 0 0}.studio-stat strong{font-size:36px}.draft-actions{flex-wrap:wrap}.editor-dialog{padding:24px}.dialog-heading h2{font-size:22px}.member-row{flex-wrap:wrap;align-items:flex-start}.member-actions{flex-wrap:wrap}.floating-toggle{top:10px;right:10px}}@media (prefers-reduced-motion:reduce){*,:before{scroll-behavior:auto!important;transition:none!important}}