:root{--green:#1d2e27;--green-light:#2e493b;--cream:#fce9d6;--paper:#f6f5f0;--ink:#25352e;--muted:#7b8278;--line:#e2e4db;--white:#fff;--accent:#d4e2a4;--danger:#9c3d34}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #91a45d}button{color:inherit}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.8px;margin-bottom:12px;font-size:clamp(30px,3vw,43px);font-weight:500;line-height:1.12}h2{letter-spacing:-.4px;margin-bottom:8px;font-size:18px}h3{margin-bottom:12px;font-size:15px}p{line-height:1.65}hr{border:0;border-top:1px solid var(--line);margin:25px 0}.eyebrow{letter-spacing:2px;margin-bottom:15px;font-size:9px;font-weight:700;line-height:1.8}.hint{color:var(--muted);margin:14px 0 0;font-size:11px;line-height:1.7}.hint svg{vertical-align:middle}.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}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:12px 17px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s;display:inline-flex}.button.primary{background:var(--green);color:var(--cream)}.button.primary:hover:not(:disabled){background:var(--green-light);box-shadow:0 4px 12px #1d2e2718}.button.secondary{background:var(--white);border-color:var(--line);color:var(--ink)}.button.secondary:hover:not(:disabled){background:#f4f5ee}.button.small{min-height:34px;padding:8px 11px;font-size:11px}.button.full{width:100%}.text-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:5px 0;font-size:12px;display:inline-flex}.text-button:hover{color:var(--ink)}.studio-shell{min-height:100dvh;display:flex}.sidebar{background:var(--green);width:234px;color:var(--cream);z-index:20;flex-direction:column;padding:30px 20px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{padding:3px 12px 34px;text-decoration:none;display:block}.brand img{width:137px;height:auto;display:block}.brand span{letter-spacing:1.4px;color:#d9c9b4;margin-top:15px;font-size:6.5px;display:block}.nav-caption{color:#9fafa0;letter-spacing:1.7px;margin:14px;font-size:8px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button{text-align:left;color:#bac8bb;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:12px;padding:13px 14px;font-size:12px;display:flex}.sidebar nav button.active{color:var(--cream);background:#fce9d60f;border-color:#fce9d618}.sidebar nav button:not(.active):hover:not(:disabled){background:#fce9d608}.sidebar nav button span{color:#c3ceaf;background:#fce9d610;border-radius:3px;margin-left:auto;padding:4px 6px;font-size:10px}.sidebar-note{margin-top:auto;padding:32px 13px 25px;font-size:11px}.small-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-bottom:14px;display:block}.sidebar-note strong{font-size:12px;font-weight:400}.sidebar-note p{color:#a0b1a4;margin-top:9px;font-size:10px;line-height:1.8}.account-box{border-top:1px solid #fce9d61b;align-items:center;gap:9px;min-width:0;padding:20px 5px 0;display:flex}.avatar{width:32px;height:32px;color:var(--green);background:#e2e8d3;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.account-box>div{min-width:0}.account-box strong{text-overflow:ellipsis;max-width:124px;font-size:9px;font-weight:400;display:block;overflow:hidden}.account-box small{letter-spacing:.7px;color:#a0b1a4;text-transform:uppercase;margin-top:5px;font-size:8px;display:block}.account-box button{color:#a0b1a4;background:0 0;border:0;margin-left:auto;padding:4px}.studio-body{flex:1;min-width:0;margin-left:234px}.studio-topbar{border-bottom:1px solid var(--line);height:69px;color:var(--muted);background:#fbfcf8;justify-content:space-between;align-items:center;gap:20px;padding:0 40px;font-size:11px;display:flex}.studio-topbar>span>b{color:#bbbfb4;margin:0 10px;font-weight:400}.studio-topbar>div{align-items:center;gap:18px;display:flex}.environment{color:#5c694a;letter-spacing:1px;white-space:nowrap;background:#eaf0df;border:1px solid #dde6cd;border-radius:4px;align-items:center;gap:7px;padding:6px 8px;font-size:8px;display:inline-flex}.environment i{background:#7e9151;border-radius:50%;width:5px;height:5px}.disconnected{align-items:center;gap:6px;font-size:9px;display:flex}.studio-main{max-width:1500px;margin:0 auto;padding:40px}.page-heading{justify-content:space-between;align-items:center;gap:28px;margin-bottom:32px;display:flex}.page-heading .eyebrow{color:#7c8966;margin-bottom:13px}.page-heading>div>p:last-child{color:var(--muted);margin-bottom:0;font-size:12px}.heading-actions{flex-shrink:0;gap:9px;display:flex}.page-heading>div:first-child{min-width:0}.page-heading h1{overflow-wrap:anywhere}.stat-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:21px 23px}.stat-card>div{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-card svg{color:#8b9875}.stat-card>strong{letter-spacing:-1.5px;margin-top:14px;font-size:38px;font-weight:400;line-height:1.4;display:block}.stat-card>p{color:#93998d;margin:5px 0 0;font-size:9px}.projects-panel{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.project-list-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 21px;display:flex}.filters{flex-wrap:wrap;gap:4px;display:flex}.filters button{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:9px 11px;font-size:10px}.filters button[aria-pressed=true]{color:var(--ink);background:#eef1e6;font-weight:700}.search-field input{border:1px solid var(--line);width:180px;color:var(--ink);background:#fafbf7;border-radius:5px;padding:10px 12px;font-size:10px}.empty-state{text-align:center;max-width:500px;margin:auto;padding:55px 20px 60px}.empty-art{color:#7e8b68;background:#f0f3e7;border:1px solid #e2e7d5;border-radius:13px;justify-content:center;align-items:center;width:74px;height:74px;margin:0 auto 25px;display:flex;position:relative;transform:rotate(-5deg)}.empty-art>span{background:var(--green);width:29px;height:29px;color:var(--cream);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-6px;right:-6px}.empty-state .eyebrow{color:#8b957a;letter-spacing:1.5px;font-size:8px}.empty-state h2{letter-spacing:-.7px;margin-bottom:13px;font-size:24px;font-weight:400}.empty-state>p:not(.eyebrow){color:var(--muted);margin-bottom:24px;font-size:12px}.workspace-footer{letter-spacing:1.5px;color:#8e9787;justify-content:space-between;padding-top:25px;font-size:8px;display:flex}.list-head,.project-row{grid-template-columns:minmax(220px,1fr) 100px 120px 140px;align-items:center;gap:15px;padding:14px 22px;display:grid}.list-head{color:#9ba18f;letter-spacing:1px;background:#fbfcf8;font-size:8px}.project-row{border-top:1px solid #eef0e9;min-height:100px}.project-open{text-align:left;background:0 0;border:0;align-items:center;gap:16px;min-width:0;padding:0;display:flex}.project-open>span{min-width:0}.project-open strong{text-overflow:ellipsis;white-space:nowrap;max-width:290px;font-size:13px;display:block;overflow:hidden}.project-open small{color:var(--muted);margin-top:8px;font-size:9px;display:block}.list-cover{background:#edf0e5;border-radius:4px;flex-shrink:0;width:72px;height:54px;overflow:hidden}.list-cover img,.list-cover video{object-fit:cover;width:100%;height:100%}.list-cover .media-placeholder span{display:none}.list-cover .media-placeholder svg{width:18px}.badge{letter-spacing:.2px;border-radius:4px;align-items:center;width:fit-content;padding:6px 8px;font-size:9px;font-weight:400;display:inline-flex}.badge.draft{color:#90763b;background:#f6efde}.badge.published{color:#668047;background:#e9f0df}.badge.hidden{color:#85818a;background:#eeeef0}.project-row time{color:var(--muted);font-size:10px}.row-actions{flex-wrap:wrap;gap:10px;display:flex}.row-actions button{color:#657355;background:0 0;border:0;padding:3px 0;font-size:10px}.row-actions .danger-text{color:#aa7b70}.panel{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:23px;padding:27px}.section-title{align-items:center;gap:14px;margin-bottom:25px;display:flex}.section-title h2{margin-bottom:5px;font-weight:500}.section-title p{color:var(--muted);margin-bottom:0;font-size:11px}.step-number{color:#85956b;background:#f0f2e8;border:1px solid #e3e8d6;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;display:flex}.required-tag{color:#9a9e90;white-space:nowrap;margin-left:auto;font-size:8px}.required-tag.optional{background:#f3f3ef;border-radius:3px;padding:5px 8px}.field{flex-direction:column;gap:8px;margin:0 0 20px;font-size:11px;font-weight:600;line-height:1.5;display:flex;position:relative}.field>span{color:#ab745c;position:absolute;top:0;left:79px}.field input,.field textarea,.field select{width:100%;color:var(--ink);background:#fff;border:1px solid #dce0d4;border-radius:5px;padding:12px 13px;font-size:12px;font-weight:400;line-height:1.6;display:block}.field textarea{resize:vertical;min-height:90px}.field input::placeholder,.field textarea::placeholder{color:#a7ad9f}.field small{color:#969c8e;align-self:flex-end;font-size:9px;font-weight:400}.field:last-child{margin-bottom:0}.editor-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.save-indicator{color:#899776;align-items:center;gap:6px;font-size:10px;display:flex}.save-indicator.dirty{color:#a28b51}.save-indicator.error{color:var(--danger)}.save-indicator.saving{color:#7a8d70}.editor-heading{margin-bottom:25px}.editor-heading h1{letter-spacing:-1.1px;font-size:33px}.editor-heading .eyebrow{align-items:center;gap:10px;display:flex}.editor-heading .badge{letter-spacing:0;font-size:8px}.editor-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.editor-main{min-width:0}.editor-aside{position:sticky;top:20px}.editor-aside .panel{padding:22px}.editor-aside .eyebrow{color:#929c84;font-size:8px}.cover-preview{aspect-ratio:16/10;background:#f0f2e8;border-radius:5px;margin-bottom:20px;overflow:hidden}.cover-preview>img,.cover-preview>video{object-fit:cover;width:100%;height:100%}.publish-panel>h3{overflow-wrap:anywhere;line-height:1.5}.project-facts{flex-direction:column;gap:12px;margin-top:20px;display:flex}.project-facts>span{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.project-facts b{color:#5f6c58;font-weight:400}.publish-checks{color:#8a907f;margin-bottom:22px;padding-left:16px;font-size:10px;line-height:1.9}.test-note{color:#9b9e90;align-items:flex-start;gap:6px;margin-top:14px;margin-bottom:0;font-size:9px;line-height:1.7;display:flex}.test-note svg{margin-top:2px}.editor-help{color:#919b82;padding:3px 14px}.editor-help>svg{margin-bottom:12px}.editor-help h3{color:#7b886b;margin-bottom:8px;font-size:12px;font-weight:500}.editor-help p{margin-bottom:0;font-size:10px;line-height:1.8}.upload-zone{text-align:center;cursor:pointer;background:#fafbf6;border:1px dashed #ccd6bb;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:26px 15px;transition:background .15s;display:flex;position:relative}.upload-zone:hover{background:#f3f6ea}.upload-zone>svg{color:#83956d;margin-bottom:12px}.upload-zone strong{margin-bottom:7px;font-size:12px;font-weight:500}.upload-zone>span{color:#969f87;font-size:9px;line-height:1.7}.upload-zone input,.upload-video input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-zone:focus-within,.upload-video:focus-within{outline-offset:3px;outline:3px solid #91a45d}.upload-zone.disabled{opacity:.5;pointer-events:none}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.image-tile{border:1px solid var(--line);border-radius:6px;padding:5px;overflow:hidden}.image-tile.is-cover{background:#f8faf3;border-color:#91a96b}.image-frame{aspect-ratio:4/3;background:#eef1e6;border-radius:3px;position:relative;overflow:hidden}.image-frame img{object-fit:cover;width:100%;height:100%}.cover-label{background:var(--green);color:var(--cream);letter-spacing:.7px;border-radius:3px;align-items:center;gap:4px;padding:5px 6px;font-size:7px;display:flex;position:absolute;top:6px;left:6px}.image-tile>p{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin:9px 4px 7px;font-size:9px;overflow:hidden}.cover-choice{color:#6f8259;background:#f4f7ed;border:1px solid #e2e8d7;border-radius:3px;width:100%;padding:7px 3px;font-size:8px}.cover-choice[aria-pressed=true]{color:#577044;background:#e7eedc}.image-tools{align-items:center;gap:5px;margin-top:5px;display:flex}.image-tools button{border:1px solid var(--line);background:#fff;border-radius:3px;padding:3px 7px;font-size:9px}.image-tools button:last-child{color:#a08073;margin-left:auto;font-size:8px}.upload-progress{flex-direction:column;gap:10px;margin-top:15px;font-size:10px;display:flex}.upload-progress span{overflow-wrap:anywhere;justify-content:space-between;gap:10px;margin-bottom:5px;display:flex}.upload-progress b{color:var(--muted);font-weight:400}progress{accent-color:#8eaa61;width:100%;height:5px}.optional-section{border:1px solid var(--line);border-radius:6px;margin-bottom:12px;overflow:hidden}.section-toggle{cursor:pointer;align-items:center;gap:13px;padding:17px;display:flex}.section-toggle>svg{color:#8b9879}.section-toggle>span{flex:1}.section-toggle strong{font-size:12px;font-weight:500;display:block}.section-toggle small{color:#969e8c;margin-top:5px;font-size:10px;line-height:1.6;display:block}.section-toggle input{width:17px;height:17px;accent-color:var(--green);flex-shrink:0}.expanded>.section-toggle{border-bottom:1px solid var(--line);background:#f8faf4}.optional-content{padding:18px}.optional-content .field{margin-bottom:0}.upload-video{position:relative;overflow:hidden}.video-file{overflow-wrap:anywhere;align-items:center;gap:9px;margin-bottom:15px;font-size:11px;display:flex}.video-file span{min-width:0}.media-placeholder{color:#a1ae8a;background:#edf1e3;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;min-height:50px;display:flex}.media-placeholder span{font-size:9px;font-weight:400}.alert{color:#6f7c5e;background:#edf1e5;border:1px solid #dfe6d2;border-radius:5px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 16px;font-size:11px;line-height:1.7;display:flex}.alert.error{color:#9d5144;background:#fbefec;border-color:#efd2ca}.alert.success{color:#5d7c46;background:#edf5e5}.alert.subtle{background:#f1f3eb;padding:10px 14px;font-size:10px}.demo-banner{color:#9c8346;background:#fff8e7;border-bottom:1px solid #ede0bd;justify-content:space-between;align-items:center;gap:20px;padding:10px 40px;font-size:10px;line-height:1.6;display:flex}.demo-banner strong{font-weight:600}.demo-banner label{white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:flex}.demo-banner select{background:#fffaf0;border:1px solid #e1d1a7;border-radius:3px;padding:5px 8px;font-size:9px}.loading-state{min-height:55vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:12px;display:flex}.loader{border:2px solid #d8dfca;border-top-color:#7c925e;border-radius:50%;width:17px;height:17px;animation:.8s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.invite-form{grid-template-columns:minmax(180px,1fr) 170px auto;align-items:end;gap:18px;display:grid}.invite-form .field{margin-bottom:0}.member-list{margin-top:20px}.member{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:18px 0;display:flex}.member>div{flex:1;min-width:180px}.member strong{overflow-wrap:anywhere;font-size:11px;font-weight:500}.member small{color:var(--muted);margin-top:6px;font-size:9px;display:block}.member select{border:1px solid var(--line);background:#fff;border-radius:4px;padding:9px;font-size:11px}.role-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.role-card{background:#eef1e6;border:1px solid #e0e5d5;border-radius:6px;padding:22px}.role-card svg{color:#8c9b75;margin-bottom:12px}.role-card h3{margin-bottom:8px;font-size:12px}.role-card p{color:#8b957e;margin-bottom:0;font-size:10px}.guide h2{margin-top:30px;font-weight:500}.guide h2:first-child{margin-top:0}.guide p{color:var(--muted);max-width:80ch;font-size:12px}.project-preview{background:var(--green);width:min(950px,94vw);max-height:91dvh;color:var(--cream);border:1px solid #e7d8bd55;border-radius:4px;margin:auto;padding:0}.project-preview::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06130de0}.preview-inner{padding:35px 45px;animation:.4s both preview-in}.preview-top{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.preview-top img{width:105px}.preview-close{color:var(--cream);letter-spacing:1px;background:0 0;border:0;align-items:center;gap:8px;padding:10px;font-size:10px;display:flex}.preview-inner>.eyebrow{color:#b9c5af;font-size:8px}.preview-inner h1{overflow-wrap:anywhere;margin-bottom:25px;font-size:clamp(30px,5vw,55px);font-weight:400}.preview-cover{background:#2b4132;height:230px;margin-bottom:30px;overflow:hidden}.preview-cover>img{object-fit:cover;width:100%;height:100%}.preview-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.85}.preview-scope{color:#c4ceb8;white-space:pre-wrap;font-size:11px;line-height:1.9}.preview-scope strong{letter-spacing:2px;font-size:8px}.preview-tabs{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.preview-tabs button{color:var(--cream);background:0 0;border:1px solid #fce9d63a;padding:10px 14px;font-size:10px}.preview-tabs button[aria-selected=true]{background:var(--cream);color:var(--green)}.preview-media{aspect-ratio:16/9;background:#132019;justify-content:center;align-items:center;margin-top:15px;display:flex;overflow:hidden}.preview-media>img,.preview-media>video{object-fit:contain;width:100%;height:100%}.preview-media .media-placeholder,.preview-cover .media-placeholder{color:#82957b;background:#2b4132;width:100%}.gallery-nav{justify-content:center;align-items:center;gap:25px;margin-top:15px;font-size:10px;display:flex}.gallery-nav button{color:var(--cream);background:0 0;border:1px solid #fce9d63a;padding:7px 13px}.project-preview.closing,.project-preview.closing::backdrop{pointer-events:none;animation:.45s forwards preview-out}@keyframes preview-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes preview-out{to{opacity:0}}.setup-shell{background:var(--green);min-height:100dvh;color:var(--cream);flex-direction:column;padding:35px 7vw;display:flex}.setup-brand{align-items:center;gap:25px;display:flex}.setup-brand img{width:130px}.setup-brand>span{letter-spacing:2px;color:#a9b5a1;font-size:9px}.setup-card{width:100%;max-width:760px;margin:65px auto 45px}.setup-card>.eyebrow{color:#a9ba94;font-size:9px}.setup-card>h1{letter-spacing:-2.8px;margin-bottom:25px;font-size:clamp(40px,6vw,68px);line-height:1.05}.setup-intro{color:#bac5ae;max-width:62ch;font-size:14px;line-height:1.9}.connection-list{flex-direction:column;margin:32px 0;display:flex}.connection-list>div{border-bottom:1px solid #fce9d620;align-items:center;gap:14px;padding:18px 0;display:flex}.connection-list strong{font-size:13px;font-weight:400;display:block}.connection-list small{color:#9dad98;margin-top:7px;font-size:10px;display:block}.connection-list b{letter-spacing:.4px;color:#bfa98d;margin-left:auto;font-size:9px;font-weight:400}.connection-dot{color:#bfa98d;border:1px solid #fce9d633;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.connection-dot.ready{color:#c7dca0}.setup-card>.button.primary{background:var(--cream);color:var(--green)}.setup-card>.button.secondary{margin-left:10px}.setup-card>.hint{color:#a1af98;max-width:55ch}.setup-boundary{color:#94a48e;border-top:1px solid #fce9d620;align-items:center;gap:10px;margin-top:35px;padding-top:25px;font-size:11px;display:flex}.setup-shell>footer{letter-spacing:2px;color:#9eac93;margin-top:auto;padding-top:20px;font-size:8px}.auth-shell{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-art{background:var(--green);color:var(--cream);flex-direction:column;justify-content:space-between;padding:40px 55px;display:flex;position:relative;overflow:hidden}.auth-art>img{width:145px}.auth-art>div{z-index:1;margin:50px 0;position:relative}.auth-art .eyebrow{color:#aebd98;letter-spacing:1.5px;font-size:8px}.auth-art h1{letter-spacing:-3px;margin-bottom:25px;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1}.auth-art p:last-child{color:#b6c1a8;font-size:14px;line-height:1.8}.auth-art>span{letter-spacing:2px;color:#a6b598;font-size:8px}.auth-grain{pointer-events:none;background:linear-gradient(100deg,#87986922,#c6cf9c33,#71855422);border:1px solid #d3dcb515;border-radius:60% 40%;width:130px;height:240px;position:absolute;transform:rotate(35deg)}.auth-grain.one{top:18%;right:-20px}.auth-grain.two{width:80px;height:150px;bottom:10%;right:80px;transform:rotate(-25deg)}.auth-grain.three{width:50px;height:90px;bottom:5%;left:12%}.auth-main{justify-content:center;align-items:center;padding:70px 40px;display:flex;position:relative}.auth-card{width:100%;max-width:340px}.auth-card>.environment{margin-bottom:28px}.auth-card h2{letter-spacing:-1.3px;margin-bottom:13px;font-size:34px;font-weight:400}.auth-card>p{color:var(--muted);margin-bottom:28px;font-size:12px}.auth-card form>.button{margin-top:10px}.auth-help{align-items:flex-start;gap:8px;margin-top:25px;line-height:1.8;display:flex;color:#939c88!important;font-size:10px!important}.auth-help svg{margin-top:2px}.auth-footer{text-align:center;color:#a0a694;font-size:9px;position:absolute;bottom:18px;left:20px;right:20px}@media (min-width:1600px){.studio-main{padding:48px 60px}.studio-topbar{padding-inline:60px}}@media (max-width:1200px){.sidebar{width:210px;padding-inline:14px}.studio-body{margin-left:210px}.studio-main{padding:30px 25px}.studio-topbar{padding-inline:25px}.editor-layout{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.panel{padding:22px}.list-head,.project-row{grid-template-columns:minmax(170px,1fr) 80px 100px 100px;gap:10px}.project-open strong{max-width:170px}.list-cover{width:58px;height:48px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-banner{padding-inline:25px}.page-heading h1{font-size:34px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.heading-actions .button{padding:10px 12px;font-size:10px}.role-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:950px){.sidebar{width:180px;padding-inline:10px}.brand{padding-inline:12px}.brand img{width:120px}.brand span{font-size:5.5px}.studio-body{margin-left:180px}.studio-main{padding:26px 20px}.studio-topbar{padding-inline:20px}.studio-topbar .disconnected{display:none}.stat-card{padding:17px}.stat-card>div{font-size:10px}.stat-grid{gap:12px}.stat-card>p{font-size:8px}.editor-layout{grid-template-columns:1fr}.editor-aside{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid;position:static}.editor-aside .cover-preview{max-height:160px}.editor-aside .panel{margin-bottom:0}.editor-help{padding-top:20px}.editor-heading{align-items:flex-start}.project-list-toolbar{flex-direction:column;align-items:flex-start}.search-field,.search-field input{width:100%}.list-head{display:none}.project-row{grid-template-columns:minmax(0,1fr) 80px}.project-row time{grid-column:1}.row-actions{justify-content:flex-end}.project-open strong{max-width:230px}.invite-form{grid-template-columns:1fr 150px}.invite-form>.button{grid-column:1/-1}.member>div{min-width:150px}.auth-art{padding:35px}.auth-main{padding-inline:30px}.auth-art h1{font-size:52px}.demo-banner{padding-inline:20px}}@media (max-width:650px){h1{font-size:32px}.studio-shell{display:block}.sidebar{border-bottom:1px solid #fce9d620;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:auto;padding:14px 18px;display:flex;position:relative}.brand{padding:0}.brand img{width:94px}.brand span,.nav-caption,.sidebar-note,.account-box{display:none}.sidebar nav{flex-direction:row;gap:4px}.sidebar nav button{gap:0;padding:10px;font-size:0}.sidebar nav button svg{width:19px;height:19px}.sidebar nav button span{display:none}.studio-body{margin-left:0}.studio-topbar{gap:12px;height:47px;padding-inline:18px;font-size:9px}.studio-topbar .environment{letter-spacing:.5px;padding:5px 6px;font-size:7px}.studio-topbar>div{gap:5px}.studio-main{padding:25px 17px}.page-heading{align-items:flex-start;gap:15px;margin-bottom:24px}.page-heading h1{font-size:31px}.page-heading>div>p:last-child{font-size:10px;line-height:1.8}.page-heading .eyebrow{letter-spacing:1.4px;margin-bottom:10px;font-size:7px}.page-heading>.button{gap:5px;min-height:38px;padding:10px;font-size:9px}.page-heading>.button svg{width:14px}.stat-grid{gap:8px;margin-bottom:22px}.stat-card{padding:13px 11px}.stat-card>div{align-items:flex-start;gap:5px;font-size:8px;line-height:1.7}.stat-card svg{width:13px}.stat-card>strong{margin-top:10px;font-size:29px}.stat-card>p{min-height:24px;font-size:7px;line-height:1.7}.project-list-toolbar{padding:13px}.filters{gap:0}.filters button{padding:8px 10px;font-size:9px}.empty-state{padding:38px 20px 40px}.empty-state h2{font-size:22px}.empty-state>p:not(.eyebrow){font-size:11px}.empty-state .eyebrow{font-size:7px}.project-row{gap:12px;padding:16px 13px}.project-open{gap:10px}.project-open strong{max-width:160px;font-size:11px}.project-open small{max-width:150px;font-size:8px;line-height:1.5}.list-cover{width:51px;height:45px}.project-row .badge{font-size:8px}.row-actions button,.project-row time{font-size:9px}.demo-banner{align-items:flex-start;gap:12px;padding:9px 18px;font-size:8px}.demo-banner label{flex-direction:column;align-items:flex-start;gap:3px;font-size:8px}.demo-banner select{padding:4px 6px;font-size:8px}.editor-top{margin-bottom:20px}.editor-top .text-button{font-size:10px}.save-indicator{font-size:9px}.editor-heading{flex-direction:column}.editor-heading h1{font-size:29px}.heading-actions{justify-content:flex-start;gap:8px;width:100%}.heading-actions .button{padding:9px 13px;font-size:10px}.panel{margin-bottom:17px;padding:20px 17px}.section-title{flex-wrap:wrap;gap:10px;margin-bottom:21px}.section-title h2{font-size:16px}.section-title p{font-size:10px}.section-title .required-tag{font-size:7px}.required-tag:not(.optional){display:none}.step-number{width:28px;height:28px;font-size:9px}.field{font-size:10px}.field input,.field textarea,.field select{padding:10px;font-size:16px}.field small{font-size:8px}.upload-zone{padding:22px 12px}.upload-zone strong{font-size:11px}.upload-zone>span{font-size:8px}.image-grid{gap:10px}.image-tile>p{font-size:8px}.section-toggle{gap:10px;padding:14px 12px}.section-toggle strong{font-size:11px}.section-toggle small{font-size:9px}.section-toggle>svg{width:18px}.optional-content{padding:15px 12px}.hint{font-size:9px}.editor-aside{grid-template-columns:1fr}.editor-help{display:none}.publish-panel .cover-preview{max-height:200px}.alert{padding:12px;font-size:10px}.alert.subtle{font-size:9px}.invite-form{grid-template-columns:1fr}.invite-form>.button{grid-column:auto}.member{gap:10px}.member strong{font-size:10px}.member select{margin-left:42px;font-size:10px}.member .button{font-size:9px}.role-grid{gap:10px}.role-card{padding:17px}.role-card p{font-size:9px}.guide p{font-size:11px}.guide h2{font-size:17px}.preview-inner{padding:20px}.preview-top{margin-bottom:25px}.preview-top img{width:90px}.preview-inner h1{font-size:34px}.preview-cover{height:170px;margin-bottom:23px}.preview-description{font-size:12px}.preview-tabs button{padding:9px 12px;font-size:9px}.preview-inner>.eyebrow{font-size:7px}.auth-shell{grid-template-columns:1fr}.auth-art{min-height:180px;padding:24px}.auth-art>img{width:105px}.auth-art>div{margin:20px 0 0}.auth-art h1{letter-spacing:-1.5px;margin-bottom:0;font-size:37px}.auth-art .eyebrow,.auth-art p:last-child,.auth-art>span,.auth-art h1 br{display:none}.auth-art .auth-grain{width:70px;height:130px}.auth-main{padding:38px 25px 65px}.auth-card h2{font-size:30px}.auth-card .field input{font-size:16px}.setup-shell{padding:25px 22px}.setup-brand img{width:105px}.setup-brand>span{letter-spacing:1px;font-size:7px}.setup-card{margin:45px auto 25px}.setup-card>h1{letter-spacing:-1.8px;font-size:43px}.setup-intro{font-size:12px}.connection-list strong{font-size:11px}.connection-list small{font-size:9px}.connection-list b{font-size:8px}.connection-list>div{gap:10px}.connection-dot{flex-shrink:0;width:28px;height:28px}.setup-boundary{font-size:10px}.setup-card>.hint{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}