@import "tailwindcss";
@import "tw-animate-css";
@import "../vendor/shadcn-tailwind-4.13.0.css";
:root{--background:#09090b;--foreground:#f5f4f6;--card:#121215;--card-foreground:#f5f4f6;--popover:#161619;--popover-foreground:#f5f4f6;--primary:#d4f879;--primary-foreground:#15190c;--secondary:#202024;--secondary-foreground:#f5f4f6;--muted:#1b1b20;--muted-foreground:#a2a1aa;--accent:#25292a;--accent-foreground:#f5f4f6;--destructive:#ff7887;--border:#2b2b30;--input:#333338;--ring:#d4f879;--radius:.7rem;--sidebar:#101013;--sidebar-foreground:#d0cfd6;--sidebar-primary:#d4f879;--sidebar-primary-foreground:#111;--sidebar-accent:#20241a;--sidebar-accent-foreground:#d4f879;--sidebar-border:#27272d;--sidebar-ring:#d4f879}
@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-primary:var(--sidebar-primary);--color-sidebar-primary-foreground:var(--sidebar-primary-foreground);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-ring:var(--sidebar-ring);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--font-sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{transition:color .18s,background .18s,transform .18s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:5px}input,textarea{font:inherit;color:inherit}input:not([type=color]):not([type=checkbox]),textarea{background:#18181c;border:1px solid #37373e;border-radius:9px;padding:13px 15px;width:100%;outline:none}input:focus,textarea:focus{border-color:var(--primary)!important}input::placeholder,textarea::placeholder{color:#87868e}label{font-size:14px;display:grid;gap:8px}svg{flex-shrink:0}.landing{min-height:100svh;display:flex;flex-direction:column;background:#080809;position:relative;overflow:hidden}.landing:before{content:'';position:absolute;pointer-events:none;width:800px;height:550px;left:50%;top:16%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(120,137,79,.07),transparent 68%)}.landing-header{height:112px;padding:0 5.7%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.brand{font-size:29px;letter-spacing:-1.6px;font-weight:750;display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.brand-period{color:var(--primary);margin-left:-8px}.brand-mark{height:28px;width:29px;position:relative;margin-right:3px;display:inline-block}.brand-mark i{position:absolute;width:11px;height:26px;background:var(--primary);border-radius:2px;transform:skew(-19deg);top:1px;left:3px}.brand-mark i+i{left:17px;height:18px;top:9px}.header-login{display:flex;gap:24px;align-items:center;font-size:14px;color:#8f8e96}.header-login button{border:1px solid #3a3a3e;border-radius:7px;padding:10px 17px;color:#e5e4e7;display:flex;align-items:center;gap:18px;background:transparent}.header-login button:hover{background:#242428}.join-hero{position:relative;text-align:center;margin:auto;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px 82px;min-height:650px;width:100%}.eyebrow{font-size:12px;letter-spacing:2.2px;color:#b9b8bf;display:flex;align-items:center;gap:10px;margin-bottom:27px}.small-star{color:var(--primary);font-size:21px}.join-hero h1{font-size:clamp(58px,6.4vw,94px);line-height:1.05;letter-spacing:-5px;font-weight:600;margin:0}.role-window{display:block;height:1.18em;color:var(--primary);position:relative;min-width:min(92vw,830px)}.rotating-role{display:block;animation:roleIn .6s cubic-bezier(.16,1,.3,1)}.role-dot{color:var(--primary)}@keyframes roleIn{from{transform:translateY(8px)}to{transform:translateY(0)}}.hero-description{font-size:17px;line-height:1.7;color:#9998a0;margin:20px 0 31px;font-weight:400}.join-form{max-width:440px;width:100%}.email-field{position:relative;display:flex;padding:7px;border:1px solid #45454a;background:#151517;border-radius:10px;box-shadow:0 12px 30px #0004}.email-field input:not([type=checkbox]){border:0;background:transparent;padding:10px 12px;border-radius:4px;font-size:15px}.email-field button{border:0;border-radius:6px;background:var(--primary);color:#1b2210;min-width:47px;min-height:45px;display:flex;align-items:center;justify-content:center}.email-field button:hover{background:#e5ffa5;transform:translateX(1px)}.form-note{font-size:13px;color:#83828a;margin:14px 0 0}.join-footnote{display:flex;align-items:center;gap:7px;font-size:12px;color:#69686f;margin-top:41px}.landing-footer{margin:0 5.7%;padding:25px 0 28px;border-top:1px solid #242427;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#727178;font-size:12px;position:relative}.landing-footer>div{display:flex;gap:24px}.landing-footer a:hover{color:var(--primary)}.footer-creative{letter-spacing:1.3px;font-size:10px}.primary{border:0;background:var(--primary);color:#151d08;padding:13px 20px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:650;border-radius:8px;min-height:44px}.primary:hover{background:#e4ffa6}.password-reveal{margin-top:12px;display:grid;gap:12px;animation:roleIn .3s}.password-reveal .primary{width:100%}.sb-dialog{background:#131316;border:1px solid #343439;border-radius:16px;padding:32px!important;max-height:90svh;overflow:auto}.sb-dialog h2{font-size:28px;letter-spacing:-.8px;line-height:1.2}.sb-dialog [data-slot=dialog-description]{line-height:1.6;margin-bottom:8px}.text-button{background:transparent;border:0;color:#c9c8cf;font-size:14px;padding:8px}.text-button:hover{color:var(--primary)}.error-text{font-size:14px;color:#ff8d98;line-height:1.5}.success-text{font-size:14px;color:var(--primary);line-height:1.5}.muted{color:var(--muted-foreground)}
@media(max-width:700px){.landing-header{height:88px;padding:0 24px}.brand{font-size:25px}.header-login span{display:none}.header-login button{font-size:13px;padding:9px 12px}.join-hero{min-height:590px;padding:40px 22px 62px}.join-hero h1{font-size:clamp(45px,9.5vw,66px);letter-spacing:-2.8px}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero-description{font-size:16px}.landing-footer{flex-wrap:wrap;justify-content:center;padding:24px 0;gap:18px}.landing-footer>span:first-child{order:2}.landing-footer>div{width:100%;justify-content:center;gap:19px}.footer-creative{display:none}.sb-dialog{padding:26px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Shared app surfaces */
.stack{display:flex;flex-direction:column;gap:18px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #35353c;border-radius:7px;background:#1a1a1f;color:#d9d8df;font-size:14px;padding:10px 14px;min-height:40px;font-weight:500}.secondary:hover{background:#292930;border-color:#56565e}.secondary.active,.icon-button.active{color:var(--primary);background:#232a18}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:9px;border-radius:6px;color:#a5a4ae;min-width:34px;min-height:34px}.icon-button:hover{color:#f4f3f7;background:#26262d}.danger,.danger-button{color:#ff929e}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:600;background:#371c23;border:1px solid #60313c;border-radius:7px;min-height:42px}.danger-button:hover{background:#532330}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}.dialog-wide{max-width:720px!important}.sb-dialog .secondary{min-height:42px}.sb-dialog label{line-height:1.5}.sb-select{width:100%;height:44px!important;background:#1b1b20!important;color:#e2e1e6}.fine-print{color:#8c8b96;font-size:12px;line-height:1.65;margin:0}.check-label{display:flex;align-items:flex-start;gap:10px;text-align:left;font-size:12px;color:#a3a2ab;line-height:1.6}.check-label [data-slot=checkbox]{margin-top:3px;flex-shrink:0}.check-label a{color:#d3d2d8;text-decoration:underline;text-underline-offset:3px}.password-field{position:relative}.password-field input{padding-right:44px!important}.password-field button{position:absolute;top:50%;right:13px;transform:translateY(-50%);border:0;background:transparent;color:#85848e;display:flex}.email-check{padding:13px;color:var(--primary);font-size:12px}.pin-icon{margin:3px 0 7px;display:flex;align-items:center;justify-content:center;background:#242c1a;border:1px solid #3d4d25;width:56px;height:56px;border-radius:15px;color:var(--primary)}.pin-slot{height:54px;width:50px;font-size:24px;background:#1b1b20}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.busy-state{padding:100px 24px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#a5a4ad}.busy-state svg{color:var(--primary)}.busy-state p{margin:0;font-size:14px}.panel{background:#131317;border:1px solid #2b2b33;border-radius:12px;padding:25px}.center-page{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px;padding:40px 20px}.center-page>.brand{margin-bottom:10px}.invitation,.owner-setup{width:100%;max-width:490px;padding:34px;display:flex;flex-direction:column;gap:22px}.invitation h1,.owner-setup h1{font-size:30px;letter-spacing:-1px;margin:0}.owner-setup>.text-button{text-align:center}.owner-setup p{line-height:1.6}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:55px 24px}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#202025;border:1px solid #32323a;border-radius:15px;color:#97969f;margin-bottom:8px}.empty-state h3{font-size:17px;font-weight:500;letter-spacing:-.2px;margin:0}.empty-state p{font-size:14px;color:#93929d;max-width:380px;line-height:1.7;margin:0}.empty-state .text-button{display:flex;align-items:center;gap:8px}.content-page{max-width:1200px;margin:0 auto;padding:36px 40px}.content-page header{display:flex;align-items:center;justify-content:space-between}.content-page article{max-width:740px;margin:100px auto}.content-page h1{font-size:48px;line-height:1.15;letter-spacing:-2px;margin-bottom:32px}.content-page article p{white-space:pre-wrap;line-height:1.9;color:#b7b6c0;margin:0 0 25px}.app-header{height:88px;padding:0 40px;border-bottom:1px solid #27272d;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#0d0d10;position:relative;z-index:20}.app-header .brand{font-size:27px}.app-header nav{display:flex;align-items:stretch;align-self:stretch;gap:12px}.app-header nav a{display:flex;align-items:center;gap:8px;font-size:14px;padding:0 14px;color:#9e9da7;position:relative}.app-header nav a.active{color:#eaf5d6}.app-header nav a.active:after{content:'';height:2px;background:var(--primary);bottom:0;left:12px;right:12px;position:absolute}.account-nav{display:flex;align-items:center;gap:9px}.small-avatar{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#31382a;border:1px solid #4a5540;color:#d4e8b5;font-size:14px;font-weight:600;flex-shrink:0}.page-container{max-width:1220px;margin:auto;padding:50px 38px 80px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 32px}.page-heading h1{font-size:32px;letter-spacing:-1.3px;font-weight:550;margin:0 0 12px;line-height:1.2}.page-heading .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:16px;color:#96959f}.page-heading p{margin:0;font-size:14px;color:#9897a1;line-height:1.6}.page-heading>.primary{white-space:nowrap}.heading-icon{color:#6f8055}.control-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.control-header h2,.settings-panel h2{margin:0;font-size:17px;font-weight:550}.control-header .text-button{display:flex;align-items:center;gap:6px;font-size:12px}.status-badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:5px 9px;line-height:1;border:1px solid #3d3d46;border-radius:5px;text-transform:capitalize;color:#bcbac6;background:#24242b;white-space:nowrap}.status-badge.published{color:#c7e897;border-color:#455432;background:#232e19}.status-badge.pending{color:#e0c08a;border-color:#58472d;background:#2d2519}.status-badge.removed{color:#e298a4;border-color:#5a343e;background:#2e1b22}.error-banner,.info-banner{padding:14px 22px;display:flex;align-items:center;gap:11px;font-size:13px;line-height:1.65;background:#1d2218;border:1px solid #38432a;border-radius:8px;margin-bottom:24px;color:#c1ccb3}.error-banner{background:#301c23;color:#f3afb9;border-color:#5a3542}.floating-notice{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:55;display:flex;align-items:center;gap:12px;border:1px solid #424c37;border-radius:10px;padding:14px 20px;background:#20271a;color:#dfedcb;box-shadow:0 14px 60px #000a;font-size:14px;max-width:calc(100vw - 30px)}.text-link{font-size:14px;color:var(--primary);display:inline-flex;align-items:center;gap:7px}.owner-entry{color:var(--primary);font-size:12px}
/* Stage Page */
.member-actions{max-width:1260px;margin:0 auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.small-eyebrow{font-size:10px;letter-spacing:1.4px;color:#73727c}.member-actions p{margin:7px 0 0;color:#bfbdc7;font-size:14px}.member-actions>div:last-child{display:flex;gap:10px}.member-stage{max-width:1180px;margin:0 auto 60px;border:1px solid #303038;border-radius:14px;overflow:hidden}.stage-page{--stage-accent:#d4f879;overflow:hidden;min-width:0}.stage-cover{height:255px;background-size:cover;background-position:center;position:relative;overflow:hidden;border-bottom:1px solid #ffffff12}.cover-empty{background:#cfea9e;color:#26341c;display:flex;align-items:center;padding:25px 6%}.cover-empty:after{content:'';position:absolute;width:110%;height:1px;background:#26341c28;transform:rotate(-12deg);left:-5%;top:40%}.cover-wordmark{font-size:clamp(42px,6vw,72px);font-weight:700;letter-spacing:-4px;line-height:.88;position:relative;z-index:1}.cover-asterisk{font-size:205px;line-height:1;position:absolute;right:10%;top:16px;transform:rotate(-12deg);color:#26341c}.cover-caption{position:absolute;top:24px;right:25px;font-size:9px;font-weight:600;letter-spacing:1.6px;color:inherit}.cover-edit{position:absolute;right:22px;bottom:20px;border:1px solid #fff6;background:#101710cc;color:#f4f4ec;display:flex;align-items:center;gap:8px;font-size:12px;padding:9px 12px;border-radius:6px}.stage-profile-body{padding:0 5%}.profile-identity{position:relative;padding:68px 0 30px}.avatar-large{width:104px;height:104px;position:absolute;top:-50px;left:0;display:flex;align-items:center;justify-content:center;border:5px solid #101114;border-radius:50%;background:#34392f;overflow:hidden;color:#e1ebd4;font-size:29px;font-weight:600;letter-spacing:-1px}.avatar-large img{width:100%;height:100%;object-fit:cover}.profile-actions{position:absolute;right:0;top:20px;display:flex;gap:9px}.profile-actions .secondary{font-size:12px;padding:8px 12px;min-height:35px}.stage-button{background:var(--stage-accent);color:#192215;border:0;border-radius:6px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600}.profile-name-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.profile-heading h1{font-size:34px;letter-spacing:-1.3px;margin:0;line-height:1.25;font-weight:550}.role-badge{font-size:11px;border:1px solid currentColor;opacity:.75;padding:4px 8px;border-radius:4px}.profile-headline{font-size:15px;line-height:1.6;margin:10px 0 13px;opacity:.65}.profile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:20px;font-size:12px;opacity:.65}.profile-meta>span{display:flex;align-items:center;gap:5px}.profile-meta .availability{margin-left:auto;color:var(--stage-accent)}.stage-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stage-section{padding:26px;border-radius:9px;border:1px solid #ffffff0b;min-width:0;position:relative;transition:outline .15s}.stage-section.width-full{grid-column:1/-1}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.section-heading h2{font-size:17px;font-weight:500;margin:0;letter-spacing:-.4px}.section-add{background:transparent;border:1px solid #ffffff25;border-radius:50%;padding:4px;display:flex;color:inherit}.section-prose{font-size:14px;white-space:pre-wrap;line-height:1.85;margin:0;opacity:.8;overflow-wrap:anywhere}.stage-section .empty-state{padding:36px 15px;opacity:.9}.stage-section .empty-state h3{font-size:14px}.stage-section .empty-state p{font-size:12px;color:inherit;opacity:.55}.stage-section .empty-icon{background:#ffffff05;border-color:#ffffff13;color:inherit;opacity:.6}.stage-section .text-button{color:inherit;font-size:12px}.stage-footer{display:flex;justify-content:space-between;padding:30px 0;color:inherit;opacity:.4;font-size:11px}.stage-footer a{font-weight:700;letter-spacing:-.3px}.social-links{display:flex;flex-direction:column;gap:8px;margin-top:18px}.social-links a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff20;font-size:14px;padding:10px 0}.public-stage>.stage-page{max-width:1200px;margin:auto}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.media-card{background:#111114;border:1px solid #303039;border-radius:8px;overflow:hidden;color:#ecebf1;min-width:0}.media-card>img{width:100%;aspect-ratio:4/3;object-fit:cover}.media-card iframe{width:100%;height:300px;border:0;background:#080809}.media-card:has(.instagram-cover) iframe{height:400px}.embed-cover{display:block;position:relative;background:#15171c;aspect-ratio:16/9;width:100%;overflow:hidden;border:0;color:#fff}.embed-cover>img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .3s}.embed-cover:hover>img{transform:scale(1.04)}.embed-placeholder{height:100%;width:100%;display:flex;align-items:center;justify-content:center;color:#6e737e;background:linear-gradient(145deg,#292c34,#16171b)}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0a0a0bbf;backdrop-filter:blur(10px);border:1px solid #ffffff30;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.embed-label{position:absolute;bottom:15px;left:15px;font-size:12px;text-shadow:0 2px 10px #000}.instagram-cover{aspect-ratio:4/3}.instagram-cover .embed-placeholder{background:linear-gradient(145deg,#322833,#252834);align-items:flex-start;padding-top:25px}.media-caption{padding:15px;display:flex;flex-direction:column;gap:7px}.media-caption strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.media-caption>span{font-size:9px;letter-spacing:1px;color:#9593a0}.media-caption>p{font-size:13px;line-height:1.6;color:#b8b5c3;margin:3px 0 0}.embed-note{font-size:11px;line-height:1.6;color:#93919f;margin:0;padding:0 15px 15px}.embed-note a{color:#c9c6d4}.collection-actions{display:flex;align-items:center;justify-content:space-between;padding:9px 0}.sb-tabs{background:#202027;border:1px solid #303039;width:100%;padding:4px;height:auto;margin-bottom:20px;display:flex;gap:3px}.sb-tabs [data-slot=tabs-trigger]{font-size:12px;padding:8px 10px;gap:6px;flex:1;color:#9795a2}.sb-tabs [data-state=active]{background:#36363f!important;color:#eeedf3!important}.rights-note{display:flex;gap:10px;align-items:flex-start;background:#21271b;border:1px solid #35412b;padding:14px;border-radius:8px;color:#bdc6b2}.rights-note svg{color:#a8be85;margin-top:2px}.rights-note p{font-size:12px;line-height:1.7;margin:0}.upload-drop{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px;padding:38px 20px;border:1px dashed #53515f;border-radius:9px;background:#1b1b23;cursor:pointer;color:#aaa6b7}.upload-drop strong{font-size:16px;color:#e5e1ed}.upload-drop span{font-size:12px;line-height:1.6}.upload-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.text-story{display:flex;align-items:center;justify-content:center;background:#293126;color:#ebf1e0;min-height:210px;font-size:22px;line-height:1.4;padding:30px;text-align:center}
/* Studio */
.studio{background:#0e0e12}.studio-toolbar{padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #2d2d35;background:#121216}.studio-label{font-size:10px;letter-spacing:1.8px;color:#8e8b9b}.studio-toolbar h1{font-size:24px;font-weight:500;letter-spacing:-.8px;margin:5px 0 0}.studio-tools{display:flex;align-items:center;gap:8px}.tool-divider{height:22px;width:1px;background:#33313c;margin:0 4px}.studio-tools .secondary,.studio-tools .primary{font-size:12px;min-height:38px;padding:9px 12px}.studio-status{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;background:#1e2518;color:#bacba5;padding:10px 30px;border-bottom:1px solid #35412b}.studio-layout{display:flex;min-height:700px!important;align-items:stretch}.studio-sidebar{width:302px!important;min-width:302px;background:#141419!important;border-right:1px solid #2d2b36}.studio-sidebar [data-slot=sidebar-header]{padding:15px 12px 0}.studio-sidebar .sb-tabs{padding:3px;margin-bottom:0}.studio-sidebar .sb-tabs [data-slot=tabs-trigger]{padding:9px 7px;font-size:11px}.studio-controls{padding:20px 20px 35px;font-size:13px}.studio-controls h2{font-size:14px;font-weight:500;margin:0}.studio-controls .fine-print{font-size:11px}.section-list{margin:17px 0 12px;display:flex;flex-direction:column;gap:7px}.section-list-item{display:flex;align-items:center;gap:8px;border:1px solid #36323f;background:#1d1c24;border-radius:6px;padding:11px 7px;color:#908b9f}.section-list-item.selected{border-color:#8eaa63;background:#242b1f;color:#c8deaa}.section-list-item>button{border:0;background:transparent;color:#d7d3e0;text-align:left;flex:1;min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0}.section-list-item small{display:block;font-size:10px;color:#8e889d;margin-top:5px;text-transform:capitalize}.section-list-item>div{display:flex;flex-direction:column;gap:4px}.section-list-item>div>button{border:0;background:transparent;color:inherit;padding:0}.dashed-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #484251;border-radius:6px;background:transparent;padding:12px;color:#afa8ba;width:100%;font-size:12px}.section-inspector{margin-top:26px;border-top:1px solid #373140;padding-top:25px}.studio-controls label{font-size:12px}.studio-controls input:not([type=color]),.studio-controls textarea{font-size:12px;padding:10px;background:#1c1a23;border-color:#373040}.studio-controls .sb-select{height:37px!important;font-size:12px;background:#1c1a23!important}.color-row{display:flex;gap:14px;align-items:center}.color-row label{flex:1;font-size:11px;color:#ada5b7}.color-row input[type=color]{width:100%;height:34px;border:1px solid #463d4c;border-radius:4px;background:transparent;padding:3px;cursor:pointer}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-row>span{font-size:13px}.setting-row p{font-size:13px;color:#97929f;line-height:1.6;margin:7px 0 0}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-swatch{padding:0;border:1px solid #413748;background:transparent;border-radius:7px;overflow:hidden;font-size:11px;color:#c4bacd;line-height:2.8}.theme-swatch.selected{border-color:#b7cd91;color:#d6e2c4}.theme-swatch>span{height:75px;display:flex;flex-direction:column;gap:6px;padding:13px 14px}.theme-swatch i{display:block;height:13px;border-radius:2px}.theme-swatch i+i{height:23px}.file-picker{position:relative;display:flex;align-items:center;justify-content:space-between;border:1px solid #46374e;padding:12px;border-radius:6px;background:#211a27;overflow:hidden;cursor:pointer}.file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.social-editor{display:grid;grid-template-columns:1fr 30px;gap:7px}.social-editor input:first-child{grid-column:1/-1}.social-editor input{min-width:0}.studio-canvas{padding:30px;flex:1;min-width:0;background:#1b1a20;background-image:radial-gradient(#ffffff0b 1px,transparent 1px);background-size:18px 18px}.canvas-address{max-width:1100px;margin:auto;background:#27252d;padding:13px 18px;border:1px solid #49414e;border-bottom:0;border-radius:9px 9px 0 0;display:flex;align-items:center;gap:5px}.canvas-address>span:not(.canvas-draft){width:6px;height:6px;border-radius:50%;background:#635a6b}.canvas-address p{margin:0 auto;font-size:10px;color:#9990a5;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-address .canvas-draft{font-size:8px;letter-spacing:1px;color:#a4a28c}.studio-canvas>.stage-page{max-width:1100px;margin:0 auto;border:1px solid #49414e;border-radius:0 0 9px 9px;box-shadow:0 12px 30px #0003}.studio-canvas .stage-cover{height:206px}.studio-canvas .cover-wordmark{font-size:55px}.studio-canvas .cover-asterisk{font-size:170px}.studio-canvas .profile-heading h1{font-size:29px}.studio-canvas .profile-actions{display:none}.studio-canvas .profile-meta{gap:13px;font-size:10px}.studio-canvas .profile-meta .availability{margin-left:0}.studio-canvas .profile-headline{font-size:13px}.studio-canvas .stage-section{padding:24px 22px}.editable-section{cursor:pointer;outline:1px solid transparent;outline-offset:-1px}.editable-section:hover{outline-color:#d4f87988}.editable-section.selected-section{outline:2px solid var(--stage-accent);outline-offset:-2px}.section-edit-label{display:flex;align-items:center;gap:5px;color:var(--stage-accent);font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.hidden-section{opacity:.45}.studio .info-banner{margin:0;border-radius:0}.mobile-canvas>.stage-page,.mobile-canvas>.canvas-address{max-width:390px}.mobile-canvas .stage-section-grid{grid-template-columns:1fr}.mobile-canvas .stage-section.width-half{grid-column:1/-1}.mobile-canvas .media-grid{grid-template-columns:1fr}.mobile-canvas .cover-wordmark{font-size:41px;letter-spacing:-2px}.mobile-canvas .cover-asterisk{font-size:125px;right:2%;top:42px}.mobile-canvas .stage-cover{height:190px}.mobile-canvas .profile-meta{gap:9px}.mobile-canvas .profile-name-row{gap:8px}.mobile-canvas .profile-heading h1{font-size:26px}.mobile-canvas .role-badge{font-size:9px}.mobile-canvas .stage-section{padding:22px 18px}.mobile-canvas .profile-identity{padding-bottom:24px}.preview-mode{padding-top:28px}
/* Bonds, Stories, Settings */
.bond-number{padding:19px 22px;border:1px solid #3c4231;background:#1a1e16;border-radius:10px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;max-width:310px}.bond-number>span{font-size:9px;letter-spacing:1px;color:#9eae85;width:100%}.bond-number>strong{font-size:21px;letter-spacing:1px;font-weight:500}.bond-number .secondary{padding:7px 10px;min-height:33px;font-size:11px}.bond-search{display:flex;align-items:center;gap:18px;margin-bottom:30px}.bond-search>svg{color:#a3b78c}.bond-search input{border:0!important;background:transparent!important;flex:1;min-width:0}.bond-search .primary{white-space:nowrap}.page-tabs{display:flex;justify-content:flex-start;gap:24px;width:100%;height:auto;padding:0;background:none!important;border-bottom:1px solid #30303b;border-radius:0;margin:25px 0}.page-tabs [data-slot=tabs-trigger]{border:0!important;padding:15px 3px;border-radius:0;font-size:14px;color:#93909f;flex:none;box-shadow:none!important;background:none!important;position:relative;gap:8px}.page-tabs [data-state=active]{color:#dcebc6!important;border-bottom:2px solid var(--primary)!important}.page-tabs [data-slot=tabs-trigger]>span{font-size:11px;color:#aa9fb8;background:#292430;border-radius:4px;padding:2px 6px}.bond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bond-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.bond-card>.small-avatar{width:51px;height:51px;font-size:18px}.bond-card h3{font-size:17px;margin:0 0 8px;font-weight:500}.bond-card a:not(.secondary){font-size:13px;color:#b8c7a3;display:inline-flex;align-items:center;gap:5px}.bond-card p{font-size:11px;color:#8e849e;margin:8px 0 0}.bond-card-actions{display:flex;flex-direction:column;gap:7px;width:100%;margin-top:8px}.bond-card-actions .text-button{font-size:12px}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.story-card{padding:0;position:relative;aspect-ratio:9/14;border:1px solid #5c674a;border-radius:12px;background:#283323;overflow:hidden;color:#eff4e7}.story-card>img{width:100%;height:100%;object-fit:cover}.story-text-card{padding:30px 22px;display:flex;align-items:center;justify-content:center;height:85%;font-size:23px;line-height:1.4;overflow:hidden}.story-card-meta{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:50px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left}.story-card-meta strong{font-size:14px;font-weight:500}.story-card-meta span{font-size:11px;color:#cccac5}.story-full-text{font-size:28px;line-height:1.5;text-align:center;display:flex;align-items:center;justify-content:center;background:#293522;min-height:320px;padding:30px;border-radius:7px;overflow-wrap:anywhere}.story-image{max-height:55vh;width:100%;object-fit:contain;border-radius:7px}.story-progress{height:3px;background:#3f3946;border-radius:4px;overflow:hidden}.story-progress span{height:100%;display:block;background:var(--primary);transition:width 1s linear}.settings-page{max-width:960px}.settings-panel{margin-bottom:24px}.settings-panel>h2{margin-bottom:10px}.settings-panel>.setting-row{padding:24px 0;border-bottom:1px solid #302936}.settings-panel>.setting-row:last-child{border-bottom:0;padding-bottom:5px}.setting-row strong{font-size:14px;font-weight:500}.setting-row>.secondary,.setting-row>.danger-button{white-space:nowrap}.session-text{flex:1;min-width:0}.session-text p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}.session-text small{display:block;color:#82778e;font-size:10px;margin-top:6px}
/* CMS */
.admin-shell{background:#101014;min-height:100svh}.admin-sidebar [data-slot=sidebar-inner]{background:#101014;border-right:1px solid #28262f}.admin-sidebar [data-slot=sidebar-header]{padding:34px 22px 30px}.admin-sidebar .brand{font-size:27px;gap:7px}.admin-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#76717f;font-size:8px;letter-spacing:1.7px;margin-top:24px}.admin-label span{border:1px solid #3c3444;border-radius:3px;font-size:8px;padding:4px 5px;color:#aba1b6;letter-spacing:1px}.admin-sidebar [data-slot=sidebar-content]{padding:0 13px;gap:10px}.nav-caption{font-size:9px;letter-spacing:1.5px;color:#726b7e;padding:3px 12px 12px}.admin-sidebar [data-slot=sidebar-menu]{gap:7px}.admin-sidebar [data-slot=sidebar-menu-button]{height:43px;padding:10px 12px;gap:12px;font-size:13px;color:#a8a1b3}.admin-sidebar [data-slot=sidebar-menu-button][data-active=true]{background:#232b1c;color:#cee5aa}.admin-sidebar [data-slot=sidebar-menu-button][data-active=true] svg{color:var(--primary)}.nav-count{margin-left:auto;color:#d9eac1;font-size:10px;font-weight:500;background:#3a472c;padding:3px 5px;border-radius:4px}.sidebar-site-card{margin:43px 5px 20px;padding:18px;border-radius:10px;border:1px solid #352e3d;background:#18141d;display:flex;flex-direction:column;gap:8px}.site-symbol{width:34px;height:34px;border:1px solid #46394e;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#aba0b8;margin-bottom:7px}.sidebar-site-card strong{font-size:13px;font-weight:500}.sidebar-site-card>span{font-size:10px;color:#867991}.sidebar-site-card>a{font-size:11px;display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#b8c9a0}.admin-sidebar [data-slot=sidebar-footer]{padding:17px;border-top:1px solid #2a2331}.admin-owner{display:flex;align-items:center;gap:10px;padding:4px}.admin-owner>div:last-child{min-width:0}.admin-owner strong{font-size:12px;font-weight:500;display:block;color:#d2c9dd}.admin-owner span{display:block;color:#8c7b9c;font-size:10px;max-width:156px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.admin-owner .small-avatar{width:32px;height:32px;font-size:10px}.admin-main{flex:1;min-width:0;background:#121116}.admin-topbar{height:79px;border-bottom:1px solid #2e2734;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#111015}.admin-topbar>div{display:flex;align-items:center;gap:12px;font-size:12px}.admin-topbar span{color:#81758d}.admin-topbar svg{color:#82718f}.admin-topbar strong{font-weight:400;color:#c4b7d0}.admin-topbar>a{display:flex;align-items:center;gap:9px;font-size:12px;color:#c0b1cd}.admin-content{padding:42px 40px 65px;max-width:1500px;margin:auto}.admin-content .page-heading{margin-bottom:30px}.admin-content .page-heading h1{font-size:32px;letter-spacing:-1.2px;color:#ebe6f1}.admin-content .page-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:14px;color:#8b7c99}.admin-content .page-heading p{font-size:13px;color:#9b8daa}.date-label{font-size:12px;color:#8c7c9c;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat-card{padding:21px 21px 20px;background:#19151f;border:1px solid #332b3c;border-radius:10px;min-width:0}.stat-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#baa9c9}.stat-card svg{color:#9c87ae}.stat-card>strong{display:block;font-size:37px;font-weight:450;color:#eee3f7;margin:22px 0 13px;letter-spacing:-1px}.stat-card>p{color:#94819f;font-size:10px;line-height:1.5;margin:0}.setup-banner{display:flex;align-items:center;gap:18px;border:1px solid #425031;border-radius:9px;padding:21px 24px;background:#1d2418;margin-bottom:29px}.setup-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border:1px solid #4c5c38;background:#2a3620;color:#b1d47f;border-radius:10px}.setup-banner>div:nth-child(2){flex:1}.setup-banner h3{font-size:14px;font-weight:500;color:#d7e6c5;margin:0 0 7px}.setup-banner p{font-size:12px;color:#9cab8c;line-height:1.6;margin:0}.setup-banner .secondary{font-size:12px;background:#2a3521;border-color:#4c5b3e;color:#d9e9c7;white-space:nowrap}.overview-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.admin-content .panel{background:#18131e;border-color:#35293f}.overview-columns h2{font-size:15px;color:#d9cde6}.activity-row{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid #35283f}.activity-row:last-child{border-bottom:0}.activity-icon{width:33px;height:33px;border:1px solid #453451;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#a08cad;background:#251b2e;flex-shrink:0}.activity-row>div{flex:1;min-width:0}.activity-row strong{font-size:12px;font-weight:500;color:#d4c3e2;display:block}.activity-row p{font-size:10px;line-height:1.5;color:#94809f;margin:6px 0 0;overflow-wrap:anywhere}.activity-row time{font-size:10px;color:#90789d;white-space:nowrap}.quick-actions h2{margin:0 0 16px}.quick-actions>button{display:flex;align-items:center;gap:14px;text-align:left;background:transparent;border:0;border-top:1px solid #34263e;color:#a28bb1;width:100%;padding:25px 0}.quick-actions>button>span{flex:1}.quick-actions strong{display:block;font-size:12px;font-weight:500;color:#d6c2e5}.quick-actions small{display:block;font-size:10px;color:#96809f;line-height:1.6;margin-top:7px}.admin-bottom-note{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#776780;padding:30px 0 0}.filter-bar{display:flex;align-items:center;gap:18px;margin-bottom:24px}.search-field{display:flex;align-items:center;flex:1;background:#1b1522;border:1px solid #3c2d47;border-radius:8px;gap:12px;padding:5px 6px 5px 15px}.search-field svg{color:#96819f}.search-field input{background:transparent!important;border:0!important;flex:1;min-width:0;font-size:13px;padding:9px 0!important}.search-field button{font-size:12px;min-height:34px;background:#2b2034;border-color:#483252}.filter-bar>.sb-select{width:180px;font-size:13px;background:#201727!important;border-color:#44304f}.table-panel{border:1px solid #3b2a47;border-radius:10px;background:#19121f;overflow:hidden}.table-panel [data-slot=table-container]{width:100%;overflow-x:auto}.table-panel table{width:100%;border-collapse:collapse}.table-panel thead{background:#22172b}.table-panel th{font-size:11px;color:#a38bb3;padding:16px 19px;font-weight:500;white-space:nowrap}.table-panel td{font-size:12px;padding:17px 19px;border-color:#35223f;color:#c4aed3;white-space:nowrap}.table-panel tr{border-color:#35223f}.table-panel tr:hover{background:#271b30}.table-panel td strong{font-weight:500;font-size:12px}.table-person{display:flex;align-items:center;gap:11px}.table-person>div{display:flex;flex-direction:column;gap:6px}.table-person small,.table-sub{display:block;font-size:10px;color:#8f759e}.table-person>.small-avatar{width:32px;height:32px;font-size:11px}.table-actions{display:flex;gap:9px;align-items:center;justify-content:flex-end}.table-actions .secondary{font-size:11px;padding:7px 11px;min-height:31px;background:#2b1b35;border-color:#4c315c}.table-actions .icon-button{color:#a184b5}.mono{font-family:ui-monospace,monospace;font-size:11px!important}.table-sub{margin-top:6px}.sb-pagination{display:flex;justify-content:flex-end;padding:22px 0}.sb-pagination ul{display:flex;gap:12px;align-items:center}.sb-pagination span{font-size:11px;color:#9b7faa;margin-right:12px}.sb-pagination .secondary{font-size:11px;min-height:33px;background:#24162d;border-color:#3f284c}.moderation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.moderation-card{padding:0;overflow:hidden}.moderation-card .media-card{border:0;border-radius:0}.moderation-card .media-caption{padding:16px 19px}.moderation-meta{padding:16px 19px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid #35253f}.moderation-meta>a{font-size:11px;display:flex;gap:4px;align-items:center;flex:1;color:#c7b3d5}.moderation-meta p{font-size:11px;color:#ad8eba;line-height:1.6;width:100%;margin:0 0 4px}.moderation-meta>.secondary{width:100%;font-size:12px}.report-list{display:flex;flex-direction:column;gap:16px}.report-card{display:flex;align-items:center;gap:20px}.report-card>div{flex:1}.report-card h3{margin:0 0 8px;font-size:16px;font-weight:500}.report-card p{font-size:13px;line-height:1.6;color:#ab92b9;margin:0 0 8px}.report-card small{font-size:11px;color:#9477a3}.report-card .empty-icon{margin:0;width:45px;height:45px;flex-shrink:0}.input-prefix{display:flex;align-items:center;border:1px solid #44374d;border-radius:7px;background:#201924}.input-prefix>span{font-size:13px;color:#9f8eab;padding-left:15px}.input-prefix>input{border:0!important;background:transparent!important;padding-left:4px!important}.revision-list{padding-top:18px;border-top:1px solid #44334f;display:flex;flex-direction:column;gap:10px}.security-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.security-columns .settings-panel{margin-bottom:24px}.security-columns p.muted{font-size:13px;line-height:1.8;margin:20px 0 14px}.security-columns .text-link{font-size:12px;margin-bottom:22px}.security-columns .stack{gap:14px}.security-columns input{font-size:14px}.security-columns .primary{font-size:12px}.sender-card{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #39273f;color:#c6b0d6}.sender-card strong{font-size:14px;font-weight:500}.sender-card p{font-size:10px;color:#a386b2;margin:7px 0 0}.security-row{display:flex;align-items:flex-start;gap:13px;padding:17px 0;border-bottom:1px solid #38233f}.security-row:last-child{border:0}.security-row svg{color:#a4bb83;margin-top:2px}.security-row strong{font-size:12px;font-weight:500;color:#cdb5dd}.security-row p{font-size:11px;color:#a084af;line-height:1.5;margin:7px 0 0}.security-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}.security-feature-grid>div{display:flex;align-items:center;gap:9px;font-size:12px;color:#c9b2d9}.security-feature-grid svg{color:#adbd8a}.audit-actor{max-width:200px;overflow:hidden;text-overflow:ellipsis;font-family:monospace;font-size:10px!important}.admin-studio{padding:0;max-width:none}.admin-studio .studio-toolbar{padding:25px 25px}.admin-studio .studio-sidebar{min-width:278px;width:278px!important}.admin-studio .studio-canvas{padding:24px}.admin-studio .studio-tools{gap:3px}.admin-studio .studio-tools .secondary{padding:8px}.admin-studio .studio-toolbar h1{font-size:23px}.mobile-nav-trigger{display:none!important}
/* Responsive */
@media(min-width:1550px){.admin-content{padding:50px}.stats-grid{gap:24px}.stat-card{padding:25px}.stat-card>strong{font-size:44px}.admin-sidebar [data-slot=sidebar-menu-button]{height:46px}}
@media(max-width:1200px){.admin-content{padding:34px 26px}.admin-topbar{padding:0 26px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.overview-columns{grid-template-columns:1fr}.moderation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-studio .studio-toolbar{align-items:flex-start;flex-direction:column}.studio-sidebar{min-width:275px!important;width:275px!important}.studio-canvas{padding:22px}.studio-canvas .stage-section-grid{grid-template-columns:1fr}.studio-canvas .width-half{grid-column:1/-1}.studio-canvas .cover-asterisk{font-size:143px;right:4%;top:39px}.studio-canvas .cover-wordmark{font-size:46px}.studio-tools{gap:4px}.story-grid{grid-template-columns:repeat(3,1fr)}.bond-grid{grid-template-columns:repeat(2,1fr)}.security-columns{grid-template-columns:1fr}.admin-content .date-label{display:none}.profile-meta .availability{margin-left:0}}
@media(max-width:900px){.app-header{padding:0 22px;gap:10px}.app-header .brand{font-size:24px}.app-header nav{gap:0}.app-header nav a{font-size:12px;padding:0 10px;gap:6px}.account-nav{gap:2px}.member-actions{padding:24px;align-items:flex-start}.member-actions>div:first-child{max-width:200px}.member-actions .primary,.member-actions .secondary{font-size:12px;padding:10px}.member-stage{margin:0 20px 40px}.studio-toolbar{flex-direction:column;align-items:flex-start}.studio-tools{flex-wrap:wrap;gap:7px}.studio-sidebar{min-width:240px!important;width:240px!important}.studio-controls{padding:15px}.studio-sidebar .sb-tabs [data-slot=tabs-trigger]{font-size:10px;padding:7px 5px}.studio-sidebar .sb-tabs svg{display:none}.studio-canvas{padding:18px}.studio-canvas .stage-profile-body{padding:0 6%}.studio-canvas .stage-cover{height:170px}.studio-canvas .cover-wordmark{font-size:37px;letter-spacing:-2px}.studio-canvas .cover-asterisk{font-size:111px;top:44px;right:2%}.studio-canvas .profile-meta{gap:10px}.studio-canvas .media-grid{grid-template-columns:1fr}.studio-canvas .profile-heading h1{font-size:25px}.setup-banner{flex-wrap:wrap}.setup-banner>.secondary{margin-left:60px}.admin-content .page-heading h1{font-size:27px}.admin-content .page-heading{align-items:flex-start}.admin-content .page-heading>.primary{font-size:11px;padding:10px}.admin-content .filter-bar{flex-direction:column;align-items:stretch}.filter-bar>.sb-select{width:100%}.moderation-grid{grid-template-columns:1fr}.security-feature-grid{grid-template-columns:1fr}.admin-studio .studio-layout{flex-direction:column}.admin-studio .studio-sidebar{width:100%!important;max-height:450px;border-bottom:1px solid #3b3046}.admin-studio .studio-sidebar [data-slot=sidebar-content]{overflow:auto}.admin-studio .studio-canvas{min-width:0;flex:none}.admin-studio .studio-canvas .stage-cover{height:215px}.admin-studio .studio-canvas .cover-wordmark{font-size:48px}.admin-studio .studio-canvas .cover-asterisk{font-size:163px}.report-card{flex-wrap:wrap}.report-card>.secondary{margin-left:64px}.bond-number{max-width:260px}}
@media(max-width:767px){.mobile-nav-trigger{display:inline-flex!important}.admin-topbar{height:65px;padding:0 20px}.admin-content{padding:30px 20px}.admin-content .page-heading{flex-direction:column;gap:20px}.admin-content .page-heading h1{font-size:29px}.admin-studio{padding:0}.stats-grid{gap:12px}.stat-card{padding:18px 16px}.stat-card>div{font-size:11px}.stat-card>strong{font-size:34px}.stat-card>p{font-size:9px}.setup-banner{padding:20px;gap:14px}.setup-banner>div:nth-child(2){min-width:calc(100% - 68px)}.setup-banner h3{font-size:14px;line-height:1.5}.setup-banner>.secondary{margin-left:58px}.overview-columns .panel{padding:22px}.admin-bottom-note{font-size:9px}.security-columns{gap:0}.security-feature-grid{gap:16px}.table-panel th,.table-panel td{padding:15px}.table-panel .small-avatar{display:none}.sb-pagination ul{gap:7px}.sb-pagination span{font-size:10px;margin-right:5px}.sb-pagination .secondary{font-size:10px;padding:7px}.sidebar-site-card{margin-top:30px}.admin-sidebar .brand{font-size:25px}.studio-toolbar{padding:22px 20px}.studio-label{font-size:9px}.studio-tools{width:100%;gap:4px}.studio-tools .secondary span{display:none}.studio-tools .primary{margin-left:auto;font-size:11px}.studio-tools .icon-button{min-width:31px;padding:7px}.studio-tools .secondary{padding:8px}.studio-layout{flex-direction:column}.studio-sidebar{min-width:0!important;width:100%!important;max-height:510px;border-bottom:1px solid #3a3044}.studio-sidebar [data-slot=sidebar-content]{overflow:auto}.studio-sidebar .sb-tabs [data-slot=tabs-trigger]{font-size:12px}.studio-sidebar .sb-tabs svg{display:block}.studio-controls{padding:18px 22px 25px}.section-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-controls>.stack,.section-inspector{max-width:600px;margin-left:auto;margin-right:auto}.studio-canvas{padding:22px 15px;flex:none}.studio-canvas .stage-cover{height:200px}.studio-canvas .cover-wordmark{font-size:45px}.studio-canvas .cover-asterisk{font-size:149px;right:6%;top:32px}.studio-canvas .stage-section-grid{grid-template-columns:1fr}.studio-canvas .stage-section{padding:23px 19px}.studio-canvas .profile-identity{padding-top:64px}.studio-canvas .profile-heading h1{font-size:29px}.page-container{padding:35px 22px 60px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:29px}.page-heading p{font-size:14px}.page-heading .eyebrow{font-size:9px}.app-header{height:auto;min-height:77px;padding:19px 22px 0;flex-wrap:wrap;gap:15px}.app-header>.brand{margin-bottom:16px}.app-header>.account-nav{order:2;margin-bottom:16px}.app-header>nav{order:3;width:100%;height:45px;justify-content:space-between}.app-header>nav a{font-size:12px;padding:0 5px;flex:1;justify-content:center}.app-header>nav a.active:after{left:5px;right:5px}.public-stage>.app-header{padding:20px;height:82px;flex-wrap:nowrap}.public-stage>.app-header>.brand{margin:0}.public-stage>.app-header>.secondary{font-size:12px}.member-actions{flex-direction:column;padding:25px 20px;gap:20px}.member-actions>div:first-child{max-width:none}.member-actions>div:last-child{flex-wrap:wrap;width:100%;gap:8px}.member-actions .primary{flex:1}.member-stage{margin:0 12px 30px}.stage-cover{height:220px}.cover-wordmark{font-size:48px;letter-spacing:-3px}.cover-asterisk{font-size:155px;right:2%;top:30px}.cover-caption{font-size:7px;right:20px}.stage-profile-body{padding:0 6%}.profile-identity{padding-top:72px}.avatar-large{height:86px;width:86px;top:-40px;border-width:4px;font-size:25px}.profile-actions{top:18px;gap:6px}.profile-actions .secondary,.stage-button{font-size:10px;padding:7px 8px;min-height:30px;gap:4px}.profile-actions svg{width:12px}.profile-heading h1{font-size:30px}.profile-meta{font-size:10px;gap:12px}.profile-headline{font-size:14px}.profile-name-row{gap:10px}.role-badge{font-size:10px}.stage-section-grid{grid-template-columns:1fr;gap:14px}.width-half{grid-column:1/-1}.stage-section{padding:23px 20px}.section-heading h2{font-size:16px}.section-prose{font-size:14px}.media-grid{grid-template-columns:1fr}.bond-grid{grid-template-columns:1fr 1fr;gap:12px}.bond-card{padding:20px 17px}.bond-card h3{font-size:16px}.bond-card-actions .secondary,.bond-card-actions .primary{font-size:11px}.bond-search{gap:10px;padding:13px;flex-wrap:wrap}.bond-search>svg{width:18px}.bond-search>input{font-size:13px}.bond-search>.primary{width:100%;font-size:13px}.bond-number{max-width:none;width:100%}.bond-number>span{width:auto;flex:1;line-height:1.7}.bond-number>strong{font-size:18px}.page-tabs{gap:15px}.page-tabs [data-slot=tabs-trigger]{font-size:12px;gap:5px}.page-tabs [data-slot=tabs-trigger]>span{font-size:9px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.story-text-card{font-size:18px;padding:18px 15px}.story-card-meta{padding:35px 14px 16px}.story-card-meta strong{font-size:12px}.settings-panel{padding:22px 20px}.settings-panel .setting-row{gap:14px;flex-wrap:wrap}.settings-panel .setting-row>.secondary,.settings-panel .setting-row>.danger-button{font-size:12px}.settings-panel .setting-row>div{flex:1;min-width:190px}.settings-panel .control-header{flex-wrap:wrap}.settings-panel .control-header>.secondary{font-size:11px}.heading-icon{display:none}.content-page{padding:26px 22px}.content-page header .secondary{font-size:11px;padding:9px}.content-page header .brand{font-size:24px}.content-page article{margin:70px 0}.content-page h1{font-size:37px;letter-spacing:-1.5px}.content-page article p{font-size:15px}.floating-notice{font-size:12px;padding:12px 16px;width:max-content;max-width:calc(100vw - 30px)}.invitation,.owner-setup{padding:27px 23px}.pin-slot{width:43px;height:51px}.owner-entry{display:none}}

/* Reading sizes for frequently used controls */
.admin-label,.nav-caption,.studio-label,.small-eyebrow,.eyebrow,.admin-content .page-heading .eyebrow{font-size:12px}.admin-label{letter-spacing:1px}.admin-label span{font-size:12px}.admin-sidebar [data-slot=sidebar-menu-button]{font-size:14px;min-height:44px}.sidebar-site-card strong,.admin-owner strong{font-size:14px}.sidebar-site-card>span,.sidebar-site-card>a,.admin-owner span{font-size:12px}.admin-topbar>div,.admin-topbar>a{font-size:14px}.stat-card>div,.setup-banner h3{font-size:14px}.stat-card>p,.setup-banner p,.setup-banner .secondary{font-size:12px}.admin-content .page-heading p{font-size:14px}.overview-columns h2{font-size:17px}.quick-actions strong,.activity-row strong{font-size:14px}.quick-actions small,.activity-row p,.activity-row time{font-size:12px}.table-panel th,.table-panel td,.table-panel td strong,.table-actions .secondary{font-size:14px}.table-person small,.table-sub,.mono,.date-label,.sb-pagination span,.sb-pagination .secondary{font-size:12px!important}.search-field input,.search-field button,.filter-bar>.sb-select{font-size:14px}.moderation-meta>a,.moderation-meta p,.moderation-meta>.secondary{font-size:14px}.security-row strong,.security-feature-grid>div,.security-columns p.muted{font-size:14px}.security-row p,.security-columns .text-link,.sender-card p,.security-columns .primary{font-size:12px}.studio-controls label,.studio-controls h2,.studio-controls input:not([type=color]),.studio-controls textarea,.studio-controls .sb-select{font-size:14px}.section-list-item>button{font-size:14px}.section-list-item small,.studio-controls .fine-print,.studio-sidebar .sb-tabs [data-slot=tabs-trigger],.dashed-button,.theme-swatch,.color-row label,.section-edit-label{font-size:12px}.studio-controls .sb-select{height:42px!important}.section-prose{font-size:16px}.profile-meta,.role-badge,.stage-footer{font-size:12px}.stage-section .empty-state h3{font-size:16px}.stage-section .empty-state p,.stage-section .text-button{font-size:14px}.media-caption>span,.embed-note{font-size:12px}.fine-print,.form-note{font-size:13px}.profile-headline{font-size:16px}.missing-image{min-height:180px;display:flex;flex-direction:column;gap:15px;font-size:14px}.studio-canvas .profile-headline{font-size:14px}.studio-canvas .profile-meta{font-size:12px}.canvas-address p,.canvas-address .canvas-draft{font-size:12px}.story-card-meta strong{font-size:14px}.story-card-meta span,.session-text p,.session-text small{font-size:12px}.check-label{font-size:13px}.bond-card p,.bond-card-actions .text-button,.bond-number>span{font-size:12px}.member-actions>div:first-child{max-width:260px}.member-actions>div:last-child{flex-wrap:wrap}.rights-note p{font-size:13px}
@media(max-width:767px){.admin-content .page-heading .eyebrow{font-size:12px}.stat-card>div{font-size:13px}.admin-label,.nav-caption{font-size:12px}.section-list-item>button{font-size:12px}.studio-controls label,.studio-controls input:not([type=color]),.studio-controls textarea{font-size:14px}.studio-canvas .profile-meta{font-size:12px}.studio-canvas .stage-section .empty-state p{font-size:14px}.studio-canvas .section-prose{font-size:16px}.canvas-address p{font-size:11px}.table-panel th,.table-panel td{font-size:13px}.member-actions>div:first-child{max-width:none}.member-actions .primary{min-width:160px}.eyebrow{font-size:10px;letter-spacing:1.5px}.studio-label,.small-eyebrow{font-size:12px}.pin-slot{font-size:22px}.page-tabs [data-slot=tabs-trigger]{font-size:13px}.section-prose{font-size:16px}}

/* Approved STAGE BOND wordmark: display-crop the original without redrawing it. */
.brand{width:238px;max-width:100%;flex-shrink:0;line-height:0;letter-spacing:normal;gap:0}
.brand-logo{display:block;width:100%;height:auto;overflow:hidden}
.landing-header .brand{width:280px}
.admin-sidebar .brand{width:210px}
.join-hero>.eyebrow{text-transform:none;letter-spacing:.04em;font-size:16px}
.role-window{min-width:0;width:100%;height:1.2em}
.rotating-role{white-space:nowrap}
.footer-creative{font-size:13px;letter-spacing:.02em}
@media(max-width:900px){.app-header .brand{width:205px}}
@media(max-width:700px){.landing-header{padding:0 20px}.landing-header .brand{width:min(51vw,230px)}.brand{width:200px}.join-hero h1{font-size:clamp(30px,8.2vw,58px);letter-spacing:-.045em}.join-hero>.eyebrow{font-size:14px}.content-page header{flex-wrap:wrap;gap:18px}.public-stage>.app-header>.brand{width:min(47vw,205px)}}
@media(prefers-reduced-motion:reduce){.rotating-role{animation:none}}