/* CommenOK Studio — warm stone, forest lacquer, restrained antique gold. */
:root{--ink:#243e32;--muted:#6a7063;--canvas:#f4f0e5;--surface:#fffdf6;--rule:#ddd6c4;--accent:#244b35;--gold:#a88a4d;--studio-shadow:0 20px 55px #73634712,0 3px 9px #514a3510;--studio-radius:16px;color:var(--ink);background:var(--canvas)}
body{background:radial-gradient(ellipse at 8% 0%,#fffdf5 0,transparent 50%),radial-gradient(ellipse at 100% 30%,#e4ddc9a1 0,transparent 52%),linear-gradient(123deg,#f5f1e7,#faf7ef 55%,#ede7d8);background-attachment:fixed;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(116deg,transparent 28%,#fffef99c 29%,#fffdf529 45%,transparent 46%),linear-gradient(118deg,transparent 55%,#d6cbb61a 56%,transparent 76%)}h1,h2,.editor-hero h1,.step-panel h2,.auth-story h2,.page-heading h1{font-family:Georgia,"Noto Serif TC","PMingLiU",serif;letter-spacing:.2px;font-weight:600;color:#233e2e}h1{line-height:1.45}.subtle,.small{color:var(--muted)}
header,.workspace header{position:relative;inset:auto;width:calc(100% - 64px);max-width:1376px;min-height:78px;margin:22px auto 0;padding:16px 25px;display:flex;flex-direction:row;align-items:center;gap:26px;flex-wrap:nowrap;background:#fffdf4c9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #e2dac8;border-radius:15px;box-shadow:0 9px 28px #7866480a,0 1px 0 #fff inset;z-index:5}.brand,.workspace .brand{font-family:Georgia,"Times New Roman",serif;font-size:33px;letter-spacing:-1.8px;padding:0;color:#244a35;white-space:nowrap;text-shadow:0 1px #fff}.brand span{color:#31573c}.top-nav,.workspace .top-nav{display:flex;flex-direction:row;align-self:center;order:0;width:auto;gap:7px;flex:1;justify-content:center;overflow:visible}.top-nav button,.workspace .top-nav button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;padding:9px 11px;border:1px solid transparent;min-height:39px;border-radius:8px;font-size:12px;font-weight:500;color:#65705e;background:transparent;box-shadow:none}.top-nav button.active,.workspace .top-nav button.active{background:linear-gradient(#f3f2e6,#e8ebdd);color:#244c34;border:1px solid #d6ddc7;box-shadow:0 1px 2px #78815b12,inset 0 1px #fff}.workspace .top-nav svg{width:16px;height:16px}.language-label,.workspace .language-label{margin:0 0 0 auto;padding:0}.language-label select,.workspace .language-label select{width:109px;background:#fffdf5b0;border-color:#dfd9c9;border-radius:7px;font-size:12px;min-height:34px;padding:6px 9px}#logout,.workspace #logout{margin:0;padding:7px 9px;min-height:34px;align-self:auto;background:transparent;border:0;box-shadow:none;color:#6e7566;font-size:12px}
main,.workspace main{max-width:1340px;min-height:calc(100vh - 200px);margin:0 auto;padding:40px 34px 35px}footer,.workspace footer{max-width:1272px;margin:12px auto 0;padding:25px 0 30px;border-top:1px solid #d8d0bc;color:#68705e;gap:23px;font-size:11px}footer a{color:#68735e}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#8a754e;font-weight:600}.badge{background:#ececdd;color:#546b46;border:1px solid #dbdec9;border-radius:5px;font-size:11px;padding:3px 8px}
button,.button{border:1px solid #cbd2bb;border-radius:8px;background:#fffef8;min-height:37px;color:#35513a;box-shadow:0 2px 3px #574e3508;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}button:hover{background:#f3f4e9;box-shadow:0 3px 7px #574e3510}.primary{background:linear-gradient(150deg,#3e6045 0%,#23452f 65%,#1b3828 100%);border-color:#284832;color:#fffef1;box-shadow:0 6px 15px #294d3524,inset 0 1px #b7c59555;text-shadow:0 1px #193220}.primary:hover{background:linear-gradient(145deg,#42674a,#2b5138);color:#fff}.primary:active{transform:translateY(1px)}input,textarea,select{border:1px solid #d6d4c5;border-radius:8px;background:#fffef9;box-shadow:inset 0 1px 3px #73694b06;color:#3c4939}input:focus,textarea:focus,select:focus{border-color:#8b9c76;box-shadow:0 0 0 3px #b3c29822}label{color:#3b4d38;font-weight:500;font-size:13px}.card{background:linear-gradient(130deg,#fffef9,#fcfaf2);border:1px solid #ddd8c8;border-radius:var(--studio-radius);padding:26px;box-shadow:var(--studio-shadow)}.notice{border-radius:9px;background:#fff5df;border-color:#e8d5a4}.notice.success{background:#edf4e4;border-color:#c2d4af}
.studio-hero{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:36px;margin:-4px 0 30px;min-height:370px;position:relative}.studio-copy{padding:22px 0 26px 8px;max-width:550px}.studio-copy h1{font-size:40px;line-height:1.43;letter-spacing:.4px;margin:0 0 20px;color:#29442e}.studio-copy>p{font-size:14px;line-height:1.95;color:#727361;max-width:440px;margin-bottom:24px}.studio-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.studio-actions .primary{padding:11px 24px;min-height:45px;font-size:14px}.studio-art{position:relative;min-width:0;align-self:center}.studio-art:before{content:"";position:absolute;inset:14% 2% 0 12%;background:#b7a37629;filter:blur(28px);z-index:-1;border-radius:50%}.studio-art img,.studio-art video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:18px;box-shadow:0 15px 35px #72604412}.studio-art picture{display:block}.page-heading{border-bottom:1px solid #d6d0bd;margin:2px 0 28px;padding:0 2px 22px;min-height:83px}.page-heading h1{font-size:30px;margin:8px 0}.page-heading p{font-size:13px;color:#717460}.page-symbol{display:none}
.welcome-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;background:none;border:0;border-radius:0;margin:0 0 24px}.welcome-grid>.card{background:linear-gradient(120deg,#fffef7,#f5f3e8);border:1px solid #ddd8c8;border-radius:var(--studio-radius);box-shadow:var(--studio-shadow);margin:0}.welcome-card{min-height:190px;padding:25px 29px}.welcome-card h2{font-family:Georgia,"Noto Serif TC","PMingLiU",serif;font-size:24px;margin:12px 0 9px;letter-spacing:.2px}.welcome-card .badge{background:none;border:0;padding:0;color:#897853}.welcome-card #journey-animation{width:188px;right:22px;top:90px}.welcome-card>p{font-size:12px}.account-card{padding:25px 28px;border-left:1px solid #ddd8c8!important}.account-card h2{font-family:inherit;font-size:17px;letter-spacing:0}.account-card .small{margin:15px 0}.account-card button{font-size:12px;padding:7px 12px}.real-avatar{outline:3px solid #fbfaf0;box-shadow:0 0 0 4px #d4dbc4}.account-avatar{color:#658052;background:#e8eddd;border:1px solid #d0dcc0}.flow{border-color:#e3dfcf;padding:18px 0}.flow-icon{border-radius:10px;background:linear-gradient(150deg,#f2f4e7,#e4ead8);border:1px solid #cfdbbf;box-shadow:inset 0 1px #fff;width:42px;height:42px;color:#59784d}.flow-content strong{font-size:14px}.flow-content .small{font-size:11px}.schedule-status{background:#eef0e2;border:1px solid #dce2cd;color:#5b6e48}.help-strip{padding:20px 5px;border-top:1px solid #d9d3c1}.help-strip button{box-shadow:none}.empty-state>span{border:1px solid #d9e0c9;background:#edf1e2;color:#82966b}
.auth-layout{max-width:1160px;grid-template-columns:1.22fr .88fr;gap:68px;margin:14px auto 30px;min-height:590px;align-items:center}.auth-story{border:0;padding:10px 0;min-height:0}.auth-story h2{font-size:35px;line-height:1.55;letter-spacing:.5px;margin:18px 0 12px;max-width:530px}.auth-story>p{font-size:13px;line-height:1.8;margin-bottom:20px}.auth-story .eyebrow{color:#8a754e}.brand-scene{display:block;width:100%;margin-top:15px;position:relative}.brand-scene img,.brand-scene video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:16px;box-shadow:0 14px 30px #7a67420b}.brand-scene picture{display:block}.auth-story:has(.brand-scene) #journey-animation{display:none}.auth-layout .auth{background:linear-gradient(135deg,#fffef7f5,#faf8edf2);border:1px solid #ddd5c2;border-radius:20px;padding:37px 34px 31px;box-shadow:0 25px 60px #75603a17,0 2px 7px #82704d0d,inset 0 1px #fff}.auth-layout .auth h1{font-family:Georgia,"Noto Serif TC","PMingLiU",serif;font-size:28px!important;line-height:1.4;margin:17px 0 13px}.auth .badge{border:0;background:none;color:#8c774c;letter-spacing:1px;font-size:11px;padding:0}.auth .subtle{font-size:12px;line-height:1.8}.auth label{font-size:12px;font-weight:500;margin-top:19px}.auth input{height:44px;background:#fffef8;border-radius:8px;border-color:#d7d2c3}.auth input[type=checkbox]{height:auto}.auth .primary{height:44px;margin-top:21px!important}.auth .small{font-size:11px;line-height:1.8}.auth .recovery-link{font-size:12px;color:#65784f;background:none;box-shadow:none}.auth .consent-label{font-size:11px;line-height:1.9}.recovery-steps li.current:before{background:linear-gradient(#527347,#2a4c32)}
.editor-hero{min-height:113px;padding:3px 245px 22px 0;border-bottom-color:#d6d0bd;margin-bottom:12px}.editor-hero h1{font-size:30px;line-height:1.45;margin-bottom:8px}.hero-slogan{font-size:14px;color:#526747}.editor-hero .subtle{font-size:12px;color:#7a7d6a}.editor-hero #journey-animation{top:9px}.back-link{color:#737d61;margin:0 0 14px;font-size:11px;box-shadow:none}.workflow-layout{grid-template-columns:minmax(225px,.8fr) minmax(335px,1.13fr) minmax(280px,1fr);gap:20px}.setup-rail{background:linear-gradient(#fcfbf3,#f2f2e6);padding:20px 16px;border:1px solid #dad8c6!important;border-radius:14px;box-shadow:var(--studio-shadow)}.setup-rail>label{color:#546744}.step-rail{margin-top:22px;gap:8px}.step-rail:before{background:#c2d1b2;left:23px}.step-item{gap:11px;padding:12px 8px;min-height:67px}.step-item.active{background:linear-gradient(110deg,#dce7cd,#e7eddb);border:1px solid #c9d7b7;border-radius:8px;box-shadow:inset 0 1px #fff9}.step-item:not(.active){border:1px solid transparent}.step-number{width:29px;height:29px;background:#edf0e2;border:1px solid #d3ddc5;font-size:14px}.step-item.active .step-number{background:linear-gradient(#557349,#355234);border-color:#48633c;color:#fff}.step-item strong{font-size:13px}.step-item small{font-size:10px;color:#68775c}.step-editor{border-radius:14px;padding:26px;min-height:510px}.step-count{font-size:11px;color:#927c50;letter-spacing:.6px}.step-panel h2{font-size:26px;margin-bottom:19px}.step-panel textarea{background:#fffef9;min-height:148px;line-height:1.85}.step-panel .small{font-size:11px;line-height:1.85}.step-controls{margin-top:26px;gap:12px}.editor-actions{border-top-color:#e0dccb;padding-top:16px}.preview-card{background:#fffef6;border:1px solid #dcd7c4;border-radius:14px;padding:18px 16px;box-shadow:var(--studio-shadow)}.preview-card h2{font-family:inherit;font-size:13px;letter-spacing:0;color:#415d3b;margin-bottom:14px}.preview-card>.small{font-size:10px}.dm-account{border-radius:12px 12px 0 0}.dm-account .real-avatar{outline:0;box-shadow:none}.dm-composer{margin-top:12px}.preview-column>section:nth-child(2){border:1px solid #ded9c6;border-radius:12px;background:#fbfaf2;padding:20px 17px;margin-top:19px;box-shadow:0 8px 20px #756b4610}.preview-column>section:nth-child(2) h2{font-family:inherit;font-size:13px}.post-placeholder{border-color:#d6ddc6;background:#edf0e2;border-radius:8px}.media-card{background:#f3f4e8;border-color:#d7dec8;border-radius:8px}.media-card img{border-radius:6px}.advanced-settings{border-color:#dddcc9}.tier-lock{background:#eef0e2;color:#626f53;border:1px solid #dde3cc;border-radius:7px}.routing-row{background:#f9faf1;border-color:#d9dfca;border-radius:8px}
.settings-grid{background:none;gap:20px;border:0;overflow:visible;border-radius:0}.settings-grid>.card{border:1px solid #ddd8c8!important;border-radius:14px;background:linear-gradient(125deg,#fffef8,#f8f6ed);box-shadow:var(--studio-shadow);padding:28px}.settings-grid h2{font-size:20px}.settings-grid .danger-zone{background:#fcf9ef}.pricing-grid{border:0;background:none;gap:20px;overflow:visible;border-radius:0}.pricing-card,.pricing-card.featured{border:1px solid #d8d3bf;border-radius:16px;padding:29px;background:linear-gradient(125deg,#fffef7,#f5f4e9);box-shadow:var(--studio-shadow);margin:0}.pricing-card.featured{background:linear-gradient(140deg,#f8fbef,#e9f0dd);border-color:#a8bd91;box-shadow:0 18px 38px #4b66351a,inset 0 1px #fff}.pricing-card:last-child{border-right:1px solid #d8d3bf}.plan-symbol{border-color:#c5d2b0;color:#5d7c44;background:#edf2e1;box-shadow:inset 0 1px #fff}.pricing-card h2{font-size:23px}.pricing-card .price{font-family:Georgia,serif;font-size:42px;font-weight:400;color:#355331}.pricing-card hr{border-color:#d9dec8}.pricing-card li:before{color:#8d804f}.feature-table thead{background:#eeefdf}.feature-table th,.feature-table td{border-color:#e0dfcd}.usage-card{background:linear-gradient(100deg,#f8f9ec,#fffdf4)}.usage-grid>div{border-left-color:#adba8d}.usage-grid strong{color:#3b5735}.analytics-grid{border-color:#d5dcc2;background:#f9fbf0;border-radius:12px;box-shadow:var(--studio-shadow)}.metric{border-color:#dce2cc}.metric strong{font-family:Georgia,serif;color:#446039;font-size:29px}.run-row{border-color:#e1dfcf}.run-dot.done{background:#7f9c5f;box-shadow:0 0 0 4px #edf2e2}.run-dot{background:#c2a365}.contact-tag{background:#e7edda;border:1px solid #d2ddbf;color:#586c43}.contact-tag-row{border-color:#e0e1d0}.team-row{border-color:#e0dfce}
.help-grid{gap:28px}.tutorial-card{background:none;border:0;box-shadow:none;padding:0}.tutorial-art{background:linear-gradient(125deg,#f4f5e8,#e8eedb);border:1px solid #d6dfc4;border-radius:13px;padding:22px;box-shadow:0 8px 22px #7381570b}.tutorial-art svg{height:132px;color:#7d9464}.tutorial-card h2{font-size:22px}.tutorial-card p{font-size:13px;line-height:1.9;color:#6e7562}.faq{background:#fffdf5;border:1px solid #ded8c5;border-radius:14px;padding:28px;box-shadow:var(--studio-shadow)}.faq summary{color:#3f5937;font-size:14px}.faq details{border-color:#e2dfce}.fan-notice{background:#edf1df;border-left-color:#a8ae79;color:#576445}.simulation-link{background:#eef2e2;border:1px solid #d9e3c5}.consent-status{background:#edf3e2;border:1px solid #d0dfba}.recovery-email{background:#f0f2e5;border:1px solid #dce1cd}
@media(min-width:1500px){main,.workspace main{max-width:1400px;padding:45px 44px}.studio-copy h1{font-size:45px}.studio-hero{gap:65px;min-height:415px}.workflow-layout{grid-template-columns:minmax(255px,.85fr) minmax(370px,1.15fr) minmax(300px,1fr)}}
@media(max-width:1180px){header,.workspace header{width:calc(100% - 38px);padding:14px 20px;gap:18px}.brand,.workspace .brand{font-size:29px}.workspace .top-nav button,.top-nav button{padding:8px;font-size:11px;gap:5px}.workspace .top-nav svg{width:14px;height:14px}main,.workspace main{padding:32px 25px;margin:0 auto}.studio-copy h1{font-size:35px}.studio-hero{gap:26px;min-height:320px}.workflow-layout{grid-template-columns:220px minmax(310px,1fr);gap:20px}.setup-rail{grid-row:1/3}.preview-column{grid-column:2}.auth-layout{gap:45px;grid-template-columns:1.15fr 1fr;min-height:530px}.auth-story h2{font-size:31px}.auth-layout .auth{padding:30px 27px}.welcome-card #journey-animation{position:absolute;width:170px;right:18px;top:102px}.welcome-card>p{max-width:63%}footer,.workspace footer{margin-left:25px;margin-right:25px;padding-left:0}}
@media(max-width:940px){header,.workspace header{flex-wrap:wrap;gap:12px;min-height:0;padding:14px 18px}.workspace .top-nav,.top-nav{order:4;flex-basis:100%;justify-content:flex-start;gap:12px;overflow-x:auto}.workspace .top-nav button,.top-nav button{font-size:12px;padding:8px 11px}.language-label,.workspace .language-label{margin-left:auto}.studio-copy h1{font-size:31px}.studio-copy>p{font-size:13px}.studio-hero{gap:24px}.welcome-grid{grid-template-columns:1.2fr 1fr}.welcome-card{padding:23px}.welcome-card #journey-animation{position:static;margin-top:18px;width:180px}.welcome-card>p{max-width:100%}.auth-layout{gap:30px}.auth-story h2{font-size:29px}.auth-layout .auth{padding:28px 24px}.editor-hero h1{font-size:27px}.workflow-layout{grid-template-columns:210px minmax(290px,1fr)}.pricing-grid{gap:14px}.pricing-card,.pricing-card.featured{padding:24px 20px}.settings-grid{gap:16px}.settings-grid>.card{padding:23px}}
@media(max-width:700px){header,.workspace header{width:calc(100% - 24px);margin-top:12px;border-radius:12px;padding:13px 15px}.brand,.workspace .brand{font-size:28px}.workspace .top-nav,.top-nav{gap:5px}.workspace .top-nav button,.top-nav button{font-size:11px;padding:8px 7px;gap:5px}.workspace .top-nav svg{width:14px;height:14px}main,.workspace main{padding:27px 18px}.studio-hero{grid-template-columns:1fr;gap:5px;margin-top:0;min-height:0}.studio-copy{padding:3px 7px 12px;max-width:100%}.studio-copy h1{font-size:33px;max-width:520px;margin-bottom:14px}.studio-copy>p{max-width:100%;margin-bottom:18px}.studio-art{width:100%;max-width:560px;margin:auto}.studio-art img,.studio-art video{border-radius:14px}.studio-actions .primary{padding:10px 20px;min-height:42px}.welcome-grid{grid-template-columns:1fr;gap:16px}.welcome-card{min-height:180px}.account-card{border-top:1px solid #ddd8c8!important}.auth-layout{grid-template-columns:1fr;gap:25px;max-width:520px;margin:0 auto 25px;min-height:0}.auth-story{padding:0;border:0}.auth-story h2{font-size:29px;line-height:1.5;margin-top:14px}.auth-story>p{margin-bottom:12px}.brand-scene{max-width:460px;margin:12px auto 0}.brand-scene img,.brand-scene video{aspect-ratio:4/3}.auth-layout .auth{padding:28px;border-radius:16px}.auth-story #journey-animation{display:none}.page-heading h1{font-size:27px}.page-heading{min-height:0;padding-bottom:20px}.workflow-layout{display:flex;flex-direction:column;gap:18px}.workflow-layout>*{width:100%}.setup-rail{padding:18px 15px;border:1px solid #d9dbc7!important;border-radius:12px}.step-rail{flex-direction:row;gap:3px;margin-top:19px}.step-rail:before{left:12%;right:12%;width:auto;height:1px;top:18px;bottom:auto}.step-item{flex:1;flex-direction:column;padding:5px 1px;min-height:60px;gap:6px;border:0!important;box-shadow:none}.step-item.active{background:none}.step-item strong{font-size:11px}.step-item small,.step-arrow,.rail-foot{display:none}.step-number{width:27px;height:27px;font-size:13px}.step-editor{min-height:0;padding:23px}.preview-card{padding:18px}.preview-column{width:100%}.editor-hero{padding:0 0 19px;min-height:0}.editor-hero h1{font-size:27px}.editor-hero #journey-animation{display:none}.settings-grid,.pricing-grid{grid-template-columns:1fr;gap:16px}.settings-grid>.card{border:1px solid #ddd8c8!important}.pricing-card,.pricing-card.featured,.pricing-card:last-child{border:1px solid #d8d3bf;border-radius:13px;padding:26px}.pricing-card.featured{border-color:#a8bd91}.help-grid{grid-template-columns:1fr}.card{padding:23px}.faq{padding:24px}.help-strip{padding:20px 5px}.welcome-card #journey-animation{position:absolute;right:20px;top:99px;width:165px;margin:0}.welcome-card>p{max-width:62%}footer,.workspace footer{margin:8px 18px 0;padding:23px 0;gap:15px;font-size:10px}}
@media(max-width:390px){.studio-copy h1{font-size:29px}.brand,.workspace .brand{font-size:26px}.language-label select,.workspace .language-label select{width:97px;font-size:11px}.workspace .top-nav button{font-size:10px;padding:8px 5px;gap:4px}.workspace .top-nav svg{width:13px;height:13px}.auth-layout .auth{padding:25px 22px}.welcome-card #journey-animation{width:145px}.welcome-card>p{max-width:57%}.editor-hero h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){button,.button{transition:none}.primary:active{transform:none}}
[hidden]{display:none!important}

/* Studio scenes are full compositions, never cropped into thumbnail cards. */
body[data-view="dashboard"]>.page-heading,body[data-view="dashboard"] #app>.page-heading{display:none}.studio-hero{grid-template-columns:.74fr 1.26fr;gap:16px}.studio-copy{z-index:1;padding-right:0}.studio-copy h1{font-size:36px}.studio-caption{display:flex;align-items:center;gap:11px;margin-top:23px;color:#8a7c59;font-size:10px;letter-spacing:.5px}.studio-caption i{height:3px;width:3px;border-radius:50%;background:#af985d}.studio-art .brand-scene{margin:0;max-width:none}.studio-art img,.studio-art video{border-radius:13px;box-shadow:0 12px 30px #7b684a0a}.auth-layout{grid-template-columns:1.4fr .84fr;gap:52px;max-width:1220px}.auth-story{display:flex;flex-direction:column}.auth-story>.eyebrow{order:0}.auth-story>h2{order:1}.auth-story>p{order:2}.auth-story>.brand-scene{order:3;margin:7px 0 0;max-width:none}.auth-story>.recovery-steps{order:4}.auth-story h2{font-size:33px;margin:14px 0 10px;line-height:1.45}.auth-story>p{margin:0 0 8px}.auth-story .brand-scene img{box-shadow:none;border-radius:13px}.auth-layout .auth{align-self:center}.studio-art .brand-scene figcaption{display:none}@media(min-width:1500px){.studio-copy h1{font-size:42px}.studio-hero{gap:30px}.auth-layout{max-width:1290px;gap:60px}.auth-story h2{font-size:36px}}@media(max-width:940px){.studio-copy h1{font-size:29px}.studio-hero{grid-template-columns:.85fr 1.15fr;gap:15px}.auth-layout{grid-template-columns:1.12fr 1fr;gap:25px}.auth-story h2{font-size:28px}.studio-caption{font-size:9px;gap:7px}}@media(max-width:700px){.studio-hero{grid-template-columns:1fr;gap:8px}.studio-copy h1{font-size:32px}.studio-caption{margin-top:18px;font-size:10px}.auth-layout{grid-template-columns:1fr;gap:23px}.auth-story h2{font-size:29px}.auth-story>.brand-scene{margin-top:12px}.studio-art{max-width:none}.studio-copy{padding:3px 5px 7px}}

/* Immersive dashboard scene: localized readable copy over the marble setting. */
body[data-view="dashboard"] .studio-hero{display:block;position:relative;height:clamp(500px,43vw,650px);min-height:500px;isolation:isolate;margin:0 -12px 0;border:1px solid #e0d6c3;border-radius:20px;overflow:hidden;box-shadow:0 25px 55px #705b3215}
body[data-view="dashboard"] .studio-art{position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:-2;margin:0}
body[data-view="dashboard"] .studio-art .brand-scene,body[data-view="dashboard"] .studio-art picture{width:100%;height:100%;margin:0}
body[data-view="dashboard"] .studio-art img,body[data-view="dashboard"] .studio-art video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top;border-radius:0;box-shadow:none}
body[data-view="dashboard"] .studio-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#faf6eae8 0%,#faf6eac9 22%,#faf6ea7a 35%,#faf6ea0a 51%,transparent 61%);pointer-events:none}
body[data-view="dashboard"] .studio-copy{position:relative;width:43%;max-width:560px;height:100%;display:flex;flex-direction:column;justify-content:center;padding:45px 5px 62px 43px;margin:0;z-index:1}
body[data-view="dashboard"] .studio-copy h1{font-size:clamp(34px,3.05vw,46px);line-height:1.45;letter-spacing:.5px;color:#25482d;text-shadow:0 1px 9px #fffaf18c;margin:17px 0 18px}
body[data-view="dashboard"] .studio-copy>p{max-width:360px;color:#566348;font-size:14px;line-height:1.9;margin-bottom:25px;text-shadow:0 1px 5px #fffdf2}
body[data-view="dashboard"] .studio-copy>.eyebrow{color:#88723f;font-size:10px;letter-spacing:2px}
body[data-view="dashboard"] .studio-actions{gap:10px}
body[data-view="dashboard"] .studio-actions button{padding:11px 18px;background:#fffdf2c9;border-color:#bfcbaa;backdrop-filter:blur(8px)}
body[data-view="dashboard"] .studio-actions .primary{background:linear-gradient(145deg,#466b46,#254a31 70%);border-color:#375b3b;padding:11px 23px;box-shadow:0 7px 18px #28442d32}
body[data-view="dashboard"] .studio-caption{margin-top:23px;color:#6d7553;gap:8px;font-size:10px}
body[data-view="dashboard"] .welcome-grid{position:relative;z-index:2;margin:-21px 16px 27px;gap:17px}
body[data-view="dashboard"] .welcome-grid>.card{background:linear-gradient(125deg,#fffdf4eb,#f5f3e9eb);backdrop-filter:blur(14px);border-color:#e4ddc9;box-shadow:0 16px 30px #5f503016;min-height:170px}
body[data-view="dashboard"] .welcome-card{padding:21px 25px}
body[data-view="dashboard"] .welcome-card h2{font-size:21px;margin-top:8px}
body[data-view="dashboard"] .welcome-card .badge{display:none}
body[data-view="dashboard"] .welcome-card #journey-animation{top:80px;width:175px}
@media(min-width:1500px){body[data-view="dashboard"] .studio-copy{padding-left:53px;width:42%}body[data-view="dashboard"] .studio-copy h1{font-size:47px}}
@media(max-width:1000px){body[data-view="dashboard"] .studio-copy{width:46%;padding-left:28px;padding-bottom:55px}body[data-view="dashboard"] .studio-copy h1{font-size:34px}body[data-view="dashboard"] .studio-copy>p{font-size:13px}body[data-view="dashboard"] .studio-actions button{padding:10px 13px;font-size:12px}body[data-view="dashboard"] .studio-actions .primary{padding:10px 16px}body[data-view="dashboard"] .studio-caption{font-size:9px;flex-wrap:wrap}body[data-view="dashboard"] .studio-hero{margin:0 -6px;height:520px}}
@media(max-width:700px){body[data-view="dashboard"] .studio-hero{height:auto;min-height:590px;margin:0 -4px;border-radius:15px;display:flex;align-items:flex-start}body[data-view="dashboard"] .studio-art img,body[data-view="dashboard"] .studio-art video{object-position:62% bottom;object-fit:cover}body[data-view="dashboard"] .studio-hero:before{background:linear-gradient(180deg,#faf6eaf2 0%,#faf6eae8 27%,#faf6ea65 47%,transparent 70%)}body[data-view="dashboard"] .studio-copy{height:auto;width:100%;max-width:none;padding:26px 24px 310px;justify-content:flex-start}body[data-view="dashboard"] .studio-copy h1{font-size:32px;max-width:460px;margin:12px 0 12px}body[data-view="dashboard"] .studio-copy>p{max-width:420px;font-size:13px;margin-bottom:17px}body[data-view="dashboard"] .studio-caption{margin-top:16px;font-size:10px}body[data-view="dashboard"] .welcome-grid{margin:-16px 8px 23px;gap:14px}body[data-view="dashboard"] .studio-actions button{padding:10px 16px}body[data-view="dashboard"] .welcome-card #journey-animation{position:absolute;top:88px;right:17px;width:155px}body[data-view="dashboard"] .studio-art .brand-scene{display:block}}
@media(max-width:390px){body[data-view="dashboard"] .studio-copy{padding-left:20px;padding-right:20px;padding-bottom:280px}body[data-view="dashboard"] .studio-copy h1{font-size:29px}body[data-view="dashboard"] .studio-hero{min-height:570px}}

/* Keep the complete scene legible on narrow screens. */
@media(max-width:700px){body[data-view="dashboard"] .studio-hero{display:flex;flex-direction:column;min-height:0;height:auto;background:#faf6ea}body[data-view="dashboard"] .studio-copy{padding:26px 22px 20px;height:auto}body[data-view="dashboard"] .studio-art{position:relative;inset:auto;z-index:0;height:auto;width:100%}body[data-view="dashboard"] .studio-art .brand-scene{height:auto}body[data-view="dashboard"] .studio-art img,body[data-view="dashboard"] .studio-art video{height:auto;aspect-ratio:4/3;object-fit:contain}body[data-view="dashboard"] .studio-hero:before{display:none}body[data-view="dashboard"] .welcome-grid{margin:16px 0 23px}.workspace header{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:12px}.workspace .brand{font-size:25px}.workspace .language-label select{width:92px}.workspace #logout{width:auto;padding:5px}.workspace .top-nav{grid-column:1/-1;width:100%;min-width:0;justify-content:flex-start;margin:0}}


.brand-scene{position:relative}.brand-scene>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;pointer-events:none}@media(prefers-reduced-motion:reduce){.brand-scene>video{display:none}}

.run-person{display:flex;flex-direction:column;min-width:150px;max-width:280px;overflow-wrap:anywhere;gap:4px}.run-person a{font-weight:600}.run-person small{font-size:11px;opacity:.7}@media(max-width:600px){.run-person{min-width:0;flex-basis:calc(100% - 26px);max-width:none}}