@layer reset,base,components,pages,responsive;
.artist-socials{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;font-size:12px;color:var(--accent)}.artist-socials:empty{display:none}.artist-socials a:hover{text-decoration:underline}
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}[hidden]{display:none!important}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #6c9bef;outline-offset:4px}html{scroll-behavior:smooth}dialog::backdrop{background:#10182088;backdrop-filter:blur(5px)}}
@layer base{
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1c1f25;background:#fff;font-synthesis:none;--paper:#fff;--ink:#1c1f25;--muted:#6c727e;--line:#e6e8ec;--soft:#f5f6f8;--accent:#2467df;--accent-soft:#eef4ff;--radius:10px;color-scheme:light}
body{min-width:320px;font-size:14px;line-height:1.6;background:var(--paper);color:var(--ink)}h1,h2,h3{font-weight:500;line-height:1.15;letter-spacing:-.04em}h1{font-size:42px}h2{font-size:26px}h3{font-size:18px}p{line-height:1.7}::selection{background:#dbe8ff}button{color:inherit}label{display:block;font-size:12px;font-weight:500;margin:18px 0 0}input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:12px 13px;margin-top:7px;background:var(--paper);color:var(--ink);font-size:14px;line-height:1.45}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#969ba6}input[type=file]{font-size:12px!important}select{padding-right:25px}kbd{display:inline-block;min-width:20px;padding:1px 5px;background:var(--soft);border:1px solid var(--line);border-radius:4px;font-size:10px;color:var(--muted);font-family:inherit}code{font-family:ui-monospace,monospace;font-size:12px}progress{width:100%;height:6px;accent-color:var(--accent)}.muted{color:var(--muted)}.blue{color:var(--accent)}.eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.6}.field-help{font-size:11px;color:var(--muted);font-weight:400;margin-top:8px}.status-dot{display:inline-block;width:6px;height:6px;background:#4e9b79;border-radius:50%;margin-right:6px}.skip-link{position:absolute;top:-100px;left:15px;z-index:100;background:var(--paper);padding:12px}.skip-link:focus{top:10px}
.theme-light{--paper:#fff;--ink:#1c1f25;--muted:#6c727e;--line:#e6e8ec;--soft:#f5f6f8;--accent:#2467df;--accent-soft:#eef4ff;color-scheme:light}.theme-dark{--paper:#17191c;--ink:#f0f1f3;--muted:#a3a9b3;--line:#34373d;--soft:#23262b;--accent:#9abaff;--accent-soft:#28354a;color-scheme:dark}.theme-midnight{--paper:#111d2d;--ink:#edf2fa;--muted:#a7b7ca;--line:#304156;--soft:#1b2b40;--accent:#9fbfff;--accent-soft:#223a58;color-scheme:dark}.theme-sand{--paper:#f5f1e9;--ink:#302d28;--muted:#756c5f;--line:#ddd5c8;--soft:#ebe4d8;--accent:#80603d;--accent-soft:#e8dfd0;color-scheme:light}.theme-sage{--paper:#eef2ed;--ink:#263d35;--muted:#5e7266;--line:#ccd6cc;--soft:#e0e8df;--accent:#38694e;--accent-soft:#dce9de;color-scheme:light}
}
@layer components{
.brand{font-size:23px;font-weight:650;letter-spacing:-1.1px;line-height:1;white-space:nowrap}.brand span{color:#2f7aee}.site-header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #f1f2f4}.site-header nav{display:flex;gap:28px;align-items:center;font-size:12px;color:var(--muted)}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--ink)}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:7px;padding:12px 18px;font-size:12px;font-weight:500;line-height:1.4;transition:background .16s,transform .16s}.button:hover{background:var(--soft)}.button:active{transform:translateY(1px)}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{filter:brightness(.94)}.button.small{padding:9px 12px;font-size:11px;gap:10px}.button.wide{width:100%}.link-button{border:0;background:transparent;color:var(--accent);font-size:12px;padding:0}.text-link{font-size:12px;font-weight:500;display:inline-flex;gap:16px}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:30px;font-size:20px;border-radius:5px;color:var(--ink);line-height:1}.icon-button:hover{background:var(--soft)}.danger{color:#b84747}.button.danger{background:transparent;margin-top:10px}.site-footer{max-width:1440px;padding:40px 5%;margin:50px auto 0;border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:11px}.site-footer .brand{font-size:18px}.site-footer>span:nth-child(2){margin-right:auto;margin-left:35px;color:var(--muted)}.workspace{max-width:1330px;margin:auto;padding:45px 5% 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:38px}.page-heading h1{font-size:34px;margin:9px 0 12px}.page-heading p{font-size:13px}.heading-actions{display:flex;align-items:center;gap:14px}.heading-actions>span{font-size:11px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-title h2{font-size:20px}.form-error{margin:15px 0;background:#fff0ef;color:#a33232;border-radius:6px;padding:11px 13px;font-size:12px}.loading{padding:70px 20px;text-align:center;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:14px;width:min(600px,calc(100% - 32px));max-height:90dvh;overflow:auto;padding:30px;box-shadow:0 20px 100px #0002}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.dialog-heading h2{margin-top:7px;font-size:29px}dialog>p{font-size:13px}dialog form>.button{margin-top:24px}.file-drop{padding:25px 18px;border:1px dashed #cbd2df;border-radius:8px;background:var(--soft);text-align:center}.file-drop input{background:var(--paper)!important}.upload-progress{margin-top:15px}.upload-progress p{font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:8px;background:#1f2732;color:#fff;box-shadow:0 5px 30px #0002;z-index:100;max-width:calc(100% - 30px);font-size:12px}
}
@layer pages{
.welcome-hero{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:47% 53%;padding:64px 5% 70px;align-items:center;min-height:600px}.hero-copy{padding:15px 40px 15px 0}.hero-copy h1{font-size:clamp(66px,6.7vw,100px);font-weight:550;letter-spacing:-.065em;line-height:.99;margin:25px 0}.hero-copy h1 span{color:#888f9a}.hero-copy>p{font-size:15px;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.hero-note{font-size:10px!important;margin-top:22px;letter-spacing:.02em}.hero-film{height:490px;border-radius:10px;overflow:hidden;background:#111820;position:relative}.hero-film img{width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-film:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#060e18aa)}.film-label{position:absolute;top:25px;left:27px;color:white;font-size:9px;letter-spacing:.17em;z-index:1}.film-bottom{position:absolute;bottom:25px;left:27px;right:27px;display:flex;justify-content:space-between;color:#fff;font-size:12px;align-items:center;z-index:1}.film-tag{font-size:8px;letter-spacing:.1em;color:#d0d8e3}.welcome-preview,.steps-section{max-width:1300px;margin:auto;padding:55px 6% 70px}.welcome-preview{background:#f7f8fa;max-width:none}.welcome-preview>.section-heading,.welcome-preview>.sample-portfolio{max-width:1050px;margin-left:auto;margin-right:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-heading h2{font-size:32px;line-height:1.2;margin-top:12px}.section-heading>p{font-size:12px;color:var(--muted)}.sample-portfolio{background:#fff;padding:28px 32px 0;border:1px solid #e7e9ef;border-radius:10px;overflow:hidden}.sample-identity{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sample-identity h3{font-size:23px;margin-bottom:7px}.sample-identity p{font-size:11px}.sample-pill{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:6px 10px;border-radius:20px}.sample-portfolio>img{width:100%;aspect-ratio:2.6;object-fit:cover}.sample-line{height:3px;background:linear-gradient(to right,#3279e8 30%,#e9edf3 30%);margin:16px 0 22px}.sample-credits{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;padding-bottom:25px}.sample-credits h3{margin:8px 0 4px}.sample-credits p{font-size:11px}.sample-credits>div+div>p{margin-top:8px}.steps-section{padding-top:80px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:55px}.steps article>span{font-size:11px;color:var(--accent)}.steps h3{font-size:20px;margin:20px 0 14px}.steps p{font-size:12px;color:var(--muted)}.welcome-cta{text-align:center;padding:80px 20px;background:#f7f8fa}.welcome-cta h2{font-size:44px;margin-bottom:25px}.auth-layout{max-width:1140px;min-height:640px;margin:45px auto;display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:0 35px}.auth-aside{position:relative;border-radius:10px;overflow:hidden;background:#101d2c;min-height:600px}.auth-aside img{width:100%;height:100%;object-fit:cover;position:absolute;opacity:.7}.auth-aside:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#111c2e)}.auth-aside>div{position:absolute;left:38px;right:30px;bottom:45px;color:white;z-index:1}.auth-aside h2{font-size:43px;margin:15px 0 20px;line-height:1.1}.auth-aside p{font-size:12px;color:#c7d1df}.auth-form{align-self:center;padding:20px 15px 20px 0}.auth-form h1{margin:12px 0 12px;font-size:37px}.auth-form>p{font-size:13px}.auth-form form{margin-top:25px}.auth-form form>.button{margin-top:22px}.auth-switch{margin:22px 0 15px}.auth-switch a{color:var(--accent)}.input-prefix{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;margin-top:7px;overflow:hidden}.input-prefix>span{padding-left:13px;color:var(--muted)}.input-prefix>input{border:0!important;margin:0!important;padding-left:4px!important}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:45px}.reel-panel{border:1px solid var(--line);border-radius:10px;overflow:hidden;align-self:start}.empty-reel{padding:70px 40px;text-align:center;background:linear-gradient(#fafbfc,#fff)}.empty-reel-symbol{height:55px;width:70px;border:1px solid #d9dfe9;border-radius:9px;display:grid;place-items:center;margin:0 auto 25px;color:var(--accent);font-size:21px;background:#fff}.empty-reel h2{font-size:28px;margin-bottom:15px}.empty-reel>p{font-size:13px;color:var(--muted);max-width:360px;margin:0 auto 25px}.upload-spec{font-size:10px;color:var(--muted);margin-top:18px}.dashboard-reel-poster{background:#111820;aspect-ratio:1.95;position:relative}.dashboard-reel-poster video{height:100%;width:100%;object-fit:contain}.dashboard-reel-details{padding:24px}.dashboard-reel-details h2{font-size:24px}.reel-meta{font-size:11px;color:var(--muted);margin:10px 0 20px}.reel-actions{display:flex;gap:8px;flex-wrap:wrap}.reel-settings{margin-top:22px;border-top:1px solid var(--line);padding-top:4px}.reel-settings .button{margin-top:15px}.check-label{display:flex;gap:10px;align-items:center;font-weight:400}.check-label input{accent-color:var(--accent)}.aside-section{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.aside-section h2{font-size:22px;margin:12px 0 10px}.aside-section>p{font-size:12px}.address-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--soft);padding:12px;margin:18px 0;overflow-wrap:anywhere}.address-row code{font-size:10px;min-width:0}.checklist{padding:0;list-style:none;margin:15px 0 0}.checklist li{display:flex;gap:10px;align-items:center;padding:8px 0;font-size:12px;color:var(--muted)}.check-circle{border:1px solid #d5dae2;border-radius:50%;height:18px;width:18px;display:grid;place-items:center;font-size:10px}.check-circle.done{border-color:#d4e6d9;background:#edf6ef;color:#377b4b}.quiet-note{font-size:11px;color:var(--muted)}.quiet-note p{padding:10px 0 0 12px;font-size:11px}.back-link{font-size:11px;color:var(--muted)}.editor-workspace{max-width:1500px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px}.editor-main{min-width:0}.player{background:var(--paper);color:var(--ink);min-width:0}.video-stage{aspect-ratio:16/9;position:relative;background:#0b0e13;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-stage video{width:100%;height:100%;object-fit:contain}.stage-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid #ffffff70;border-radius:50%;background:#0b142a55;backdrop-filter:blur(8px);display:grid;place-items:center}.play-triangle{display:block;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff;margin-left:4px}.video-error{position:absolute;inset:0;background:#141921ee;color:#dce3ee;display:grid;place-items:center;padding:40px;text-align:center;font-size:13px}.player-bottom{padding:0}.timeline-wrap{height:29px;position:relative;margin-top:9px}.scrubber{appearance:none;-webkit-appearance:none;height:3px;background:linear-gradient(to right,var(--accent) var(--progress,0%),var(--line) var(--progress,0%));border-radius:2px;width:100%;display:block;position:absolute;top:9px;margin:0;cursor:pointer;touch-action:pan-y}.scrubber::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:var(--accent)}.scrubber::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:var(--accent)}.shot-markers{position:absolute;inset:15px 0 0;pointer-events:none}.shot-marker{position:absolute;top:0;transform:translateX(-50%);height:13px;min-width:12px;border:0;padding:0;pointer-events:auto;background:transparent}.shot-marker:after{content:"";display:block;width:2px;height:5px;background:var(--muted);margin:auto;border-radius:2px}.shot-marker.active:after{background:var(--accent);height:8px}.hover-preview{position:absolute;bottom:30px;left:0;width:150px;background:var(--paper);border:1px solid var(--line);padding:4px;border-radius:5px;box-shadow:0 6px 30px #0002;pointer-events:none;z-index:3}.hover-preview canvas{width:140px;height:79px;object-fit:contain;background:#111}.hover-preview span{display:block;text-align:center;font-size:10px;color:var(--muted);padding-top:3px}.playback-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px}.control-cluster{display:flex;align-items:center;gap:10px}.playback-toolbar .icon-button{font-size:18px;min-width:25px}.playback-toolbar .play-control{font-size:13px}.time-display{font-variant-numeric:tabular-nums;font-size:11px;padding-left:5px}.time-display span{color:var(--muted);padding-left:4px}.volume{width:65px;height:3px;accent-color:var(--accent)}.credit-area{display:grid;grid-template-columns:1fr 1.5fr;gap:45px;border-top:1px solid var(--line);padding-top:24px;height:180px;overflow-y:auto}.credit-area h2{font-size:23px;margin:9px 0 8px;overflow-wrap:anywhere}.credit-role{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.credit-contribution{font-size:13px;color:var(--muted);line-height:1.7;margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.player:fullscreen{background:var(--paper);padding:18px 4%;height:100%;overflow:auto;display:flex;flex-direction:column}.player:fullscreen .video-stage{flex:1;min-height:0;aspect-ratio:auto}.player:fullscreen .player-bottom{flex:none}.player:fullscreen .credit-area{height:140px}.editing-controls{border-top:1px solid var(--line);padding-top:4px}.range-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px}.range-controls label>div{display:flex;align-items:center;gap:8px}.range-controls input{margin:7px 0!important;font-variant-numeric:tabular-nums}.range-controls .button{flex-shrink:0}.shot-details{background:#f8f9fb;border:1px solid var(--line);padding:24px;border-radius:9px;align-self:start;position:sticky;top:20px}.shot-details h2{font-size:24px;margin-top:8px}.shot-details .button.primary{margin-top:20px}.keyboard-note{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.keyboard-note p{font-size:11px;color:var(--muted);line-height:2.5;margin-top:10px}.shot-list-section{border-top:1px solid var(--line);padding-top:23px}.count{font-size:11px;color:var(--muted);background:var(--soft);padding:3px 6px;border-radius:4px;vertical-align:middle;margin-left:5px}#shot-list{margin-top:15px}.shot-row{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:14px 12px;border-radius:5px;cursor:pointer}.shot-row:hover{background:var(--soft)}.shot-row.selected{background:var(--accent-soft)}.shot-row>div{display:flex;align-items:center;gap:12px;min-width:0}.shot-row strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.shot-row span{font-size:10px;color:var(--muted)}.shot-index{height:26px;width:26px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px}.shot-times{white-space:nowrap;font-variant-numeric:tabular-nums}.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px}.form-section{padding-bottom:35px;margin-bottom:30px;border-bottom:1px solid var(--line)}.form-section h2{font-size:24px;margin-bottom:12px}.form-section h3{margin:28px 0 16px}.form-section>p,.form-section .section-title p{font-size:12px}.resume-entry{border:1px solid var(--line);border-radius:7px;padding:15px 18px;margin-bottom:12px;background:#fafbfc}.resume-entry .entry-heading{display:flex;justify-content:space-between;align-items:center}.resume-entry .entry-heading span{font-size:10px;color:var(--muted)}.resume-entry label{margin-top:12px}.pdf-control{margin-top:28px}.appearance-panel{align-self:start;position:sticky;top:25px}.appearance-panel h2{font-size:23px;margin:12px 0}.appearance-panel>p{font-size:12px}.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.theme-choice{padding:10px;border:1px solid var(--line);border-radius:7px;margin:0;display:flex;align-items:center;gap:8px;font-size:11px;cursor:pointer}.theme-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.theme-choice input{accent-color:var(--accent);margin:0}.theme-dot{width:14px;height:14px;border-radius:50%;border:1px solid #0002}.mini-preview{background:var(--paper);color:var(--ink);padding:18px;border:1px solid var(--line);border-radius:8px;margin:24px 0}.mini-name{font-size:13px;font-weight:500}.mini-film{aspect-ratio:2;background:url('/assets/cinematic.jpg') center/cover;margin:14px 0}.mini-line{display:block;width:100%;height:2px;background:var(--accent)}.mini-label{font-size:9px;color:var(--muted);display:block;margin-top:10px}.public-shell{max-width:1440px;padding:0 6%;margin:auto}.public-top{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.public-top .brand{font-size:20px}.public-top .eyebrow{font-size:9px;color:var(--muted)}.artist-header{padding:42px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.artist-header h1{font-size:39px;margin-bottom:10px}.artist-role{font-size:14px}.artist-contact{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:8px}.artist-contact a:hover{color:var(--accent)}.artist-actions{display:flex;gap:8px;flex-wrap:wrap}.artist-actions .button{font-size:11px;padding:10px 14px}.portfolio .video-stage{aspect-ratio:2.12}.portfolio-footer{padding:25px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.portfolio-footer strong{font-weight:600;letter-spacing:-.02em}.portfolio dialog{--paper:inherit;background:var(--paper);color:var(--ink)}#resume-dialog{width:min(660px,calc(100% - 32px));padding:35px}#resume-content{margin:20px 0 28px}#resume-content h3{font-size:13px;margin:26px 0 12px}#resume-content p{font-size:13px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}#resume-content .resume-role{color:var(--ink)}.resume-item{padding:14px 0;border-top:1px solid var(--line)}.resume-item strong{font-size:13px;font-weight:500}.resume-item small{display:block;color:var(--muted);font-size:11px;margin:4px 0 8px}.public-empty{text-align:center;background:var(--soft);padding:90px 20px;border-radius:7px;margin-bottom:40px}.public-empty h2{margin:14px 0}.public-empty p{color:var(--muted);margin-bottom:22px}.not-found{text-align:center;padding:120px 25px}.not-found h1{margin:15px 0}.not-found p{color:var(--muted);margin:15px 0 30px}
}
@layer responsive{
@media(min-width:1600px){.welcome-hero{padding-top:80px;padding-bottom:90px}.hero-film{height:530px}}
@media(max-width:1000px){.site-header nav{gap:16px}.welcome-hero{grid-template-columns:1fr 1fr}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-copy h1{font-size:70px}.hero-film{height:460px}.dashboard-layout{gap:25px;grid-template-columns:minmax(0,1fr) 240px}.editor-layout{gap:20px;grid-template-columns:minmax(0,1fr) 260px}.shot-details{padding:18px}.range-controls{grid-template-columns:1fr;gap:0}.profile-layout{gap:30px;grid-template-columns:minmax(0,1fr) 235px}.auth-layout{gap:40px}.page-heading h1{font-size:29px}.artist-header{align-items:flex-start}.artist-actions{max-width:200px;justify-content:flex-end}}
@media(max-width:740px){h1{font-size:33px}.site-header{padding:23px 6%;flex-wrap:wrap;gap:20px}.site-header .brand{font-size:21px}.site-header nav{gap:15px;font-size:11px;flex-wrap:wrap}.site-header nav .nav-preview{display:none}.site-header nav>a[href='/#how-it-works']{display:none}.site-header .button{font-size:10px;padding:8px 10px}.site-footer{flex-wrap:wrap;padding:30px 6%;margin-top:25px}.site-footer>span:nth-child(2){margin-left:0}.welcome-hero{display:block;padding:38px 6%}.hero-copy{padding:0}.hero-copy h1{font-size:76px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .button{font-size:11px}.hero-actions .text-link{font-size:10px}.hero-film{margin-top:35px;height:auto;aspect-ratio:1.6}.welcome-preview,.steps-section{padding:45px 6%}.section-heading{align-items:flex-start;flex-direction:column;gap:18px}.section-heading h2{font-size:27px}.section-heading>p{font-size:12px}.sample-portfolio{padding:20px 18px 0}.sample-pill{display:none}.sample-portfolio>img{aspect-ratio:1.8}.sample-credits{gap:18px;grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.steps h3{margin:10px 0}.welcome-cta{padding:55px 20px}.welcome-cta h2{font-size:34px}.auth-layout{display:block;margin:30px auto;padding:0 6%;min-height:auto}.auth-aside{display:none}.auth-form{max-width:450px;margin:auto;padding:20px 0}.auth-form h1{font-size:34px}.workspace{padding:30px 6% 20px}.page-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}.page-heading h1{font-size:30px}.dashboard-layout,.editor-layout,.profile-layout{display:flex;flex-direction:column;gap:30px}.dashboard-aside{width:100%}.reel-panel{width:100%}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:25px}.dashboard-aside .quiet-note{grid-column:1/-1}.empty-reel{padding:45px 25px}.editor-main{width:100%}.shot-details,.appearance-panel{position:static;width:100%}.shot-details{order:-1}.editor-layout .shot-details{order:0}.range-controls{grid-template-columns:1fr 1fr;gap:12px}.range-controls label>div{flex-direction:column;align-items:stretch;gap:0}.form-grid{grid-template-columns:1fr;gap:0}.appearance-panel{max-width:450px}.profile-fields{width:100%}.theme-choices{grid-template-columns:repeat(3,1fr)}.theme-choice{font-size:10px;padding:10px 7px}.theme-dot{display:none}.public-shell{padding:0 5%}.public-top{padding:24px 0}.public-top .brand{font-size:20px}.public-top .eyebrow{font-size:8px;letter-spacing:.08em}.artist-header{flex-direction:column;gap:20px;padding:30px 0 25px}.artist-header h1{font-size:33px}.artist-role{font-size:13px}.artist-contact{font-size:11px;gap:7px}.artist-actions{justify-content:flex-start;max-width:none}.portfolio .video-stage{aspect-ratio:16/9}.credit-area{grid-template-columns:1fr;gap:15px;height:225px;padding-top:18px}.credit-area h2{font-size:22px;margin:5px 0}.credit-contribution{margin-top:5px;font-size:12px}.credit-area .eyebrow{font-size:9px}.playback-toolbar{gap:8px}.control-cluster{gap:7px}.volume{width:45px}.time-display{font-size:10px}.portfolio-footer{font-size:9px}.portfolio-footer>span{max-width:55%}.player:fullscreen .credit-area{height:180px}.player:fullscreen .video-stage{min-height:200px}#resume-dialog{padding:25px}.resume-entry .form-grid{grid-template-columns:1fr}dialog{padding:24px}.shot-row{padding:12px 7px}.shot-row>div{gap:8px}.shot-row strong{font-size:11px}.shot-times{font-size:9px!important}.public-empty{padding:65px 20px}}
@media(max-width:400px){.hero-copy h1{font-size:64px}.hero-actions{flex-direction:column;align-items:flex-start}.site-header nav{gap:11px}.dashboard-aside{display:block}.public-top .eyebrow{display:none}.time-display{padding-left:0}.control-cluster{gap:3px}.artist-actions{gap:6px}.artist-actions .button{padding:9px 11px}.theme-choices{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(pointer:coarse){button,.button,.icon-button{min-height:44px}input:not([type=range]),textarea,select{font-size:16px!important}.scrubber{height:5px;top:8px}.scrubber::-webkit-slider-thumb{width:15px;height:15px}.shot-marker{height:20px;min-width:25px}}
}
.control-icon{width:17px;height:17px;display:block;flex-shrink:0}

.step-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 22px}.step-controls .field-help{max-width:265px;margin:0 0 0 5px}@media(max-width:740px){.step-controls .field-help{max-width:none;margin:4px 0}}
.editor-section-strip{position:relative;height:27px;margin:0 0 7px;background:var(--soft);border-radius:4px;overflow:hidden}.editor-section-strip:empty{display:none}.section-block{position:absolute;top:0;height:27px;border:0;border-right:2px solid var(--paper);border-radius:3px;background:#e7edf7;color:#6d7c94;font-size:10px;padding:0;overflow:hidden}.section-block:hover{background:#d7e4fb}.section-block.selected{background:var(--accent);color:#fff}.section-block:focus-visible{outline-offset:-3px;outline:2px solid #8cb3ff}.section-block span{pointer-events:none}.editing-summary{font-size:10px;color:var(--muted);margin-bottom:18px}.step-controls .button:last-child{margin-left:auto}@media(max-width:740px){.section-block{min-height:27px}.step-controls .button:last-child{margin-left:0}}
.profile-live-preview{margin:24px 0}.live-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.live-preview-heading .eyebrow{font-size:9px}.live-preview-heading button{font-size:11px}.profile-live-preview iframe{display:block;width:100%;height:460px;border:1px solid var(--line);border-radius:8px;background:#fff}.profile-layout:has(.profile-live-preview){grid-template-columns:minmax(0,1fr) 390px}#expanded-profile-preview{width:min(1200px,calc(100% - 32px));max-height:94dvh;padding:20px}#expanded-profile-preview .dialog-heading{align-items:center;margin-bottom:15px}#expanded-profile-preview h2{font-size:18px}#expanded-profile-preview iframe{display:block;width:100%;height:74dvh;border:1px solid var(--line);border-radius:7px;background:#fff}@media(max-width:1000px){.profile-layout:has(.profile-live-preview){grid-template-columns:minmax(0,1fr) 310px}}@media(max-width:740px){.profile-live-preview iframe{height:500px}.profile-layout:has(.profile-live-preview){display:flex}.appearance-panel{max-width:none}}

.reel-sharing{padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.reel-sharing>p>a{color:var(--accent);overflow-wrap:anywhere}.reel-unlock{max-width:520px;margin:70px auto 110px;padding:25px}.reel-unlock h1{margin:15px 0 20px}.reel-unlock .wide{margin-top:24px}

.artist-banner{width:100%;height:clamp(82.5px,13.5vw,195px);object-fit:cover;border-radius:10px;margin-top:25px}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px;margin:25px 0 15px}.library-card{padding:22px;border:1px solid var(--line);border-radius:10px}.library-card>p{margin-top:10px}.library-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}#reel-library{padding-bottom:35px;border-bottom:1px solid var(--line);margin-bottom:40px}.banner-editor video{max-height:250px;width:100%;margin-top:20px;background:#111}.banner-editor canvas{width:100%;margin:20px 0;border-radius:8px}.banner-editor input[type=range]{width:65%;margin:0 10px}.banner-editor .reel-actions{margin-top:20px}

#banner-frames fieldset{border:1px solid var(--line);border-radius:8px;padding:16px;margin:18px 0}#banner-frames legend{font-weight:500;padding:0 6px}#banner-frames output{font-size:11px;color:var(--muted)}

body[data-screen=profile] .resume-entry{background:var(--soft)}body[data-screen=profile] .site-header,body[data-screen=profile] .appearance-panel{background:var(--paper)}body[data-screen=profile] .muted,body[data-screen=profile] .field-help{color:var(--muted)}

.theme-dark .button.primary,.theme-midnight .button.primary{color:#111d2d}

.directory-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;padding:22px;background:var(--soft);border-radius:12px;margin:24px 0}.directory-filters label{margin:0}.directory-filters>.button{align-self:end}.directory-filters>.text-link{align-self:center}.talent-directory .page-heading p{max-width:760px}.talent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0}.talent-card{padding:25px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:10px}.talent-card h2{font-size:24px}.talent-initial{width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:20px;margin-bottom:10px}.talent-tags{display:flex;gap:6px;flex-wrap:wrap}.talent-tags span{background:var(--soft);border-radius:20px;padding:4px 9px;font-size:10px}.talent-card-actions{display:grid;gap:8px;margin-top:auto;padding-top:10px}.talent-card-actions .button{width:100%}.availability-label{color:#24714d;font-size:12px}.directory-pagination{display:flex;gap:10px;margin:22px 0}.directory-choices{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:8px}.directory-choices legend{padding:0 6px}.directory-choices .check-label{margin:0;font-size:12px}@media(max-width:900px){.talent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.talent-grid,.directory-filters{grid-template-columns:1fr}}

.public-shot-index{padding:35px 0 45px}.public-shot-index h2{margin:10px 0 12px}.shot-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}.shot-index-card{padding:20px;border:1px solid var(--line);border-radius:8px}.shot-index-card h3{margin:10px 0}.shot-index-card p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.shot-index-card button{margin-top:14px}.shot-index-jump:hover h3{color:var(--accent)}@media(max-width:700px){.shot-index-grid{grid-template-columns:1fr}}

.discovery-section{max-width:1200px;margin:0 auto;padding:100px 36px;display:grid;grid-template-columns:1.15fr 1fr;gap:76px;align-items:center;scroll-margin-top:32px}.discovery-copy h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1.12;margin:20px 0 24px}.discovery-copy>p:not(.field-help){color:var(--muted,#68717d);font-size:17px;line-height:1.7}.discovery-copy .hero-actions{flex-wrap:wrap}.discovery-example{padding:38px;border:1px solid #e2e9ee;border-radius:24px;background:linear-gradient(145deg,#f5f9ff,#f5faf7)}.discovery-example h3{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:22px 0}.discovery-chips{display:flex;flex-wrap:wrap;gap:8px}.discovery-chips span{background:white;border:1px solid #dce5eb;border-radius:30px;padding:8px 13px;font-size:13px;color:#385470}.discovery-path{display:grid;gap:9px;margin:32px 0;color:#3f5368;font-size:14px}.discovery-path>span:nth-child(even){color:#93a7b8}.portfolio-benefits{max-width:1200px;margin:0 auto;padding:0 36px 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.portfolio-benefits h3{font-size:21px;letter-spacing:-.025em}.portfolio-benefits p{color:var(--muted,#68717d);line-height:1.7}.welcome-cta>p{color:var(--muted,#68717d);line-height:1.7;margin:20px auto 28px;max-width:720px}@media(max-width:760px){.discovery-section{grid-template-columns:1fr;padding:60px 24px;gap:30px}.discovery-example{padding:26px}.portfolio-benefits{grid-template-columns:1fr;padding:0 24px 48px;gap:20px}}

.motion-banner{position:relative;margin-bottom:32px;border-radius:18px;overflow:hidden;aspect-ratio:16/3;background:#111}.motion-banner video{width:100%;height:100%;object-fit:cover;display:block}.motion-banner button{position:absolute;right:12px;bottom:12px;background:white;color:#222}

.import-dialog{width:min(760px,92vw);max-height:85vh;overflow:auto;border:1px solid #dce2e9;border-radius:20px;padding:30px}.import-dialog::backdrop{background:#10203080}.import-dialog label{display:grid;gap:8px;margin:16px 0}.import-dialog textarea,.import-dialog input{width:100%;box-sizing:border-box}.import-dialog fieldset{margin:18px 0;border:1px solid #dce2e9;border-radius:12px;padding:18px}.resume-import{margin-top:24px}

.artist-origin{max-width:820px;margin:0 auto;padding:55px 30px 80px;text-align:center}.artist-origin h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.045em;line-height:1.15;margin:18px 0 22px}.artist-origin p{font-size:16px;line-height:1.8;color:var(--muted)}

.theme-lavender{--paper:#f1edfa;--ink:#302641;--muted:#6b5d7d;--line:#d9cfe8;--soft:#e7dff3;--accent:#7043a5;--accent-soft:#e4d8f3;color-scheme:light}
.theme-peach{--paper:#fff0e5;--ink:#452d25;--muted:#7c5c4c;--line:#e8cfc0;--soft:#f8e1d1;--accent:#a34727;--accent-soft:#f6d8c4;color-scheme:light}
.theme-rose{--paper:#faedf2;--ink:#422b38;--muted:#7e5a6d;--line:#e6cbd8;--soft:#f1dce6;--accent:#9c3964;--accent-soft:#efd0de;color-scheme:light}

.custom-theme-picker{margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.custom-colour-row{display:grid;grid-template-columns:90px 1fr;gap:14px}.custom-colour-row input[type=color]{height:45px;padding:4px;cursor:pointer}.theme-custom .button.primary{color:var(--paper)}

.studio-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0 48px}.studio-section{border:1px solid var(--line);border-radius:12px;padding:23px;display:grid;gap:10px;transition:border-color .2s,background .2s}.studio-section:hover,.studio-section.active{border-color:#c6d8f8;background:#f7faff}.studio-section strong{font-size:20px;font-weight:500;letter-spacing:-.025em}.studio-section>span:last-child{font-size:12px;color:var(--muted)}.showreel-library-rows{margin-top:25px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.showreel-library-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(140px,.7fr) auto;gap:24px;align-items:center;padding:22px;border-bottom:1px solid var(--line)}.showreel-library-row:last-child{border-bottom:0}.showreel-row-work{display:flex;align-items:center;gap:20px;min-width:0}.showreel-row-work>div{min-width:0}.showreel-row-work h3{font-size:16px;overflow-wrap:anywhere}.showreel-row-work h3 a:hover{color:var(--accent);text-decoration:underline}.showreel-thumb{position:relative;display:block;flex:0 0 150px;aspect-ratio:16/9;background:#17202c;border-radius:6px;overflow:hidden}.showreel-thumb video{width:100%;height:100%;object-fit:cover;pointer-events:none}.showreel-thumb>span{position:absolute;inset:0;display:grid;place-items:center;background:#10203080;color:white;opacity:0;transition:opacity .2s}.showreel-thumb:hover>span,.showreel-thumb:focus-visible>span{opacity:1}.showreel-row-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.showreel-status{display:inline-block;font-size:11px;background:var(--soft);padding:4px 9px;border-radius:20px}.showreel-status.main{background:#eef4ff;color:#245baf;margin-top:7px}.showreel-more summary{list-style:none;cursor:pointer}.showreel-management{display:grid;gap:7px;padding-top:10px}.removed-thumb{color:white;text-align:center;padding-top:20px;font-size:30px}.library-empty{padding:35px}.library-empty p{color:var(--muted);margin-top:12px}.library-notes,.studio-checklist{margin-top:20px;font-size:12px}.studio-workspace #reel-panel{max-width:900px;margin:35px auto}.studio-workspace #reel-panel .dashboard-reel-poster{max-height:300px;overflow:hidden}.studio-workspace #reel-panel video{max-height:300px;width:100%;background:#111}.showreel-tags{padding:25px 0}.showreel-tags .talent-tags{margin-top:12px}.tag-suggestion{border:1px solid var(--line);border-radius:8px;padding:15px;margin-top:10px}.tag-suggestion button{margin-top:8px}
@media(max-width:1000px){.showreel-library-row{grid-template-columns:minmax(0,1fr) auto}.showreel-row-actions{grid-column:1/-1}.showreel-thumb{flex-basis:120px}}@media(max-width:600px){.studio-sections{grid-template-columns:1fr;gap:10px;margin:22px 0 35px}.studio-section{padding:17px;gap:7px}.studio-section strong{font-size:18px}.showreel-library-row{grid-template-columns:1fr;padding:16px;gap:15px}.showreel-row-status,.showreel-row-actions{grid-column:1}.showreel-row-work{gap:12px}.showreel-thumb{flex-basis:100px}.studio-workspace .section-title{flex-wrap:wrap;gap:15px}.showreel-row-work h3{font-size:14px}}

.admin-workspace{max-width:1200px}.admin-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:0 0 32px;padding-bottom:12px;flex-wrap:wrap}.admin-tabs a{padding:10px 17px;border-radius:7px;font-size:13px;color:var(--muted)}.admin-tabs a:hover,.admin-tabs a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.admin-search{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:14px;max-width:850px}.admin-search label{margin:0}.admin-search .check-label{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:4px;font-weight:400}.admin-list-caption{margin:22px 0 14px;font-size:12px;color:var(--muted)}.admin-member-list{border:1px solid var(--line);border-radius:12px;overflow:hidden}.admin-list-head,.admin-member-row{display:grid;grid-template-columns:minmax(0,2.2fr) .7fr .7fr .5fr 20px;gap:18px;align-items:center;padding:18px 22px}.admin-list-head{background:var(--soft);font-size:11px;color:var(--muted)}.admin-member-row{border-top:1px solid var(--line);transition:background .15s,border-color .15s;font-size:12px}.admin-member-row:hover,.admin-member-row:focus-visible,.admin-member-row:active{background:var(--accent-soft)}.admin-member-identity{display:flex;gap:14px;align-items:center;min-width:0}.admin-avatar{width:40px;height:40px;flex-shrink:0;background:var(--soft);border-radius:50%;display:grid;place-items:center;font-size:17px;color:var(--accent)}.admin-member-identity>div{min-width:0}.admin-member-identity strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.admin-member-identity small{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.admin-member-heading{display:flex;align-items:center;gap:20px;margin:25px 0 32px}.admin-member-heading .admin-avatar{height:60px;width:60px;font-size:24px}.admin-member-heading h2{margin-bottom:9px}.admin-pills{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-section{padding:28px;border:1px solid var(--line);border-radius:12px;margin:0 0 24px}.admin-section h3,.admin-section h2{margin:0 0 18px}.admin-section .section-title h3{margin:0}.admin-section form{margin-top:18px}.admin-section button[type=submit]{margin-top:20px}.admin-facts{margin:0}.admin-facts>div{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.admin-facts dt{color:var(--muted)}.admin-facts dd{margin:0;overflow-wrap:anywhere}.admin-facts>div:last-child{border:0}.admin-showreel-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px;padding:20px 0;border-top:1px solid var(--line);align-items:start}.admin-showreel-row h4{font-size:14px;font-weight:500;margin:0}.admin-inline-action{font-size:12px;min-width:110px}.admin-inline-action summary{cursor:pointer;color:var(--accent)}.admin-inline-action form{max-width:260px}.admin-sensitive>summary{cursor:pointer;font-weight:500;font-size:14px}.admin-log-row{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.5fr) auto;gap:20px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.admin-log-row strong{font-weight:500;overflow-wrap:anywhere}.admin-log-row span{overflow-wrap:anywhere}.admin-log-row time{color:var(--muted);font-size:11px}.admin-empty{padding:28px;color:var(--muted);font-size:13px}.admin-action-status{font-size:12px;margin-top:12px;color:var(--muted)}.signup-discovery{margin:22px 0;font-size:12px}.signup-discovery summary{cursor:pointer;color:var(--accent)}
@media(max-width:700px){.admin-search{grid-template-columns:1fr auto}.admin-search>label:first-child{grid-column:1/-1}.admin-search .check-label{grid-column:1/-1}.admin-list-head,.admin-member-row{grid-template-columns:minmax(0,1fr) 65px 18px;gap:10px;padding:17px 14px}.admin-list-head>span:nth-child(3),.admin-list-head>span:nth-child(4),.admin-status-cell,.admin-count-cell{display:none}.admin-detail-grid{grid-template-columns:1fr;gap:0}.admin-section{padding:20px}.admin-showreel-row,.admin-log-row{grid-template-columns:1fr;gap:8px}.admin-facts>div{grid-template-columns:100px 1fr}.admin-member-heading{align-items:flex-start}.admin-tabs{gap:2px}.admin-tabs a{padding:9px 12px;font-size:12px}}

.studio-heading{margin-bottom:0}.studio-content-heading{margin-bottom:28px}.studio-content-heading h2{font-size:30px;margin-bottom:12px}.studio-workspace>.studio-sections{margin-top:28px}.studio-workspace>.studio-sections .studio-section[aria-current=page]{box-shadow:inset 0 0 0 1px #c6d8f8}.account-summary-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.account-card{border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:22px}.account-card h3{font-size:23px;margin:15px 0}.account-card p{font-size:13px;color:var(--muted);margin:15px 0;max-width:750px}.account-card .text-link{display:inline-block;margin-top:10px}.account-current{background:#f7faff}.account-current h3{font-size:32px}.account-invoices{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:25px}.account-empty{text-align:center;padding:25px;background:var(--soft);border-radius:9px}.account-empty>span{font-size:24px;color:var(--muted)}.account-empty p{margin:7px 0;color:var(--ink)}.account-empty small{color:var(--muted)}.account-card>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:17px;list-style:none}.account-card>summary:after{content:'+';font-size:23px;color:var(--muted)}.account-card[open]>summary:after{content:'−'}.account-card>summary>span{font-size:11px;color:var(--muted);margin-left:auto}.account-card .form-grid{max-width:850px}.account-card button[type=submit]{margin-top:10px}.annual-account-note{color:#226348!important;background:#edf8f1;padding:12px 15px;border-radius:7px;font-size:12px!important}.account-request-list article{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.account-request-list article:last-child{border-bottom:0}.account-request-list strong,.account-request-list span{display:block}.account-request-list span,.account-request-list time{color:var(--muted);margin-top:5px}.account-email .form-section{border:0;margin:25px 0 0;padding:0}.account-email .check{display:flex;align-items:center;gap:9px;font-weight:400}.account-card #account-status{color:var(--accent);font-size:12px}@media(max-width:700px){.account-summary-grid,.account-invoices{grid-template-columns:1fr;gap:0}.account-card{padding:22px}.account-card>summary{font-size:15px;flex-wrap:wrap}.account-card>summary>span{margin-left:0}.account-empty{margin-top:15px}.studio-content-heading h2{font-size:26px}}

.admin-mobile-status{display:none}@media(max-width:600px){.studio-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.studio-section{padding:12px 9px;min-height:85px;align-content:start}.studio-section .eyebrow{font-size:8px;letter-spacing:.08em}.studio-section strong{font-size:13px;line-height:1.3}.studio-section>span:last-child{display:none}.admin-mobile-status{display:block;font-size:10px;color:var(--muted);margin-top:5px}}

/* Distinct, theme-aware chapters in the profile editor. */
body[data-screen=profile] .profile-layout{gap:32px;align-items:start}
.profile-section-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px;padding-bottom:22px;border-bottom:1px solid var(--line)}.profile-section-nav a{font-size:12px;padding:8px 14px;border:1px solid var(--line);border-radius:30px;background:var(--paper)}.profile-section-nav a:hover,.profile-section-nav a:focus-visible{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.profile-fields>.profile-card{padding:32px;border:1px solid var(--line);border-radius:18px;margin:0 0 32px;background:var(--paper);box-shadow:0 6px 24px #10203004;scroll-margin-top:28px;position:relative;overflow:hidden}
.profile-fields>.profile-card:nth-child(2){background:var(--soft);background:color-mix(in srgb,var(--paper) 93%,var(--accent) 7%)}
.profile-fields>.profile-card:nth-child(3){background:var(--soft);background:color-mix(in srgb,var(--paper) 97%,var(--ink) 3%)}
.profile-fields>.profile-card:nth-child(4){background:var(--soft);background:color-mix(in srgb,var(--paper) 95%,var(--accent) 5%)}
.profile-card:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent);opacity:.4}
.profile-card-kicker{display:inline-block;padding:5px 10px;margin-bottom:18px;border:1px solid var(--line);border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--paper)}
.profile-card h2{font-size:26px;letter-spacing:-.035em;margin-bottom:12px}.profile-card>.section-title{margin-bottom:24px}.profile-card h3{padding-top:20px;margin-top:27px;border-top:1px solid var(--line)}.profile-card .resume-entry{background:var(--paper)}.profile-card .pdf-control{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.profile-card .pdf-control>label{margin-top:0}.profile-card .directory-choices{background:var(--paper);border-radius:10px;padding:20px}.profile-card .resume-import{padding-top:5px}.profile-card .directory-choices legend{font-weight:600}.profile-card label{line-height:1.55}
body[data-screen=profile] .appearance-panel{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--soft);background:color-mix(in srgb,var(--paper) 96%,var(--ink) 4%)}
body[data-screen=profile] .appearance-panel>p{line-height:1.7}.profile-card .banner-editor{margin:0}
@media(max-width:740px){.profile-fields>.profile-card{padding:24px 20px;margin-bottom:25px;border-radius:14px}.profile-card h2{font-size:23px}.profile-card .pdf-control{padding:17px}.profile-card .directory-choices{padding:15px}.profile-section-nav{gap:7px}.profile-section-nav a{padding:8px 12px;font-size:11px}body[data-screen=profile] .appearance-panel{max-width:none;padding:22px}}

.showreel-library-row{position:relative;transition:background .18s,box-shadow .18s}.showreel-library-row:has(.showreel-row-link):hover,.showreel-library-row:focus-within,.showreel-library-row.selected-showreel{background:var(--accent-soft)}.showreel-row-link:after{content:'';position:absolute;inset:0;z-index:1}.showreel-row-link:focus-visible{outline:none}.showreel-library-row:has(.showreel-row-link:focus-visible){box-shadow:inset 0 0 0 2px var(--accent)}.showreel-row-actions .library-preview,.showreel-row-actions button{position:relative;z-index:2}.showreel-open-hint{font-size:12px;color:var(--accent);padding:10px 3px;white-space:nowrap}.showreel-settings-management{padding:28px;margin-top:32px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.showreel-management-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0}.showreel-file-actions{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.showreel-file-actions h3{font-size:16px;margin:0}.showreel-file-actions p{max-width:500px}.showreel-file-actions .button{flex-shrink:0}.showreel-settings-management>.field-help{margin-top:13px}@media(max-width:600px){.showreel-settings-management{padding:20px}.showreel-file-actions{flex-direction:column;align-items:flex-start;gap:15px}.showreel-open-hint{font-size:11px}}

#reel-panel{scroll-margin-top:24px}

/* Library actions stay explicit so opening a reel goes straight to the relevant task. */
.showreel-row-link:after{content:none}
.showreel-library-row:has(.showreel-row-link):hover{background:var(--paper)}
.showreel-library-row.selected-showreel{background:var(--accent-soft)}
.showreel-row-actions{align-items:center}
.showreel-row-actions>a{position:relative;z-index:2}
.showreel-open-hint{display:none}
.library-edit-credits{border-color:var(--accent);color:var(--accent)}
.library-edit-credits:hover{background:var(--accent-soft)}
@media(max-width:1000px){.showreel-row-actions{grid-column:1/-1}}

/* Selected showreel settings share the profile editor's card rhythm. */
.studio-workspace #reel-panel.showreel-settings-sections{border:0;overflow:visible;max-width:1000px;border-radius:0;background:transparent}
.showreel-settings-sections>.showreel-settings-card{position:relative;overflow:hidden;padding:32px;margin:0 0 32px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 6px 24px #10203004;scroll-margin-top:28px}
.showreel-settings-card:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:var(--accent);opacity:.4}
.showreel-settings-sections>#showreel-access{background:var(--soft);background:color-mix(in srgb,var(--paper) 93%,var(--accent) 7%)}
.showreel-settings-sections>#showreel-experience{background:var(--soft);background:color-mix(in srgb,var(--paper) 97%,var(--ink) 3%)}
.showreel-settings-sections>#showreel-manage{background:var(--soft);background:color-mix(in srgb,var(--paper) 95%,var(--accent) 5%)}
.showreel-settings-card h2{font-size:26px;letter-spacing:-.035em;margin:0 0 12px}
.showreel-settings-card .dashboard-reel-poster{border-radius:10px;margin-bottom:24px;aspect-ratio:16/9}
.showreel-settings-card .back-link{display:block;margin-bottom:15px}
.showreel-settings-card .reel-settings{margin-top:24px;border-top:0;padding-top:0}
.showreel-settings-card .reel-sharing{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:26px}
.showreel-settings-card .reel-sharing>label:first-child{margin-top:0}
.showreel-settings-card .check-label{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);margin-top:12px;align-items:flex-start}
.showreel-settings-card .check-label input{flex:none;margin-top:3px}
.showreel-settings-card .directory-choices{background:var(--paper);border-radius:12px;padding:20px}
.showreel-settings-card details{margin-top:22px}
.showreel-settings-card summary{cursor:pointer;font-weight:500;padding:12px 0}
.showreel-settings-card .showreel-file-actions{padding:22px 0}
.showreel-settings-card .showreel-management-actions{margin-top:24px}
@media(max-width:740px){.showreel-settings-sections>.showreel-settings-card{padding:24px 20px;margin-bottom:25px;border-radius:14px}.showreel-settings-card h2{font-size:23px}.showreel-settings-card .reel-sharing{padding:16px}.showreel-settings-card .showreel-file-actions{flex-wrap:wrap;gap:14px}}

.split-toolbar{display:flex;align-items:center;gap:20px;padding:18px 0 12px}.split-toolbar .button{flex:none}.split-toolbar p{margin:0;max-width:490px}@media(max-width:740px){.split-toolbar{align-items:flex-start;gap:12px}.split-toolbar p{font-size:11px}}

/* Credits follow the playhead workflow vertically, above the section list. */
.editor-workspace{max-width:1440px;padding-left:6%;padding-right:6%}
.editor-workspace .editor-layout{display:block;max-width:none;margin:0}
.editor-workspace .editor-back-link{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;padding:11px 17px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:999px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:600;line-height:1.2;box-shadow:0 2px 8px #1020300a;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s}
.editor-workspace .editor-back-link:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 4px 12px #10203012;transform:translateX(-2px)}
.editor-workspace .editor-back-link:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:3px}
.editor-workspace .shot-details{position:static;width:100%;margin:24px 0 32px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.editor-workspace #shot-form{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.editor-workspace #shot-form>label:first-child,.editor-workspace #shot-form>label:has(textarea),.editor-workspace #shot-form>.form-error{grid-column:1/-1}
.editor-workspace #shot-form>label:has(textarea) textarea{min-height:90px}
.editor-workspace #shot-form>.button{width:auto;justify-self:start;margin-top:18px}
.editor-workspace .keyboard-note{margin-top:24px;padding-top:18px}.editor-workspace .keyboard-note p{line-height:1.8}
@media(max-width:740px){.editor-workspace .shot-details{padding:22px 18px}.editor-workspace #shot-form{display:block}.editor-workspace #shot-form>.button{margin-right:10px}}

/* Generous drag target, while retaining a thin visible timeline. */
.scrubber{height:22px;top:0;touch-action:none;user-select:none;-webkit-user-drag:none;background:linear-gradient(to right,var(--accent) var(--progress,0%),var(--line) var(--progress,0%)) center/100% 3px no-repeat}
@media(pointer:coarse){.scrubber{height:28px;top:-3px;background-size:100% 5px}}

/* Mouse-first shot editor; retain hidden controls for existing keyboard handlers. */
.editor-workspace .editing-controls,.editor-workspace .keyboard-note{display:none}

.editor-workspace .split-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:20px 0 14px}
.editor-workspace #split-here{width:100%;background:#187346;border-color:#187346;color:#fff;min-height:48px;font-size:14px;font-weight:600;border-radius:9px}
.editor-workspace #split-here:hover{background:#105b36;border-color:#105b36}
.editor-workspace #split-here:focus-visible{outline:3px solid #70c49a;outline-offset:3px}
.editor-workspace .split-toolbar .field-help{max-width:none;text-align:center;font-size:11px}
.mux-scan-status{display:flex;align-items:center;gap:10px;min-height:26px;margin-top:14px;font-size:12px;color:var(--muted)}
.mux-scan-spinner{width:17px;height:17px;flex:none;border:2px solid #c9d6ed;border-top-color:var(--accent);border-radius:50%;animation:mux-scan-spin .75s linear infinite}
.mux-scan-spinner[hidden]{display:none}
@keyframes mux-scan-spin{to{transform:rotate(360deg)}}
.shot-list-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.shot-list-actions .button.danger{margin:0;border-color:#e4b5b5;background:#fff8f7}
.shot-list-actions .button.danger:hover{background:#ffefed}

.editor-workspace .editor-section-strip{margin:14px 0 10px;height:40px;touch-action:none;user-select:none;cursor:ew-resize;overflow:visible}
.editor-workspace .section-block{height:40px;min-height:40px;cursor:ew-resize}
.editor-playhead{position:absolute;top:-5px;bottom:-4px;width:2px;background:var(--ink);box-shadow:0 0 0 1px var(--paper);z-index:5;pointer-events:none;transform:translateX(-1px)}
.editor-playhead:before{content:'';position:absolute;left:-4px;top:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--ink)}
.play-control{flex-shrink:0;visibility:visible;opacity:1}.play-control svg{display:block;width:18px;height:18px;flex-shrink:0}

.editor-save-notice{position:fixed;right:24px;bottom:24px;z-index:1000;display:flex;gap:24px;align-items:center;padding:18px 20px;border:1px solid #df9c9c;border-left:4px solid #b42318;border-radius:12px;background:#fff5f4;color:#8f2018;box-shadow:0 8px 32px #38101026;max-width:calc(100vw - 32px)}
.editor-save-notice[hidden]{display:none}.editor-save-notice strong{display:block;font-size:14px}.editor-save-notice span{display:block;font-size:11px;margin-top:4px}.editor-save-notice .button{background:#b42318;border-color:#b42318;color:white;white-space:nowrap}.editor-save-notice .button:hover{background:#912018}
body[data-screen=editor]{padding-bottom:110px}
@media(max-width:600px){.editor-save-notice{right:16px;left:16px;bottom:16px;padding:14px;gap:12px;justify-content:space-between}.editor-save-notice .button{font-size:11px;padding:12px}.editor-save-notice span{max-width:150px}}

.editor-workspace .editor-timeline-instruction{margin:0 0 2px;color:var(--muted);font-size:11px;line-height:1.35}
.editor-workspace .editor-timeline-label{margin:0 0 2px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.04em}
.editor-workspace .timeline-wrap{display:block;height:34px;margin:0 0 7px;position:relative}
.editor-workspace .timeline-wrap .scrubber{--scrubber-thumb-size:9px;left:-4.5px;width:calc(100% + 9px);background-size:calc(100% - 9px) 3px}
.editor-workspace .shot-markers{pointer-events:none}
.editor-workspace .shot-markers .shot-marker{pointer-events:auto}
.editor-workspace .editor-section-strip{cursor:default}
.editor-workspace .section-block{cursor:pointer}
.editor-workspace .boundaries-locked .boundary-handle{cursor:default;opacity:.55}
.editor-workspace .editor-section-strip:not(.boundaries-locked) .boundary-handle{cursor:ew-resize}
.editor-workspace .editing-summary{margin:2px 0 2px}
.editor-workspace .boundary-help{margin:0 0 7px;font-size:10px;line-height:1.35}
.boundary-lockbar{display:flex;align-items:center;gap:10px;margin:0 0 4px;min-height:34px}
.boundary-lockbar #delete-all-shots{margin:0 0 0 auto;border-color:#e4b5b5;background:#fff8f7;color:#a92720}
.boundary-lockbar #delete-all-shots:hover{background:#ffefed}
.boundary-lock-toggle{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:11px;font-weight:600}
.boundary-lock-toggle:hover{border-color:var(--accent);background:var(--accent-soft)}
.boundary-lock-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.boundary-lock-toggle[aria-pressed="true"]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.boundary-lock-hint{color:var(--muted);font-size:10px}
.boundary-lock-toggle[aria-pressed="false"]{color:#b42318;border-color:#b42318;background:#fff4f2}
.boundary-lock-toggle[aria-pressed="false"]:hover{background:#ffe6e2}
.boundary-lockbar:has(.boundary-lock-toggle[aria-pressed="false"]) .boundary-lock-hint{color:#b42318}
@media(pointer:coarse){.editor-workspace .timeline-wrap .scrubber{--scrubber-thumb-size:15px;left:-7.5px;width:calc(100% + 15px);background-size:calc(100% - 15px) 5px}}
@media(max-width:600px){.boundary-lockbar{align-items:flex-start;flex-direction:column;gap:5px}}

/* Public shot navigation: quiet visual track, generous interaction targets. */
.portfolio-player .timeline-wrap{height:38px;margin-top:12px}
.portfolio-player .scrubber{top:0;height:26px;background-size:100% 4px;z-index:2}
.portfolio-player:has(.public-shot-segments>span) .scrubber{background:none}
.public-shot-segments{position:absolute;left:0;right:0;top:11px;height:5px;pointer-events:none}
.public-shot-segments span{position:absolute;top:0;height:5px;padding-right:3px;box-sizing:border-box;background:linear-gradient(to right,var(--accent) var(--shot-progress,0%),var(--line) var(--shot-progress,0%));background-clip:content-box;border-radius:3px}
.public-shot-segments span.current{height:6px;top:-.5px}
.portfolio-player .shot-markers{top:23px;height:15px;z-index:3}
.portfolio-player .shot-marker{height:15px;min-height:15px;min-width:16px;cursor:pointer}
.portfolio-player .shot-marker:after{height:4px;width:3px;border-radius:2px;opacity:.65}
.portfolio-player .shot-marker.active:after{height:7px;background:var(--accent);opacity:1}
.portfolio-player .playback-toolbar{position:relative;min-height:48px;padding:5px 0 12px;gap:16px;flex-wrap:wrap}
.portfolio-player .control-cluster{gap:14px}
.portfolio-player .play-control{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}
.portfolio-player .icon-button{min-width:32px;min-height:36px}
.portfolio-player .play-control svg{width:21px;height:21px}
.portfolio-player .time-display{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.portfolio-player .shot-position{font-size:12px;font-weight:500;color:var(--ink);order:0;margin-left:auto;margin-right:auto;font-variant-numeric:tabular-nums}
.portfolio-player .playback-toolbar>.control-cluster:nth-child(2){order:1;margin-left:auto}
.portfolio-player .shot-navigation-hint{font-size:11px;color:var(--muted);margin:0 0 22px}
.portfolio-player .credit-area{height:190px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;padding:26px 0;border-top:1px solid var(--line);overflow:auto;align-content:start}
.portfolio-player .credit-area>div{min-width:0}.portfolio-player .credit-area>div+div{padding-left:28px;border-left:1px solid var(--line)}
.portfolio-player .credit-project{font-size:27px;margin:9px 0 10px;line-height:1.2;overflow-wrap:anywhere}
.portfolio-player .credit-role{font-size:13px;color:var(--muted);line-height:1.6}
.portfolio-player .credit-contribution{font-size:15px;line-height:1.65;margin-top:10px;overflow-wrap:anywhere}
.portfolio-player .hover-preview{z-index:6;max-width:min(220px,90%);pointer-events:none}.portfolio-player .hover-preview span{white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.5}
@media(max-width:600px){.portfolio-player .playback-toolbar{gap:8px}.portfolio-player .control-cluster{gap:7px}.portfolio-player .shot-position{order:2;flex-basis:100%;margin:2px 0 0}.portfolio-player .volume{width:50px}.portfolio-player .shot-navigation-hint{margin-top:4px;margin-bottom:18px}.portfolio-player .credit-area{height:270px;grid-template-columns:1fr;gap:18px;padding:22px 0}.portfolio-player .credit-area>div+div{padding-left:0;border-left:0}.portfolio-player .credit-project{font-size:24px}.portfolio-player .credit-contribution{font-size:14px}.portfolio-player .icon-button{min-height:44px;min-width:36px}}

.portfolio-player .credit-contribution{color:var(--ink)}

/* One viewing module, followed by a distinct full-credit reference section. */
.scrubber:focus:not(:focus-visible){outline:none;box-shadow:none}
.scrubber:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.portfolio .portfolio-player .video-stage{aspect-ratio:16/9;border-radius:12px 12px 0 0}
.portfolio-player{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.portfolio-player .player-bottom{padding:0 24px;background:var(--paper)}
.portfolio-player .credit-area{height:190px;margin-bottom:0}
.public-shot-index{margin-top:48px;padding:32px;border-top:1px solid var(--line);border-radius:16px;background:var(--soft)}
.public-shot-index>h2{margin-top:10px}.public-shot-index>.muted{max-width:650px;line-height:1.7}
@media(max-width:600px){.portfolio-player .player-bottom{padding:0 15px}.portfolio-player .credit-area{height:270px}.public-shot-index{margin-top:32px;padding:24px 18px}}

.scrubber.pointer-focus:focus{outline:none;box-shadow:none}

/* Artist identity: editorial hierarchy, compact actions, consistent rhythm. */
.portfolio .artist-header{padding:32px 2px 30px;gap:32px;align-items:center}
.portfolio .artist-identity{min-width:0;flex:1}
.portfolio .artist-header h1{font-size:clamp(30px,3.4vw,44px);font-weight:550;letter-spacing:-.045em;line-height:1.12;margin:0 0 12px;overflow-wrap:anywhere}
.portfolio .artist-role{font-size:15px;font-weight:400;line-height:1.6;color:var(--ink);margin:0}
.portfolio .artist-contact{margin-top:12px;gap:10px;font-size:12px;line-height:1.6}
.portfolio .artist-email{color:var(--muted);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color .15s,text-decoration-color .15s}
.portfolio .artist-email:hover{color:var(--accent);text-decoration-color:currentColor}
.portfolio .artist-socials:empty{display:none}.portfolio .artist-socials:not(:empty){margin-top:14px;display:flex;gap:16px;flex-wrap:wrap;font-size:12px}
.portfolio .artist-socials a{color:var(--muted)}.portfolio .artist-socials a:hover{color:var(--accent)}
.portfolio .artist-actions{align-items:center;gap:10px;flex-shrink:0}
.portfolio .artist-actions .button{min-height:42px;padding:11px 17px;border-radius:9px;font-size:12px;font-weight:500;line-height:1.4}
.portfolio .artist-actions #open-resume{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.portfolio .artist-actions #open-resume:hover{border-color:var(--accent)}
.portfolio .artist-actions [data-share]{background:var(--paper);color:var(--ink)}
.portfolio .public-top{padding:24px 0}.portfolio .public-top .eyebrow{font-size:9px;letter-spacing:.14em}
@media(max-width:740px){.portfolio .artist-header{padding:27px 0 25px;gap:20px;align-items:flex-start}.portfolio .artist-header h1{font-size:32px;margin-bottom:10px}.portfolio .artist-role{font-size:14px}.portfolio .artist-actions{max-width:none;justify-content:flex-start}.portfolio .artist-contact{margin-top:10px}.portfolio .artist-actions .button{min-height:44px}}
.artist-banner-stage{position:relative}.artist-banner-stage .artist-banner{width:100%}
.banner-identity-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,var(--banner-shade,.35)));border-radius:inherit}
.banner-identity-overlay:before{content:'';position:absolute;inset:16px}
.banner-identity-text{position:absolute;left:calc(16px + (100% - 32px)*var(--text-x,0%)/100%);top:calc(16px + (100% - 32px)*var(--text-y,100%)/100%);max-width:calc(100% - 32px);width:max-content;transform:translate(calc(-1 * var(--text-x,0%)),calc(-1 * var(--text-y,100%)));color:var(--banner-text-color,#fff);text-align:var(--banner-align,left);text-shadow:0 1px 12px #0005}
.banner-identity-text .artist-name,.banner-identity-text>strong{display:block;font-size:clamp(24px,3.3vw,42px);font-weight:550;letter-spacing:-.04em;line-height:1.15;margin:0 0 8px;color:inherit;overflow-wrap:anywhere}
.banner-identity-text .artist-role,.banner-identity-text>p{font-size:14px;line-height:1.5;margin:0;color:inherit;overflow-wrap:anywhere}
.portfolio .artist-header.banner-contact-header{padding:18px 0 25px}.banner-contact-header .artist-contact{margin-top:0}
.banner-text-preview{position:relative;aspect-ratio:16/3;background:#273646 center/cover;border-radius:12px;overflow:hidden;margin:22px 0;--text-x:0%;--text-y:100%}
.banner-text-preview .banner-identity-text>strong{font-size:clamp(20px,2.6vw,32px)}.banner-text-preview .banner-identity-text>p{font-size:12px}
.banner-text-editor{margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.banner-text-editor output{float:right;color:var(--muted);font-size:12px}.banner-text-editor input[type=range]{width:100%;margin:12px 0;accent-color:var(--accent)}
@media(max-width:600px){.banner-text-preview{aspect-ratio:10/3}.banner-text-editor{padding:18px}.banner-identity-text .artist-name{font-size:24px}.banner-identity-text .artist-role{font-size:12px}}

.banner-identity-overlay{inset:16px;background:none}.banner-identity-overlay:before{inset:-16px;background:linear-gradient(transparent,rgba(0,0,0,var(--banner-shade,.35)))}.banner-identity-text{left:var(--text-x,0%);top:var(--text-y,100%);max-width:100%}

.artist-banner-stage{margin-top:25px;border-radius:10px}.artist-banner-stage .artist-banner,.artist-banner-stage .motion-banner{margin-top:0;display:block}.artist-banner-stage .artist-banner[hidden]{display:none}.artist-banner-stage:not(:has(.artist-banner:not([hidden]))):not(:has(.motion-banner)){display:none}.has-banner-identity .banner-identity-overlay{z-index:2}.banner-text-preview .banner-identity-overlay{z-index:1}

/* Both lines share an alignment axis while the sliders position the block. */
.banner-identity-text{display:flex;flex-direction:column;align-items:var(--banner-items,flex-start)}
.banner-identity-text>.artist-name,.banner-identity-text>.artist-role,.banner-identity-text>strong,.banner-identity-text>p{width:fit-content;max-width:100%;text-align:var(--banner-align,left)}
.banner-text-preview .banner-identity-text>p{font-size:14px}

.artist-banner-stage .motion-banner{height:clamp(82.5px,13.5vw,195px);aspect-ratio:auto;margin-bottom:0}
/* Clear contact actions between the artist banner and the work. */
.portfolio .artist-contact-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:16px}
.portfolio .artist-contact-links .artist-contact{margin:0;gap:12px;flex-wrap:wrap;min-width:0}
.portfolio .artist-contact-links .artist-socials:not(:empty){margin:0;gap:8px}
.portfolio .artist-email{display:inline-flex;align-items:center;gap:9px;max-width:100%;font-size:13px;font-weight:500;color:var(--ink);overflow-wrap:anywhere;background:var(--paper);padding:10px 13px;border:1px solid var(--line);border-radius:9px;text-decoration:none}
.portfolio .artist-email svg,.artist-social-link svg{height:17px;width:17px;flex:none}
.portfolio .artist-social-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:12px;color:var(--ink)}
.portfolio .artist-social-link:hover,.portfolio .artist-email:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}
.portfolio .artist-header.banner-contact-header{margin:16px 0 24px;padding:18px 20px;background:var(--soft);border:1px solid var(--line);border-radius:12px;gap:20px;flex-wrap:wrap}
.portfolio .banner-contact-header .artist-contact-links{margin:0;gap:14px}
.portfolio .artist-actions #open-resume{background:var(--accent);color:white;border-color:var(--accent)}
.portfolio .artist-actions .control-icon{width:16px;height:16px;flex:none}.portfolio .artist-actions .button{gap:8px}
.portfolio .banner-contact-header .artist-identity{flex-basis:500px}
@media(max-width:740px){.portfolio .artist-header.banner-contact-header{padding:16px;margin:14px 0 20px;gap:15px}.portfolio .banner-contact-header .artist-identity{flex-basis:auto;width:100%}.portfolio .artist-contact-links{gap:12px}.portfolio .artist-social-link{min-height:44px}.portfolio .artist-email{min-height:44px;font-size:12px}.portfolio .artist-contact-links .artist-socials:not(:empty){gap:7px}.portfolio .artist-actions{width:100%;flex-wrap:wrap}.portfolio .artist-actions #open-resume{flex:1}}

.banner-visibility-control{padding:18px 20px;margin:22px 0;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.banner-visibility-control label{margin-top:0}.banner-visibility-control input{accent-color:var(--accent)}
.banner-image-card,.banner-motion-card{padding:24px;margin:26px 0;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.banner-editor .banner-image-card h3{border:0;margin:10px 0 12px;padding:0;font-size:23px;letter-spacing:-.025em}
.banner-editor-kicker{font-size:10px;letter-spacing:.12em;font-weight:600;color:var(--accent)}
.saved-banner-preview{display:block;width:100%;aspect-ratio:16/3;object-fit:cover;border-radius:9px;margin:20px 0}.saved-banner-preview[hidden]{display:none}
.banner-image-options{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 14px}.banner-image-options .button{min-height:44px}
.banner-editor #banner-file[hidden]{display:none}.banner-editor #banner-canvas{width:100%;border-radius:9px;margin-top:20px}
.banner-remove-options{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.banner-remove-options>summary{font-size:12px;color:var(--muted);cursor:pointer}.banner-remove-options[open]>.field-help{margin:14px 0}
.banner-motion-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.banner-motion-heading h3{font-size:18px;font-weight:500;margin:0}.banner-motion-heading small{font-size:11px;color:var(--muted);margin-left:auto;font-weight:400}.banner-motion-content{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}
.banner-editor #banner-composer{margin-top:24px;padding:20px;background:var(--soft);border-radius:10px}.banner-editor #banner-composer[hidden]{display:none}.banner-editor #banner-composer h4{font-size:17px;margin:0 0 10px}.banner-editor #banner-composer video{width:100%;margin:18px 0;border-radius:7px}.banner-frame-actions{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.banner-frame-actions label{margin:0;flex:1;min-width:140px}.banner-frame-actions .button{margin-bottom:0}
.banner-editor .banner-text-editor>h3{padding:0;border:0;margin:0 0 12px}.banner-image-card>.field-help{line-height:1.7}
@media(max-width:600px){.banner-image-card,.banner-motion-card{padding:20px 16px}.banner-image-options{flex-direction:column}.banner-image-options .button{width:100%}.banner-editor #banner-composer{padding:14px}.banner-motion-heading h3{font-size:17px}}

.portfolio .artist-reach{display:flex;flex-direction:column;align-items:flex-end;gap:14px;max-width:65%;min-width:0}
.portfolio .artist-reach .artist-contact-links{margin:0;justify-content:flex-end;gap:15px}
.portfolio .artist-reach .artist-actions{justify-content:flex-end}
.portfolio .artist-email{background:transparent;border:0;border-radius:0;padding:5px 0;font-size:13px;font-weight:400;color:var(--ink);min-height:32px}
.portfolio .artist-email:hover{background:transparent;text-decoration:underline;text-underline-offset:4px}
.portfolio .artist-social-link{border:0;background:transparent;border-radius:0;padding:5px 3px;min-height:32px;gap:6px}
.portfolio .artist-social-link:hover{background:transparent}
.portfolio .artist-header.banner-contact-header .artist-identity:empty{display:none}
.portfolio .banner-contact-header .artist-reach{max-width:none;width:100%;flex:1;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}
.portfolio .banner-contact-header .artist-reach .artist-contact-links{justify-content:flex-start}
@media(max-width:740px){.portfolio .artist-reach{align-items:flex-start;max-width:100%;width:100%;gap:12px}.portfolio .artist-reach .artist-contact-links,.portfolio .artist-reach .artist-actions{justify-content:flex-start}.portfolio .banner-contact-header .artist-reach{flex-direction:column;align-items:flex-start;gap:12px}.portfolio .artist-social-link,.portfolio .artist-email{min-height:44px}}

.shot-index-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.shot-number-label{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-variant-numeric:tabular-nums}.shot-index-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
/* Final public-portfolio readability and consistency pass. */
.portfolio .artist-banner-stage{overflow:hidden;border-radius:12px;isolation:isolate}
.portfolio .artist-banner-stage .artist-banner,.portfolio .artist-banner-stage .motion-banner{border-radius:inherit;min-height:inherit}
.portfolio .artist-social-link{font-size:13px;color:var(--ink)}
.portfolio .location-text{font-size:13px;color:var(--ink)}
.portfolio-player .time-display,.portfolio-player .time-display span{font-size:13px;color:var(--ink)}
.portfolio-player .time-display span{color:var(--muted)}
.portfolio-player .shot-navigation-hint{font-size:12px;line-height:1.6;color:var(--ink);opacity:.8}
.portfolio-player .shot-position{font-size:13px}
.public-shot-segments{height:6px;top:10px}
.public-shot-segments span{height:6px;background:linear-gradient(to right,var(--accent) var(--shot-progress,0%),color-mix(in srgb,var(--ink) 22%,var(--paper)) var(--shot-progress,0%));padding-right:4px}
.public-shot-segments span.current{height:7px;top:-.5px}
.portfolio-player .shot-marker:after{height:5px;width:3px;background:var(--ink);opacity:.6}
.portfolio-player .shot-marker.active:after{height:8px;opacity:1;background:var(--accent)}
.portfolio-player .shot-marker:hover:after,.portfolio-player .shot-marker:focus-visible:after{height:8px;opacity:1}
.shot-index-time{font-size:12px;color:var(--ink)}.shot-number-label{font-size:12px}
.portfolio .artist-contact-links,.portfolio .artist-contact,.portfolio .artist-socials,.portfolio .artist-actions{min-width:0}
.portfolio .artist-email{word-break:break-word}.portfolio .artist-email svg{flex-shrink:0}
.portfolio .artist-reach{flex-shrink:1}.portfolio .artist-social-link{white-space:nowrap}
@media(max-width:600px){.portfolio-player .time-display,.portfolio-player .time-display span{font-size:12px}.portfolio-player .shot-navigation-hint{font-size:12px}.portfolio-player .playback-toolbar{column-gap:6px}.portfolio-player .control-cluster{gap:5px}.portfolio-player .credit-area{overscroll-behavior:contain}.portfolio .artist-actions .button{flex-shrink:0}}
.public-shot-segments span{background-clip:content-box}

.portfolio-owner-tools{display:flex;align-items:center;gap:18px}.portfolio-edit-link{gap:7px;color:var(--accent);background:var(--accent-soft);border-color:transparent}.portfolio-edit-link .control-icon{width:15px;height:15px}@media(max-width:600px){.portfolio-owner-tools>.eyebrow{display:none}.portfolio-edit-link{min-height:40px}.portfolio .public-top{gap:12px}}

.portfolio-owner-edit{display:flex;align-items:center;gap:14px;margin:8px 0 22px;padding-top:12px;border-top:1px solid var(--line);flex-wrap:wrap}.portfolio-owner-edit .portfolio-edit-link{background:#b42318;border-color:#b42318;color:#fff;font-weight:600;min-height:44px;gap:8px}.portfolio-owner-edit .portfolio-edit-link:hover{background:#912018;border-color:#912018}.portfolio-owner-edit>span{font-size:11px;color:var(--muted)}.portfolio-owner-edit .control-icon{width:17px;height:17px}

.portfolio-player+.portfolio-owner-edit{border-top:0;padding-top:0;margin:18px 0 0}.portfolio-owner-edit+.public-shot-index{margin-top:24px}

/* Keep live credits directly beneath playback, separated by the fine rule. */
.portfolio-player .playback-toolbar{padding-bottom:8px}
.portfolio-player .credit-area{padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:600px){.portfolio-player .credit-area{padding-top:15px}}

/* The current shot's credits form a live, visually connected panel. */
.portfolio-player .credit-area{position:relative;background:color-mix(in srgb,var(--paper) 96%,var(--accent) 4%);margin:0 -24px;padding:14px 24px 20px;height:190px;column-gap:40px;row-gap:12px;grid-template-rows:auto minmax(0,1fr);border-top:1px solid var(--line)}
.portfolio-player .credit-area>.live-shot-label{grid-column:1/-1;display:flex;gap:7px;align-items:center;color:var(--accent);font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.02em;padding:0;border:0}
.live-shot-indicator{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}
.credit-area:not(.has-current-shot) .live-shot-indicator{background:var(--muted)}
.portfolio-player .credit-area>div:nth-child(2){padding:0;border:0;min-width:0}
.portfolio-player .credit-area>div:nth-child(3){padding-left:24px;border-left:1px solid var(--line);min-width:0}
.portfolio-player .credit-area .eyebrow{font-size:10px;letter-spacing:.1em;color:var(--muted)}
.portfolio-player .credit-project{margin-top:7px}.portfolio-player .credit-contribution{margin-top:7px}
@media(max-width:600px){.portfolio-player .credit-area{margin:0 -15px;padding:14px 15px 20px;height:270px;grid-template-rows:auto auto minmax(0,1fr);row-gap:14px}.portfolio-player .credit-area>div:nth-child(3){border-left:0;padding-left:0}.portfolio-player .credit-area>.live-shot-label{font-size:11px}}

/* A single active shot connects the timeline with its neutral live credits. */
.portfolio-player .credit-area{background:var(--paper)}
.public-shot-segments span{background:color-mix(in srgb,var(--ink) 19%,var(--paper));background-clip:content-box}
.public-shot-segments span.current{background:linear-gradient(to right,var(--accent) var(--shot-progress,0%),color-mix(in srgb,var(--accent) 30%,var(--paper)) var(--shot-progress,0%));background-clip:content-box}
.public-shot-segments span.current:after{content:'';position:absolute;left:50%;top:10px;transform:translateX(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--accent);opacity:.8}
.portfolio-player:has(.public-shot-segments>span) .scrubber{--progress:0%}
.portfolio-player .credit-area{background:color-mix(in srgb,var(--paper) 96%,var(--accent) 4%)}

.public-shot-index .shot-index-card{transition:background-color .2s,border-color .2s}.public-shot-index .shot-index-card.current-shot-card{background:color-mix(in srgb,var(--paper) 96%,var(--accent) 4%);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.current-shot-card .shot-number-label{color:var(--accent)}@media(prefers-reduced-motion:reduce){.public-shot-index .shot-index-card{transition:none}}
.portfolio-player .shot-position{color:var(--accent);font-size:12px;font-weight:500;letter-spacing:0;line-height:1.4}
@media(max-width:600px){.portfolio-player .shot-position{font-size:12px}}

/* A quiet contact toolbar keeps the work in focus. */
.portfolio .artist-header.banner-contact-header{background:transparent;border:0;border-radius:0;padding:13px 0 16px;margin:0 0 14px;border-bottom:1px solid var(--line)}
.portfolio .artist-contact-links .artist-email{font-size:13px;font-weight:500;gap:9px}
.portfolio .artist-contact-links .artist-socials:not(:empty){gap:16px}
.portfolio .artist-social-link{font-size:13px;color:var(--ink);opacity:.72;padding:7px 0;gap:7px;text-decoration:none}
.portfolio .artist-social-link:hover{opacity:1;color:var(--accent)}
.portfolio .artist-actions #open-resume{background:var(--accent-soft);color:var(--accent);border-color:transparent;font-weight:600}
.portfolio .artist-actions .button{min-height:40px;border-radius:7px;padding:10px 15px;font-size:12px}
.portfolio .artist-actions .button:not(#open-resume){background:transparent;border-color:transparent;color:var(--muted)}
.portfolio .artist-actions .button:hover{background:var(--accent-soft);color:var(--accent)}
@media(max-width:740px){.portfolio .artist-header.banner-contact-header{padding:12px 0 16px;margin:0 0 14px}.portfolio .banner-contact-header .artist-reach{gap:8px}.portfolio .artist-actions #open-resume{flex:0 1 auto}.portfolio .artist-social-link,.portfolio .artist-email{min-height:44px}.portfolio .artist-contact-links .artist-socials:not(:empty){gap:14px}}

/* Editorial actions: generous targets without button chrome. */
.portfolio .artist-actions{gap:22px}
.portfolio .artist-actions .button,.portfolio .artist-actions #open-resume,.portfolio .artist-actions .button:not(#open-resume){background:transparent;border:0;border-radius:0;box-shadow:none;padding:10px 0;min-height:44px;color:var(--ink);font-size:13px;font-weight:500;gap:8px;text-decoration:none}
.portfolio .artist-actions #open-resume{color:var(--accent)}
.portfolio .artist-actions .control-icon{width:16px;height:16px;stroke-width:1.5}
.portfolio .artist-actions .button:hover{background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.portfolio .artist-actions .button:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:2px}
@media(max-width:740px){.portfolio .artist-actions{gap:24px}}

/* Align the unbannered identity and contact rows on their first text baseline. */
.portfolio .artist-header:not(.banner-contact-header){align-items:baseline}
.portfolio .artist-header:not(.banner-contact-header) .artist-reach{gap:2px}
.portfolio .artist-social-link{opacity:1;color:color-mix(in srgb,var(--ink) 76%,var(--paper))}
@media(max-width:740px){.portfolio .artist-header:not(.banner-contact-header){align-items:flex-start}.portfolio .artist-header:not(.banner-contact-header) .artist-reach{gap:4px}}

/* Homepage portfolio preview and feature overview. */
body[data-screen=welcome] .hero-actions{flex-wrap:wrap;gap:18px}
body[data-screen=welcome] .hero-copy h1{font-size:clamp(56px,6vw,88px)}
.refreshed-sample{padding:30px;background:white;border-radius:16px;box-shadow:0 18px 60px #16243a08}
.refreshed-sample .sample-identity{align-items:baseline;gap:20px;margin-bottom:24px}.refreshed-sample .sample-identity h3{font-size:30px;letter-spacing:-.04em;font-weight:550}.refreshed-sample .sample-identity p{font-size:13px}
.sample-contact{display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:12px;color:var(--muted)}.sample-actions{color:var(--accent);font-weight:500}
.sample-player{border:1px solid var(--line);border-radius:12px;overflow:hidden}.sample-player>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.sample-player-bottom{padding:20px 22px 0}.sample-segments{display:flex;gap:4px;height:5px}.sample-segments i{flex:1;background:#dfe2e7;border-radius:2px}.sample-segments i:nth-child(2){background:#2867ed;flex:1.8}.sample-segments i:last-child{flex:3}
.sample-transport{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;padding:18px 0}.sample-transport strong{font-size:12px;font-weight:500;color:var(--accent)}.sample-transport>span:last-child{font-size:10px;color:var(--muted)}.sample-transport small{font-size:11px}
.sample-live{margin:0 -22px;padding:16px 22px 22px;background:#f5f8fe;border-top:1px solid var(--line)}.sample-viewing{display:block;font-size:11px;color:var(--accent);margin-bottom:16px}.sample-live .sample-credits{padding:0;gap:26px}.sample-live .sample-credits>div+div{border-left:1px solid var(--line);padding-left:26px}.sample-live .sample-credits h3{font-size:25px;letter-spacing:-.03em}.sample-live .sample-credits p{font-size:13px}.sample-live .eyebrow{font-size:9px}.sample-caption{font-size:11px;color:var(--muted);margin:18px 0 0}
.home-features{max-width:1300px;padding:80px 6%;margin:auto}.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 40px;margin:45px 0 25px}.home-feature-grid article{border-top:1px solid var(--line);padding-top:22px}.home-feature-grid h3{font-size:23px;letter-spacing:-.03em;line-height:1.2;margin:14px 0}.home-feature-grid p{font-size:14px;line-height:1.75;color:var(--muted)}
@media(max-width:740px){.refreshed-sample{padding:20px 16px}.refreshed-sample .sample-identity{flex-direction:column;align-items:flex-start;gap:12px}.sample-contact{align-items:flex-start;font-size:11px;gap:7px}.refreshed-sample .sample-identity h3{font-size:26px}.sample-player-bottom{padding:16px 14px 0}.sample-live{margin:0 -14px;padding:14px}.sample-transport{flex-wrap:wrap}.sample-transport>span:last-child{display:none}.sample-live .sample-credits>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:16px}.home-features{padding:50px 6%}.home-feature-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}}
.hero-film.hero-product-demo{height:auto;aspect-ratio:16/10;background:#f6f8fc;overflow:visible;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:12px 0 28px}.hero-product-demo:after{display:none}.hero-product-demo video{width:100%;height:auto;display:block;border-radius:10px;object-fit:contain}.hero-product-demo .demo-caption{position:absolute;bottom:8px;left:16px;font-size:8px;letter-spacing:.12em;color:var(--muted)}
.settings-save-notice{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;align-items:center;gap:24px;max-width:calc(100vw - 32px);padding:18px 20px;background:#fff6f5;color:#8f211b;border:1px solid #e9a9a4;border-radius:12px;box-shadow:0 8px 32px #40101020}.settings-save-notice[hidden]{display:none}.settings-save-notice strong,.settings-save-notice span{display:block}.settings-save-notice strong{font-size:14px}.settings-save-notice span{font-size:12px;margin-top:4px}.settings-save-notice button{background:#b42318;color:white;border:0;border-radius:7px;padding:12px 18px;font-weight:600;white-space:nowrap;cursor:pointer}.settings-save-notice button:disabled{opacity:.6}.settings-save-notice [data-save-error]:empty{display:none}.unified-save-source{display:none!important}body:has(.settings-save-notice:not([hidden])){padding-bottom:110px}@media(max-width:600px){.settings-save-notice{bottom:12px;right:12px;left:12px;gap:12px;padding:14px}.settings-save-notice button{padding:12px}}

.settings-save-notice,.editor-save-notice{left:50%;right:auto;transform:translateX(-50%)}
@media(max-width:600px){.settings-save-notice,.editor-save-notice{left:50%;right:auto;width:calc(100% - 24px);max-width:calc(100% - 24px);transform:translateX(-50%);box-sizing:border-box}}

/* Keep the studio's shared columns fixed when a shorter page needs no scrollbar. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
.professional-role-fields{grid-column:1/-1}.professional-role-fields .form-grid{margin:0}.professional-role-fields [data-custom]{margin-top:10px}.introduction-directory-status{grid-column:1/-1;padding:20px;margin:12px 0 18px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.introduction-directory-status>strong{font-size:14px}.introduction-directory-status .check-label{margin-top:14px}.introduction-directory-status .text-link{font-size:12px}
.portfolio-reel-nav{margin:0 0 20px;padding:20px 0 0;border-top:1px solid var(--line)}.portfolio-reel-heading{display:flex;align-items:center;gap:14px;margin-bottom:13px}.portfolio-reel-heading>span:last-child{font-size:12px;color:var(--muted)}.portfolio-reel-tabs{display:flex;flex-wrap:wrap;gap:10px}.portfolio-reel-tabs>a{display:flex;align-items:center;gap:12px;padding:13px 18px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:500;text-decoration:none;min-height:48px}.portfolio-reel-tabs>a small{font-size:10px;font-weight:400;color:var(--muted)}.portfolio-reel-tabs>a[aria-current=page]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--paper) 94%,var(--accent) 6%)}.portfolio-reel-tabs>a[aria-current=page] small{color:var(--accent)}.portfolio-reel-tabs>a:hover{border-color:var(--accent)}.portfolio-reel-select{display:none;margin:0;font-size:12px;color:var(--muted)}.portfolio-reel-select select{margin-top:7px;color:var(--ink)}.many-showreels .portfolio-reel-tabs{display:none}.many-showreels .portfolio-reel-select{display:block;max-width:480px}.showreel-navigation-settings{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.showreel-navigation-settings h3{font-size:20px}.showreel-navigation-settings input[type=number]{max-width:150px}@media(max-width:740px){.portfolio-reel-tabs{display:none}.portfolio-reel-select{display:block}.portfolio-reel-nav{padding-top:16px;margin-bottom:16px}}
.portfolio .banner-contact-header + .portfolio-reel-nav{border-top:0;padding-top:4px}
.portfolio .portfolio-reel-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;margin:20px 0 24px;border-top:0;border-bottom:1px solid var(--line)}.portfolio-reel-heading{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0}.portfolio .portfolio-reel-select{display:block;min-width:240px;max-width:500px;flex:1;margin:0}.portfolio-reel-select select{margin-bottom:0}.resume-portrait{width:88px;height:88px;object-fit:cover;border-radius:16px;flex:none}.resume-portrait[hidden]{display:none}#resume-dialog .dialog-heading{align-items:center;gap:20px}#resume-dialog .dialog-heading>div{flex:1}.profile-photo-settings{margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.profile-photo-settings h3{margin:0 0 10px}.profile-photo-row{display:flex;align-items:center;gap:20px}.profile-photo-row img{width:88px;height:88px;object-fit:cover;border-radius:16px;flex:none}.profile-photo-row label{flex:1;min-width:0}@media(max-width:600px){.portfolio .portfolio-reel-nav{align-items:stretch;flex-direction:column;gap:12px}.portfolio .portfolio-reel-select{min-width:0;width:100%}.profile-photo-row{align-items:flex-start;flex-direction:column}.resume-portrait{width:64px;height:64px;border-radius:12px}}
.portfolio-showreel-menu{position:relative}.portfolio-showreel-menu>summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:44px;padding:10px 0;cursor:pointer;color:var(--ink);font-size:13px;font-weight:500}.portfolio-showreel-menu>summary::-webkit-details-marker{display:none}.portfolio-showreel-menu>summary:hover,.portfolio-showreel-menu[open]>summary{color:var(--accent)}.portfolio-showreel-menu>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.portfolio-showreel-menu nav{position:absolute;top:calc(100% + 6px);right:0;z-index:50;width:280px;max-width:calc(100vw - 40px);padding:7px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px #15263d1c;max-height:350px;overflow-y:auto}.portfolio-showreel-menu nav a{display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:7px;font-size:13px;color:var(--ink);overflow-wrap:anywhere;text-decoration:none}.portfolio-showreel-menu nav a:hover,.portfolio-showreel-menu nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.portfolio-showreel-menu nav small{font-size:10px;color:var(--muted)}@media(max-width:740px){.portfolio-showreel-menu nav{right:auto;left:0}}
#resume-dialog .resume-portrait{width:176px;height:176px;border-radius:20px}#resume-dialog .dialog-heading{align-items:center;gap:24px}#resume-dialog .dialog-heading h2{margin:10px 0 8px;overflow-wrap:anywhere}#resume-dialog .resume-header-role{font-size:14px;line-height:1.55;color:var(--muted);margin:0}#resume-dialog .dialog-heading>div{min-width:0}#resume-dialog .dialog-heading>[data-close]{align-self:flex-start;flex:none}@media(max-width:600px){#resume-dialog .resume-portrait{width:112px;height:112px;border-radius:14px}#resume-dialog .dialog-heading{gap:14px;flex-wrap:nowrap}#resume-dialog .dialog-heading h2{font-size:22px}#resume-dialog .resume-header-role{font-size:12px}}
.portfolio .portfolio-showreel-menu>summary{color:var(--accent);gap:8px}.portfolio-showreel-menu>summary .control-icon{width:16px;height:16px;flex:none}
.support-session-note{padding:18px 22px;background:#fff6e9;border:1px solid #efd5a5;border-radius:10px;margin:20px 0 28px}.support-session-note p{font-size:12px;margin-top:8px}.support-reel-card{border:1px solid var(--line);border-radius:10px;padding:20px;margin-top:16px}.support-reel-card>summary{display:flex;gap:20px;justify-content:space-between;cursor:pointer;font-size:15px}.support-reel-card>summary span{font-size:12px;color:var(--muted)}.support-reel-card video{display:block;width:100%;max-height:450px;margin:16px 0;background:#111}.support-reel-card fieldset{padding:20px;border:1px solid var(--line);border-radius:8px;margin-top:18px}.support-reel-card [data-support-remove]{margin-top:24px}@media(max-width:600px){.support-reel-card{padding:15px}.support-reel-card>summary{flex-direction:column;gap:6px}}
.support-workspace-banner{position:sticky;top:0;z-index:10001;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 5%;background:#fff0d5;color:#68420f;border-bottom:1px solid #e5c48b;font-size:12px}.support-workspace-banner strong{font-size:12px}.support-workspace-banner a{color:inherit;text-decoration:underline;text-underline-offset:3px}.support-editor-links{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}

/* A single, expansive product introduction. */
.home-cinema{max-width:1600px;margin:auto;padding:58px 4% 42px}.home-cinema-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:20px 0 16px}.home-cinema-heading h1{font-size:clamp(30px,3.5vw,58px);letter-spacing:-.055em;line-height:1.12;margin:0}.home-cinema-heading h1 span{color:var(--muted)}.home-cinema-heading .button{flex-shrink:0}.home-cinema-intro{font-size:15px;color:var(--muted);margin-bottom:30px}.home-cinema-film{position:relative;overflow:hidden;border-radius:14px;background:#101318;aspect-ratio:16/9}.home-cinema-film video{width:100%;height:100%;display:block;object-fit:contain}.demo-motion-toggle{position:absolute;right:16px;bottom:16px;border:1px solid #ffffff45;border-radius:30px;padding:8px 13px;background:#1013189c;color:white;font:inherit;font-size:11px;cursor:pointer;backdrop-filter:blur(8px)}.demo-motion-toggle:hover{background:#101318dd}.home-cinema-foot{display:flex;justify-content:space-between;gap:16px;margin-top:18px;color:var(--muted);font-size:11px}.home-essential{padding-top:60px;padding-bottom:60px}.home-essential .home-feature-grid{margin-bottom:0}.home-feature-plan{display:inline-block;margin-top:18px;color:var(--accent);font-size:11px}.home-discovery-compact{max-width:1144px;margin:0 auto;padding:36px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.home-discovery-compact h2{font-size:29px;margin:12px 0}.home-discovery-compact p{font-size:14px;color:var(--muted)}.home-discovery-compact>a{flex-shrink:0}.home-final{padding:75px 6%}.home-final h2{font-size:38px;margin:20px 0 28px}.home-final .text-link{margin-left:22px}
@media(max-width:1000px){.home-cinema-heading{align-items:flex-start;flex-direction:column;gap:20px}.home-cinema-heading h1{font-size:clamp(30px,5vw,48px)}.home-discovery-compact{margin:0 6%}}
@media(max-width:740px){.home-cinema{padding:36px 6% 24px}.home-cinema-heading h1 span{display:block}.home-cinema-intro{font-size:14px;line-height:1.7;margin-top:20px}.home-cinema-film{border-radius:8px}.demo-motion-toggle{right:8px;bottom:8px;padding:5px 9px;font-size:10px}.home-cinema-foot{flex-direction:column;gap:6px;line-height:1.6}.home-essential{padding-top:35px}.home-discovery-compact{flex-direction:column;align-items:flex-start;padding:30px 0}.home-discovery-compact h2{font-size:26px}.home-final h2{font-size:30px}.home-final .text-link{display:block;margin:20px 0 0}}

.home-static-hero{align-items:center}.home-static-hero .home-static-preview{height:auto;aspect-ratio:auto;background:var(--soft);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:0}.home-static-preview:after{display:none}.home-static-preview img{display:block;width:100%;height:auto;object-fit:contain}.home-static-hero .hero-copy h1{font-size:clamp(54px,6.2vw,94px)}
@media(max-width:740px){.home-static-hero .hero-copy h1{font-size:clamp(50px,12vw,76px)}.home-static-hero .home-static-preview{margin-top:32px}}

.home-static-hero .home-static-preview{aspect-ratio:auto;height:auto;max-height:none;align-self:center}.home-static-hero .home-static-preview img{width:100%;height:auto;max-height:none;object-fit:contain;position:static}

/* Product stories: actual interface captures, short explanations. */
.home-product-stories{max-width:1240px;margin:auto;padding:48px 5% 20px}.home-stories-heading{text-align:center;max-width:720px;margin:0 auto 60px}.home-stories-heading h2{font-size:clamp(30px,3.4vw,44px);line-height:1.15;letter-spacing:-.045em;margin:18px 0}.home-stories-heading p,.home-story-copy p{color:var(--muted);font-size:15px;line-height:1.8}.home-story{min-width:0;margin-bottom:48px;padding:36px;background:var(--soft);border:1px solid var(--line);border-radius:18px}.home-story-copy{max-width:570px;margin-bottom:28px}.home-story-copy h2{font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-.04em;margin:15px 0}.home-feature-image{margin:0;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.home-feature-image img,.home-feature-more img{display:block;width:100%;height:auto}.home-feature-image figcaption{font-size:11px;color:var(--muted);padding:14px 18px;line-height:1.6;border-top:1px solid var(--line)}.home-credits-image{margin-top:22px}.home-story-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.home-story-pair .home-story{padding:28px}.home-story-pair .home-story-copy{min-height:160px}.home-feature-more{margin-top:18px;font-size:12px;color:var(--muted)}.home-feature-more summary{cursor:pointer;padding:8px 0}.home-feature-more img{margin-top:12px;border:1px solid var(--line);border-radius:9px}.home-story-wide{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:35px;align-items:center}.home-story-wide .home-story-copy{margin:0}.home-story-plan{display:block;margin-top:18px;font-size:11px;color:var(--accent)}.home-story-discovery .text-link{display:inline-block;margin-top:18px}.home-story-shots .home-story-copy{max-width:650px}
@media(max-width:740px){.home-product-stories{padding:35px 6% 0}.home-stories-heading{margin-bottom:32px;text-align:left}.home-story,.home-story-pair .home-story{padding:22px 16px;margin-bottom:24px;border-radius:12px}.home-story-pair{grid-template-columns:1fr;gap:0}.home-story-pair .home-story-copy{min-height:0}.home-story-wide{grid-template-columns:1fr;gap:24px}.home-story-copy p{font-size:14px}.home-feature-image figcaption{padding:11px 12px}}

.contact-page{max-width:1180px;margin:65px auto;padding:0 6%;display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.contact-page h1{font-size:40px;line-height:1.15;margin:18px 0 24px}.contact-page>div>p{line-height:1.8;margin-bottom:24px}.contact-card{background:var(--soft);padding:30px;border:1px solid var(--line);border-radius:16px}.contact-card>label{display:block;margin-bottom:22px}.contact-card .button{margin-top:22px}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#contact-status{color:#216644;margin-top:20px}@media(max-width:740px){.contact-page{grid-template-columns:1fr;gap:25px;margin:35px auto}.contact-page h1{font-size:33px}.contact-card{padding:22px}}

.home-onboarding{max-width:1240px;margin:0 auto;padding:65px 5%;scroll-margin-top:24px}.home-onboarding header{max-width:620px}.home-onboarding h2{font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-.045em;margin:18px 0}.home-onboarding header>p,.home-onboarding-steps p,.home-onboarding-next p{color:var(--muted);font-size:14px;line-height:1.8}.home-onboarding-steps{list-style:none;padding:0;margin:40px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.home-onboarding-steps li{border-top:1px solid var(--line);padding-top:22px}.onboarding-number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-size:12px}.home-onboarding-steps h3{font-size:20px;line-height:1.25;margin:18px 0 12px;letter-spacing:-.025em}.home-onboarding-next{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:25px}.home-onboarding-next p{max-width:680px}.home-onboarding-next .button{flex-shrink:0}@media(max-width:900px){.home-onboarding-steps{grid-template-columns:1fr 1fr}}@media(max-width:600px){.home-onboarding{padding:40px 6%}.home-onboarding-steps{grid-template-columns:1fr;gap:24px;margin:30px 0}.home-onboarding-next{align-items:flex-start;flex-direction:column;gap:18px}}

.upload-format-guide{background:var(--accent-soft);border:1px solid var(--line);border-radius:12px;padding:20px;margin:24px 0}.upload-format-guide h3{font-size:17px;margin:0 0 15px}.upload-format-guide dl{margin:0;display:grid;gap:9px}.upload-format-guide dl>div{display:flex;justify-content:space-between;gap:18px}.upload-format-guide dt{font-size:12px;color:var(--muted)}.upload-format-guide dd{font-size:12px;font-weight:600;margin:0;text-align:right}.upload-format-guide p{font-size:12px;line-height:1.75;margin-top:14px;color:var(--muted)}
/* Phone portfolios keep contact details close to the work, with full touch targets. */
@media(max-width:740px){
 .portfolio .public-top{padding:18px 0}
 .portfolio .artist-banner-stage{margin-top:16px}
 .portfolio .artist-header.banner-contact-header{padding:6px 0 8px;margin:0 0 12px;gap:0}
 .portfolio .artist-reach,.portfolio .banner-contact-header .artist-reach{gap:0}
 .portfolio .artist-reach .artist-contact-links{width:100%;gap:0 8px;justify-content:space-between}
 .portfolio .artist-contact-links .artist-socials:not(:empty){gap:0}
 .portfolio .artist-social-link{width:44px;height:44px;padding:0;flex:none}
 .portfolio .artist-social-link span{display:none}
 .portfolio .artist-reach .artist-actions{gap:16px;justify-content:flex-start}
 .portfolio .artist-actions .button,.portfolio .portfolio-showreel-menu>summary{font-size:12px;gap:6px}
}
@media(max-width:600px){
 .portfolio-player .volume{display:none}
 .portfolio-player .playback-toolbar{gap:4px 6px}
 .portfolio-player .control-cluster{gap:2px}
 .portfolio-player .shot-position{margin:0}
}
@media(max-width:360px){
 .portfolio-player .playback-toolbar{display:grid;grid-template-columns:1fr auto}
 .portfolio-player .playback-toolbar>.control-cluster:first-child{grid-column:1/-1;grid-row:1}
 .portfolio-player .playback-toolbar>.control-cluster:nth-child(2){grid-column:2;grid-row:2}
 .portfolio-player .shot-position{grid-column:1;grid-row:2}
}

.credit-company{font-size:12px;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.shot-company{font-size:12px;color:var(--muted)}

.google-signin{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0 0;background:#fff;color:#202124;border:1px solid #dadce0;box-shadow:0 1px 2px #00000012}.google-signin:hover{background:#f8faff}.google-mark{display:block;width:18px;height:18px;flex:none}.auth-divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:var(--muted);font-size:12px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-form .google-signin+form{margin-top:0}

.banner-frame-order{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.banner-frame-order .button{margin:0}.banner-frame-order .button:disabled{opacity:.45;cursor:not-allowed}

/* Compact accordion panels keep the profile and reel settings skimmable. */
.profile-fields>.profile-card{padding:0!important}
.profile-card>.profile-card-summary,.showreel-settings-card>.showreel-settings-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:center;cursor:pointer;list-style:none;padding:22px 28px}
.profile-card>.profile-card-summary::-webkit-details-marker,.showreel-settings-summary::-webkit-details-marker{display:none}
.profile-card-summary:after,.showreel-settings-summary:after{content:'+';grid-column:2;grid-row:1/4;font-size:26px;font-weight:300;color:var(--accent)}
.profile-card[open]>.profile-card-summary:after,.showreel-settings-card[open]>.showreel-settings-summary:after{content:'−'}
.profile-card[open]>.profile-card-summary,.showreel-settings-card[open]>.showreel-settings-summary{border-bottom:1px solid var(--line)}
.profile-card-summary .profile-card-kicker,.showreel-settings-summary .profile-card-kicker{margin:0;padding:0;border:0;background:transparent;font-size:10px}
.profile-card-title,.showreel-settings-title{font-size:22px;line-height:1.25;font-weight:600;letter-spacing:-.025em}
.profile-card-hint{font-size:13px;color:var(--muted)}
.profile-card-content,.showreel-settings-content{padding:24px 28px 30px}
.profile-card:not([open])>.profile-card-summary{padding-top:19px;padding-bottom:19px}
.showreel-settings-sections>.showreel-settings-card{padding:0!important;margin-bottom:14px}
.showreel-settings-card>.showreel-settings-summary{grid-template-columns:minmax(0,1fr) auto;gap:5px 16px;padding:20px 24px}
.showreel-settings-card>.showreel-settings-summary:after{grid-row:1/3}
.showreel-settings-title{font-size:19px}
.showreel-settings-content{padding:22px 24px 26px}
.showreel-settings-content .dashboard-reel-poster{margin-top:0}
.banner-add-image{margin:12px 0 4px}
@media(max-width:740px){.profile-card>.profile-card-summary,.showreel-settings-card>.showreel-settings-summary{padding:18px 16px}.profile-card-title{font-size:19px}.profile-card-hint{font-size:12px}.profile-card-content,.showreel-settings-content{padding:18px 16px 22px}.showreel-settings-title{font-size:18px}}
.banner-frame-thumb{display:block;width:min(100%,360px);height:110px;object-fit:cover;border-radius:8px;background:var(--soft);margin:6px 0 12px}.banner-frame-order button{min-height:38px}
.publish-toggle{appearance:none;border:1px solid transparent;border-radius:999px;padding:7px 11px;font:inherit;font-size:12px;font-weight:600;line-height:1.25;cursor:pointer;transition:background-color .15s,border-color .15s,transform .15s}.publish-toggle:hover{transform:translateY(-1px)}.publish-toggle:focus-visible{outline:3px solid #9bbcff;outline-offset:2px}.publish-toggle.is-published{background:#e7f7ed;border-color:#b7e4c7;color:#176b36}.publish-toggle.is-unpublished{background:#fff0f0;border-color:#f0b8b8;color:#a32626}.publish-toggle:disabled{opacity:.6;cursor:wait;transform:none}

/* Keep profile editing in one responsive column; sections start closed. */
body[data-screen=profile] #profile-form{display:block;width:min(100%,980px);max-width:980px;margin:0 auto;min-width:0}
body[data-screen=profile] .profile-section-nav{width:min(100%,980px);max-width:980px;margin:0 auto 16px;padding-bottom:14px}
body[data-screen=profile] .profile-fields{width:100%;min-width:0}
body[data-screen=profile] .profile-fields>.profile-card{margin:0 0 12px;border-radius:12px;box-shadow:none}
body[data-screen=profile] .profile-card:before{height:3px}
body[data-screen=profile] .profile-card>.profile-card-summary{padding:18px 22px}
body[data-screen=profile] .profile-card:not([open])>.profile-card-summary{padding:16px 22px}
body[data-screen=profile] .profile-card-content{padding:20px 22px 24px;min-width:0}
body[data-screen=profile] .appearance-panel{position:static;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent}
body[data-screen=profile] .appearance-panel>h2{display:none}
body[data-screen=profile] .appearance-panel>.eyebrow{display:none}
@media(max-width:1100px){body[data-screen=profile] #profile-form{width:100%;max-width:980px}body[data-screen=profile] .profile-fields{min-width:0}body[data-screen=profile] .appearance-panel{position:static}}
@media(max-width:740px){body[data-screen=profile] .profile-card>.profile-card-summary,body[data-screen=profile] .profile-card:not([open])>.profile-card-summary{padding:16px}.profile-card-content{padding:17px 16px 20px}}

/* One focused settings view at a time keeps reel controls short and scannable. */
.studio-workspace #reel-panel.showreel-settings-sections{width:100%;max-width:none;margin:24px auto 0;padding:0;border:0;overflow:visible;border-radius:0;background:transparent}
.showreel-preview-header{display:grid;grid-template-columns:minmax(220px,34%) minmax(0,1fr);gap:22px;align-items:center;margin:0 0 18px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);min-width:0}
.showreel-preview-header .dashboard-reel-details{min-width:0;padding:4px}
.showreel-preview-header .dashboard-reel-poster{margin:0;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#111}
.showreel-preview-header .dashboard-reel-poster video{width:100%;height:100%;object-fit:cover}
.showreel-preview-header .back-link{display:inline-block;margin:0 0 10px}
.showreel-preview-header h2{margin:6px 0;font-size:24px;overflow-wrap:anywhere}
.showreel-preview-header .reel-meta{margin:0;color:var(--muted);font-size:12px}
.showreel-preview-header .reel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.reel-settings-shell{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--paper);overflow:hidden}
.reel-settings-tabs{display:flex;gap:5px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--line);background:var(--soft)}
.reel-settings-tab{border:1px solid transparent;border-radius:8px;padding:10px 13px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
.reel-settings-tab:hover{background:var(--paper);color:var(--ink)}
.reel-settings-tab[aria-selected=true]{border-color:var(--line);background:var(--paper);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #10203008}
.reel-settings-tab:focus-visible{outline:3px solid #9bbcff;outline-offset:2px}
.reel-tab-panel{padding:20px 22px;min-width:0}
.reel-tab-panel[hidden]{display:none!important}
.reel-tab-panel>h2,.reel-tab-panel .form-section>h2{font-size:20px;margin:0 0 8px}
.reel-tab-panel .reel-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:0;border:0;padding:0}
.reel-tab-panel .reel-settings>label:not(.check-label){max-width:620px}
.reel-tab-panel .reel-settings>.check-label{margin:5px 0 0;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.reel-tab-panel .reel-settings>.field-help{margin:3px 0 8px}
.reel-tab-panel .reel-sharing{max-width:700px;margin:0;padding:0 0 16px;border:0}
.reel-tab-panel .reel-sharing>p{margin:5px 0}
.reel-tab-panel .reel-sharing details{margin-top:10px}
.reel-tab-panel .showreel-navigation-settings{max-width:700px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.reel-tab-panel .showreel-navigation-settings>details{margin:0}
.reel-tab-panel .showreel-navigation-settings summary{cursor:pointer;font-size:13px;font-weight:600}
.reel-tab-panel .showreel-navigation-settings>details>div{max-width:620px;padding-top:7px}
.reel-tab-panel .showreel-settings-management{margin:0;padding:0;border:0;border-radius:0;background:transparent}
.reel-tab-panel .showreel-settings-management>h2{font-size:20px;margin:0 0 6px}
.reel-tab-panel .showreel-settings-management>.field-help{margin:0}
.reel-tab-panel .showreel-management-actions{margin:14px 0}
.reel-tab-panel .showreel-file-actions{gap:16px;padding:14px 0}
.reel-tab-panel .showreel-file-actions p{margin-top:4px}
@media(max-width:740px){.showreel-preview-header{grid-template-columns:1fr;gap:13px;padding:13px}.showreel-preview-header .dashboard-reel-poster{max-height:220px}.reel-settings-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.reel-settings-tab{padding:10px 6px}.reel-tab-panel{padding:16px}.reel-tab-panel .form-grid{grid-template-columns:1fr}.reel-tab-panel .showreel-file-actions{flex-wrap:wrap}.reel-tab-panel .showreel-file-actions .button{margin:0}}
.studio-workspace.reel-detail-mode{width:min(calc(100% - 48px),1440px);max-width:none;padding:24px 6% 20px}
.studio-workspace.reel-detail-mode #reel-panel{max-width:none;margin:0 auto}
.studio-workspace.reel-detail-mode #reel-panel[hidden],.studio-workspace.reel-detail-mode #reel-library[hidden]{display:none!important}
.studio-workspace.reel-detail-mode .showreel-detail-back{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:11px 17px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:999px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:600;line-height:1.2;box-shadow:0 2px 8px #1020300a;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s}
.studio-workspace.reel-detail-mode .showreel-detail-back:hover{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 4px 12px #10203012;transform:translateX(-2px)}
.studio-workspace.reel-detail-mode .showreel-detail-back:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:3px}
.studio-workspace.reel-detail-mode .showreel-preview-header{display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.studio-workspace.reel-detail-mode .studio-detail-player{width:100%;max-width:none;margin:0 auto 22px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 26px #1020300c}
.studio-workspace.reel-detail-mode .studio-detail-player .video-stage{border-radius:13px 13px 0 0}
.studio-workspace.reel-detail-mode .studio-detail-player .credit-area{background:var(--paper)}
.studio-workspace #reel-panel .studio-detail-player video{max-height:none}
.studio-workspace.reel-detail-mode .reel-settings-shell{margin:0 0 45px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--soft) 82%,var(--accent) 7%);box-shadow:0 8px 26px #1020300a;overflow:hidden}
.reel-detail-heading{display:grid;grid-template-columns:1fr;gap:3px;padding:17px 20px 14px}
.reel-detail-heading>.eyebrow{font-size:9px}
.reel-detail-heading h2{margin:0;font-size:21px;line-height:1.25;overflow-wrap:anywhere}
.reel-detail-heading .reel-meta{margin:2px 0 0;color:var(--muted);font-size:11px}
.reel-detail-toolbar{display:flex;justify-content:flex-start;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));background:color-mix(in srgb,var(--paper) 55%,var(--accent) 5%)}
.reel-detail-toolbar .reel-settings-tabs{display:flex;align-items:center;gap:5px;flex:0 1 auto;min-width:0;padding:0;border:0;background:transparent}
.reel-detail-toolbar .reel-settings-tab[aria-selected=true]{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:var(--paper);color:var(--ink);box-shadow:0 2px 7px #1020300c}
.reel-detail-toolbar .reel-detail-actions{display:flex;align-items:center;gap:8px;margin:0 0 0 5px;flex-wrap:nowrap;justify-content:flex-start;white-space:nowrap}
.reel-detail-toolbar .reel-detail-actions .button{padding:9px 12px;font-size:11px}
.studio-workspace.reel-detail-mode .reel-tab-panel{display:grid;align-content:start;gap:10px;margin:14px;padding:25px 27px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 2px 8px #10203006}
.studio-workspace.reel-detail-mode .reel-tab-panel>h2{margin:0;font-size:20px}
.studio-workspace.reel-detail-mode .reel-tab-panel>p.field-help{margin:0 0 6px}
.studio-workspace.reel-detail-mode .reel-tab-panel>label:not(.check-label){width:min(100%,760px)}
.studio-workspace.reel-detail-mode .reel-tab-panel>.check-label{width:min(100%,760px);margin:0;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}
.studio-workspace.reel-detail-mode .reel-tab-panel>.reel-sharing{width:min(100%,760px);margin:0 0 8px;padding:17px;border:1px solid var(--line);border-radius:11px;background:var(--soft)}
.studio-workspace.reel-detail-mode #reel-settings>.form-error,.studio-workspace.reel-detail-mode #reel-settings>[type=submit]{margin:0 14px 14px}
@media(max-width:740px){.studio-workspace.reel-detail-mode{width:100%;padding:16px 4% 20px}.studio-workspace.reel-detail-mode .studio-detail-player{margin-bottom:16px;border-radius:10px}.studio-workspace.reel-detail-mode .studio-detail-player .video-stage{border-radius:9px 9px 0 0}.studio-workspace.reel-detail-mode .reel-tab-panel{margin:9px;padding:18px 15px}.reel-detail-toolbar{align-items:flex-start;flex-direction:row;gap:4px;padding:9px;overflow:visible}.reel-detail-toolbar .reel-settings-tabs{display:flex;flex:1 1 100%;width:100%;flex-wrap:wrap;gap:4px}.reel-detail-toolbar .reel-settings-tab{padding:9px 8px}.reel-detail-toolbar .reel-detail-actions{flex:1 0 100%;margin:2px 0 0;flex-wrap:wrap}.reel-detail-toolbar .reel-detail-actions .button{flex:0 1 auto}}
.theme-live-preview{margin:24px 0 8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.theme-live-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:11px;color:var(--muted)}
.theme-live-preview-heading .eyebrow{font-size:9px}
.theme-preview-page{--preview-shadow:0 5px 18px #14243b12;overflow:hidden;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:var(--preview-shadow);transition:background-color .2s,color .2s,border-color .2s}
.theme-preview-banner{overflow:hidden;aspect-ratio:5/1.1;border-radius:6px;background:var(--soft);margin-bottom:12px}
.theme-preview-banner img{display:block;width:100%;height:100%;object-fit:cover}
.theme-preview-identity{display:flex;flex-direction:column;gap:3px;margin:2px 0 10px}
.theme-preview-identity strong{font-size:14px;color:var(--ink)}
.theme-preview-role{font-size:10px;color:var(--muted)}
.theme-preview-player{position:relative;overflow:hidden;display:grid;place-items:center;aspect-ratio:16/8.8;border-radius:6px;background:var(--soft)}
.theme-preview-player video{display:block;width:100%;height:100%;object-fit:cover;background:var(--soft)}
.theme-preview-play{position:absolute;display:grid;place-items:center;width:38px;height:38px;padding-left:3px;border:1px solid #fff9;border-radius:50%;background:#10172280;color:white;font-size:14px}
.theme-preview-reel-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:8px;color:var(--ink);font-size:10px}
.theme-preview-reel-meta span{color:var(--muted);white-space:nowrap}
.theme-preview-resume{display:inline-flex;margin-top:10px;padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:var(--accent);font-size:9px}
.showreel-page-title{max-width:1080px;margin:22px auto 44px;padding:0 18px;font-size:clamp(21px,2.6vw,30px);font-weight:500;letter-spacing:-.025em;line-height:1.25}
.reel-banner-choices{border:0;padding:0;margin:22px 0 4px;min-width:0}.reel-banner-choices>legend{font-weight:600;margin-bottom:12px}.reel-banner-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.reel-banner-choice{border:1px solid var(--line);border-radius:9px;padding:10px;background:var(--paper);display:grid;gap:8px;cursor:pointer;min-width:0}.reel-banner-choice:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.reel-banner-choice input{accent-color:var(--accent);margin:0}.reel-banner-choice-preview{aspect-ratio:4/1;border-radius:5px;background:var(--soft);display:grid;place-items:center;overflow:hidden;color:var(--muted);font-size:11px}.reel-banner-choice-preview img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.reel-banner-choice strong{font-size:12px}.reel-banner-choice small{font-size:10px;color:var(--muted)}
.saved-banner-library{margin:18px 0 26px;padding:18px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}.saved-banner-library h3{margin:0 0 5px}.saved-banner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.saved-banner-card{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px;display:grid;gap:10px}.saved-banner-card>img{width:100%;aspect-ratio:4/1;object-fit:contain;border-radius:5px;background:var(--soft)}.saved-banner-card>strong{font-size:12px}.saved-banner-actions{display:flex;flex-wrap:wrap;gap:6px}.saved-banner-actions .button{margin-top:0}.banner-live-editor{position:sticky;top:12px;z-index:5;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 5px 18px #17203312}.banner-live-editor canvas{display:block;width:100%;height:auto;aspect-ratio:4/1;object-fit:contain;border-radius:5px;touch-action:none;user-select:none;cursor:grab;background:var(--soft)}.banner-live-editor canvas[hidden]{display:none}.banner-live-editor .field-help{margin:5px 2px 0;font-size:10px}.banner-name-field{max-width:420px}.banner-name-field input{margin-top:6px}
@media(max-width:700px){.showreel-page-title{margin:16px auto 30px;padding:0 14px}.reel-banner-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-banner-grid{grid-template-columns:1fr}.banner-live-editor{top:6px;padding:5px}.banner-live-editor .field-help{font-size:9px}}

.banner-source-reel{display:grid;gap:8px;max-width:520px;margin:16px 0}.banner-source-reel select{width:100%}

.upload-reel-url,.reel-url-settings{display:grid;gap:7px;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}
.upload-reel-url[hidden]{display:none}
.upload-reel-url>label,.reel-url-settings>label{font-size:12px;font-weight:600}
.reel-url-input{display:flex;align-items:center;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--paper)}
.reel-url-input>span{padding:0 0 0 11px;color:var(--muted);font-size:12px;white-space:nowrap}
.reel-url-input input{min-width:90px;flex:1;margin:0;border:0;background:transparent}
.upload-reel-url .field-help,.reel-url-settings .field-help{margin:0;font-size:11px}
#upload-reel-url-status[data-state="available"],[data-reel-slug-status][data-state="available"]{color:#18794e}
#upload-reel-url-status[data-state="taken"],#upload-reel-url-status[data-state="invalid"],[data-reel-slug-status][data-state="taken"],[data-reel-slug-status][data-state="invalid"]{color:#b42318}
#upload-reel-url-status[data-state="checking"],[data-reel-slug-status][data-state="checking"]{color:var(--muted)}
.reel-url-settings{background:var(--paper)}.reel-url-settings>p:first-of-type{margin:0;overflow-wrap:anywhere}.reel-url-settings input{margin-top:5px}
@media(max-width:560px){.reel-url-input>span{padding-left:8px;font-size:10px}.reel-url-input input{padding-left:6px;padding-right:8px}}

.reel-theme-settings{border:0;border-top:1px solid var(--line);margin:24px 0 0;padding:20px 0 0}.reel-theme-settings legend{font-weight:600;padding-right:8px}.reel-theme-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:14px 0}.reel-theme-choice{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--paper);cursor:pointer}.reel-theme-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.reel-theme-choice input{accent-color:var(--accent);margin:0}.reel-custom-theme-colour{max-width:260px}.reel-theme-preview-page{display:grid;gap:10px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.reel-theme-preview-page strong{font-size:18px}.reel-theme-preview-page>span:last-child{color:var(--muted);font-size:12px}

.reel-theme-settings{border:0;border-top:1px solid var(--line);margin:24px 0 0;padding:20px 0 0}.reel-theme-settings legend{font-weight:600;padding-right:8px}.reel-theme-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:14px 0}.reel-theme-choice{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--line);border-radius:7px;background:var(--paper);cursor:pointer}.reel-theme-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.reel-theme-choice input{accent-color:var(--accent);margin:0}.reel-custom-theme-colour{max-width:260px}.reel-theme-preview-page{display:grid;gap:10px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink)}.reel-theme-preview-page strong{font-size:18px}.reel-theme-preview-page>span:last-child{color:var(--muted);font-size:12px}
.slug-availability[data-state="available"]{color:#237744}.slug-availability[data-state="invalid"]{color:#b42318}.slug-availability[data-state="checking"]{color:var(--muted)}
.logout-form{display:flex;align-items:center;margin:0}.dashboard-load-error{border:1px solid #efc9c5;border-radius:10px;background:#fff7f6;padding:24px;margin:20px 0}.dashboard-load-error h2{font-size:20px}.dashboard-load-error p{font-size:13px;color:var(--muted);margin:9px 0 18px}

/* Showreel library: keep each reel visual beside its key details and make the entire row read as the entry point to that reel's settings. */
.showreel-library-row{grid-template-columns:minmax(220px,34%) minmax(0,1fr);gap:22px;align-items:center;padding:18px;cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}
.showreel-row-heading{padding-right:42px}
.showreel-delete-button{position:absolute;z-index:3;top:12px;right:12px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #edcecb;border-radius:50%;background:#fff;color:#ad453c;font-size:0;font-weight:400;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.showreel-delete-button:hover{background:#ffe8e5;border-color:#c83730;transform:scale(1.04)}
.showreel-delete-button:focus-visible{outline:3px solid #f4a8a3;outline-offset:2px}
.showreel-delete-button:disabled{opacity:.55;cursor:wait}
.showreel-library-row:has(.showreel-row-link):hover,.showreel-library-row:focus-within,.showreel-library-row.selected-showreel{background:var(--accent-soft);box-shadow:inset 4px 0 var(--accent)}
.showreel-library-row:focus-visible{outline:3px solid #9bbcff;outline-offset:-3px;background:var(--accent-soft)}
.showreel-row-visual{min-width:0}
.showreel-row-visual .showreel-thumb{width:100%;max-width:100%;flex:none;aspect-ratio:16/9;border-radius:9px}
.showreel-row-content{display:grid;gap:18px;min-width:0}
.showreel-row-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}
.showreel-card-kicker{margin:0 0 6px;color:var(--accent);font-size:10px;letter-spacing:.13em}
.showreel-row-heading h3{margin:0 0 8px;font-size:20px;line-height:1.2;overflow-wrap:anywhere}
.showreel-row-heading .field-help{margin:0;line-height:1.5}
.showreel-row-link{position:static;z-index:auto;color:inherit;text-decoration:none}
.showreel-row-link:hover{color:var(--accent);text-decoration:underline}
.showreel-row-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.showreel-row-status,.showreel-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.showreel-row-status .field-help{margin:0}
.showreel-row-actions{position:relative;z-index:2}
.reel-banner-choices{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.reel-banner-choices>legend{padding:0 6px;color:var(--ink);font-size:14px;font-weight:650}
.reel-banner-choice-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.reel-banner-choice{transition:border-color .15s,background .15s,box-shadow .15s}
.reel-banner-choice:hover{border-color:var(--accent)}
.reel-banner-choice:has(input:checked){background:var(--paper);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}
@media(max-width:740px){.showreel-library-row{grid-template-columns:minmax(0,1fr);gap:13px;padding:14px}.showreel-row-visual .showreel-thumb{max-width:420px}.showreel-row-content{gap:13px}.showreel-row-heading h3{font-size:18px}.reel-banner-choices{padding:12px}.reel-banner-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.showreel-row-status{position:relative;z-index:2}
.reel-password-field{display:grid;gap:8px;margin-top:10px}.reel-password-field[hidden]{display:none!important}

/* Compact live collage editor */
.banner-editor .banner-capture-full{display:block;width:100%;margin:14px 0 16px}.banner-editor .banner-live-editor{position:sticky;top:12px;z-index:5;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 18px #17203312}.banner-editor .banner-live-editor canvas{display:block;width:100%;height:auto;aspect-ratio:4/1;object-fit:contain;margin:0;border-radius:6px;touch-action:none;user-select:none;cursor:grab;background:var(--soft)}.banner-editor .banner-live-editor canvas[hidden]{display:none}.banner-editor .banner-live-editor .field-help{margin:7px 2px 1px;font-size:11px}.banner-frame-removers{position:absolute;inset:8px 8px 32px;pointer-events:none}.banner-frame-removers[hidden]{display:none}.banner-frame-remove{position:absolute;top:7px;transform:translateX(-50%);pointer-events:auto;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #fff;border-radius:50%;background:#dc2626;color:#fff;font-size:23px;font-weight:600;line-height:1;box-shadow:0 2px 8px #10182866;cursor:pointer}.banner-frame-remove:hover,.banner-frame-remove:focus-visible{background:#b91c1c;transform:translateX(-50%) scale(1.08)}.banner-divider-choice{margin:15px 0;padding:0;border:0}.banner-divider-choice legend{margin-bottom:8px;font-size:12px;font-weight:600}.banner-divider-options{display:flex;flex-wrap:wrap;gap:8px}.banner-divider-options label{display:flex;align-items:center;gap:6px;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:12px;cursor:pointer}.banner-divider-options label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.banner-divider-options input{margin:0;accent-color:var(--accent)}@media(max-width:600px){.banner-editor .banner-live-editor{top:5px;padding:5px}.banner-frame-removers{inset:5px 5px 31px}.banner-frame-remove{top:5px;width:27px;height:27px;font-size:21px}.banner-divider-options{gap:5px}.banner-divider-options label{padding:6px 8px}}

.saved-banner-card.is-current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.banner-current-label{justify-self:start;padding:4px 8px;border-radius:20px;background:var(--accent-soft);color:var(--accent);font-size:10px}

/* Keep the showreel title visually attached to the player. */
.portfolio-player .showreel-page-title{display:block;max-width:none;margin:6px 0 10px;padding:14px 0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}.portfolio-player .showreel-page-title .eyebrow{display:block;margin:0 0 5px;color:var(--accent);font-size:9px;letter-spacing:.13em;white-space:nowrap}.portfolio-player .showreel-page-title h2{margin:0;font-size:clamp(21px,2.4vw,29px);font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--ink);overflow-wrap:anywhere}.portfolio-player .credit-area{border-top:0;padding-top:12px}@media(max-width:600px){.portfolio-player .showreel-page-title{align-items:flex-start;flex-direction:column;gap:5px;margin:5px 0 8px;padding:12px 0 14px}.portfolio-player .showreel-page-title h2{font-size:22px}.portfolio-player .credit-area{padding-top:8px}}

.banner-manager{padding:16px;margin:20px 0 12px}.banner-create-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.banner-create-options{width:100%;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.banner-create-options>p:first-child{margin:0 0 10px;font-weight:600}.banner-create-options>div{display:flex;gap:8px;flex-wrap:wrap}.banner-create-options .field-help{margin:8px 0 0}.banner-create-options[hidden]{display:none}.banner-manager #banner-composer{margin-top:14px}.banner-manager .banner-remove-options{margin-top:14px}.saved-banner-library{margin:12px 0 26px}.saved-banner-card.is-current{border-color:#9bbcff;box-shadow:0 0 0 2px #2864eb18}.banner-current-label{justify-self:start;padding:4px 8px;border-radius:999px;background:#edf4ff;color:#245fc9;font-size:11px;font-weight:600}
@media(max-width:600px){.banner-create-options>div{flex-direction:column}.banner-create-options .button{width:100%}.banner-manager{padding:14px 12px}}

.upload-progress-status{display:flex;align-items:center;gap:9px;min-height:20px}.upload-progress-status p{margin:6px 0}.upload-spinner{width:16px;height:16px;flex:0 0 16px;border:2px solid color-mix(in srgb,var(--accent) 24%,transparent);border-top-color:var(--accent);border-radius:50%;animation:upload-spin .75s linear infinite}.upload-spinner[hidden]{display:none}@keyframes upload-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.upload-spinner{animation-duration:1.8s}}
.showreel-library-row.showreel-processing-row{cursor:default;background:#fffdf5}.showreel-library-row.showreel-processing-row:hover{background:#fffdf5;box-shadow:none}.processing-thumb{display:grid;place-items:center;background:#fff7df;border:1px solid #f0d58b}.library-processing-spinner{display:inline-block;width:18px;height:18px;flex:0 0 18px;border:2px solid #e7d49e;border-top-color:#bd8500;border-radius:50%;animation:upload-spin .8s linear infinite}.showreel-status.processing{display:inline-flex;align-items:center;gap:8px;background:#fff2c9;color:#805900;border:1px solid #f0d58b;font-weight:600}.showreel-status.processing .library-processing-spinner{width:13px;height:13px;flex-basis:13px;border-width:2px}.showreel-processing-row .showreel-row-visual{pointer-events:none}

/* Explicit original/mobile choice; original remains the default. */
.playback-quality{width:auto;max-width:132px;min-height:30px;padding:3px 5px;font-size:11px;border-radius:6px;}
@media(max-width:600px){.playback-toolbar{flex-wrap:wrap;gap:8px}.playback-quality{max-width:118px}}

.export-checklist{margin:0;padding-left:20px;display:grid;gap:8px;font-size:13px;line-height:1.5}.export-checklist li{padding-left:3px}

.export-checklist .export-required{color:#b42318}

/* Original-file playback messaging */
.hero-copy .original-playback-hero{font-size:15px;line-height:1.7;color:var(--accent);margin:22px 0}.original-playback-upload{display:grid;gap:7px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line)}.original-playback-upload strong{font-size:16px;color:var(--accent)}.original-playback-upload span{font-size:12px;line-height:1.6;color:var(--muted)}

.membership-banner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:15px 20px;margin:20px 0;background:var(--accent-soft);border:1px solid var(--line);border-radius:12px;font-size:13px}.availability-badge{display:inline-block;background:#e5f5eb;color:#215c37;padding:7px 12px;border-radius:30px;font-size:12px;margin:8px 0}.signup-trial-note{padding:14px;background:var(--accent-soft);border-radius:10px;font-size:13px;line-height:1.6}

.account-card.discovery-summary{width:100%;max-width:460px;padding:24px;box-sizing:border-box}.discovery-summary h3{margin:0 0 6px}.discovery-summary>.muted{font-size:12px;margin:0 0 18px}.discovery-counts{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;margin:0 0 18px}.discovery-counts dt{margin:0;font-size:13px}.discovery-counts dd{margin:0;font-weight:600;font-size:18px}.discovery-method{border-top:1px solid var(--line);padding-top:13px}.discovery-method summary{cursor:pointer;font-size:12px;color:var(--muted)}.discovery-method .field-help{margin:12px 0 0}

/* Account sections share the profile cards' soft fills and accent rails. */
.account-workspace>.account-card{--card-accent:#2867df;--card-fill:#f3f7ff;--card-border:#d4e1f8;position:relative;background:var(--card-fill);border-color:var(--card-border);border-radius:16px;box-shadow:0 6px 24px #10203004;padding-top:30px}
.account-workspace>.account-card:before{content:'';position:absolute;top:0;left:14px;right:14px;height:3px;background:var(--card-accent);opacity:.55;border-radius:0 0 3px 3px}
.account-workspace>.account-billing{--card-accent:#7750ad;--card-fill:#f8f4fc;--card-border:#e2d6f0}
.account-workspace>.discovery-summary{--card-accent:#267865;--card-fill:#f0f8f4;--card-border:#cde5db}
.account-workspace>.account-signin{--card-accent:#42768a;--card-fill:#f2f7f9;--card-border:#d3e2e8}
.account-workspace>.account-card>.eyebrow{display:inline-block;color:var(--card-accent);background:#ffffffc9;border:1px solid var(--card-border);border-radius:20px;padding:5px 10px;font-weight:600}
.account-workspace>.account-card h3{color:#17243b}
.account-workspace>.account-card p,.account-workspace>.account-card .field-help{color:#526176}
.account-workspace>.account-card input{background:#fff;border-color:#cad5e1}
.account-workspace>.account-card .hero-actions{flex-wrap:wrap;gap:12px 24px}
.account-workspace>.account-card .button:not(.primary){background:#fff}
.account-workspace>.account-billing>.button{margin:0 8px 8px 0}
.account-workspace>.account-card input:focus-visible{outline:2px solid var(--card-accent);outline-offset:2px}

/* A small theme sample; the full portfolio is always the real page. */
.theme-live-preview{max-width:560px;padding:16px;margin:22px 0 4px;background:#fff}
.theme-preview-open{font-size:12px;color:#2867df;text-decoration:none;white-space:nowrap}
.theme-preview-open:hover{text-decoration:underline}
.theme-preview-open:focus-visible{outline:2px solid #2867df;outline-offset:4px;border-radius:3px}
.theme-preview-page.theme-sample{display:flex;align-items:center;gap:22px;min-height:128px;padding:22px;box-shadow:none;border-radius:10px}
.theme-sample-palette{display:flex;align-items:center;flex-shrink:0;padding-right:8px}
.theme-sample-palette i{display:block;width:34px;height:54px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}
.theme-sample-palette i+i{margin-left:-14px;background:var(--ink);transform:rotate(9deg)}
.theme-sample-palette i:last-child{background:var(--accent);transform:rotate(18deg)}
.theme-sample-identity{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}
.theme-sample .theme-preview-name{font-size:18px;line-height:1.3;color:var(--ink)}
.theme-sample .theme-preview-role{font-size:12px;line-height:1.5;color:var(--muted)}
.theme-sample-caption{font-size:10px;color:var(--muted);margin-top:5px}
.theme-live-preview .theme-preview-note{font-size:11px;line-height:1.6;color:#526176;margin:12px 0 0}
@media(max-width:480px){.theme-live-preview-heading{align-items:flex-start;flex-direction:column;gap:7px}.theme-preview-page.theme-sample{gap:16px;padding:18px}.theme-sample .theme-preview-name{font-size:16px}.theme-sample-palette i{width:28px;height:46px}}

.editor-notice-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.editor-save-notice .editor-preview-link{background:#fff;color:#2867df;border-color:#cbd9ef}
.editor-save-notice .editor-preview-link:hover{background:#edf4ff}
.editor-save-notice.is-saved{background:#f5f8ff;border-color:#cbd9ef;border-left-color:#2867df;color:#253d63;box-shadow:0 5px 20px #14243b16;padding:12px 16px}
body[data-screen=editor] main{padding-bottom:140px}
@media(max-width:600px){.editor-save-notice{flex-wrap:wrap}.editor-notice-actions{width:100%}.editor-notice-actions .button{flex:1;text-align:center}.editor-save-notice span{max-width:none}}

/* Homepage headline and supporting benefits. */
body[data-screen=welcome] .home-static-hero .hero-copy h1{font-size:clamp(36px,4.4vw,64px);line-height:1.08}
.home-static-hero .hero-copy h1 span{white-space:nowrap}
.home-static-hero .hero-hook{font-size:19px;line-height:1.5;color:var(--ink);max-width:440px;margin:22px 0}
.home-static-hero .hero-details{font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:740px){body[data-screen=welcome] .home-static-hero .hero-copy h1{font-size:clamp(30px,8.7vw,64px)}.home-static-hero .hero-hook{font-size:17px}}

.home-preview-column{min-width:0}
.home-playback-note{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;padding:14px 16px;margin-top:12px;border:1px solid #dbe7ff;border-radius:9px;background:#f3f7ff;color:#245fc9;font-size:12px;line-height:1.6;text-align:center}
.home-static-hero .hero-details{max-width:400px}
.home-static-hero .hero-note{line-height:1.9}

/* One 1200 x 200 composition: image crop, text and spacing scale together.
   Container units also keep the narrower editor identical to the public banner. */
.artist-banner-stage,.banner-text-preview{container-type:inline-size;aspect-ratio:6/1;min-height:0}
.artist-banner-stage .artist-banner,.artist-banner-stage .motion-banner{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center}
.banner-identity-overlay{inset:1.333333cqw}
.banner-identity-overlay:before{inset:-1.333333cqw}
.banner-identity-text{-webkit-text-size-adjust:none;text-size-adjust:none;text-shadow:0 .083333cqw 1cqw #0005}
.banner-identity-text .artist-name,.banner-identity-text>strong,.banner-text-preview .banner-identity-text>strong{font-size:calc(3.5cqw * var(--banner-text-scale,1));margin-bottom:calc(var(--banner-text-gap,8) * .083333cqw)}
.banner-identity-text .artist-role,.banner-identity-text>p,.banner-text-preview .banner-identity-text>p{font-size:calc(1.166667cqw * var(--banner-text-scale,1))}

.banner-text-preview .banner-identity-text{pointer-events:auto;touch-action:none;user-select:none;cursor:grab;border-radius:4px}
.banner-text-preview .banner-identity-text:active{cursor:grabbing}
.banner-text-preview .banner-identity-text:focus{outline:none;box-shadow:none}
.banner-text-preview .banner-identity-text:focus-visible{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:5px}

/* Keep the native banner colour picker a visible, clickable swatch. */
.banner-text-editor input[type=color][data-text]{width:48px;height:44px;padding:4px;border:1px solid #b8c4d6;border-radius:9px;cursor:pointer}
.banner-text-editor input[type=color]::-webkit-color-swatch-wrapper{padding:0}
.banner-text-editor input[type=color]::-webkit-color-swatch{border:1px solid #0002;border-radius:5px}
.banner-text-editor input[type=color]::-moz-color-swatch{border:1px solid #0002;border-radius:5px}

/* Showreel file selection remains keyboard accessible beneath the drop target. */
[data-video-drop]{position:relative;display:grid;justify-items:center;gap:10px;transition:border-color .15s,background .15s;overflow-wrap:anywhere}
[data-video-drop].drag-over{border:2px solid var(--accent,#2f7aee);background:var(--accent-soft,#edf4ff)}
[data-video-drop]:focus-within{outline:2px solid var(--accent,#2f7aee);outline-offset:3px}
[data-video-drop] input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);border:0}
[data-video-drop] .button{cursor:pointer;margin:0}
[data-video-drop-status]{font-size:12px;margin:0;color:var(--muted);max-width:100%}

.library-encoding-status{white-space:pre-line;font-size:12px;line-height:1.9;padding:12px 15px;border-radius:8px;background:#f0f5f2;color:#466551;margin-top:12px}.library-encoding-status.is-processing{background:#fff6db;color:#80601d;border:1px solid #f0dfa7}

.upload-essentials{margin:16px 0 0;padding:0 2px}.upload-essentials>p{font-size:12px;line-height:1.7;margin:6px 0;color:var(--muted)}.upload-essentials>p strong{font-weight:500;color:var(--ink)}.upload-export-tips{margin-top:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0}.upload-export-tips summary{cursor:pointer;font-size:12px;color:var(--accent)}.upload-export-tips p{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 0}.upload-essentials .upload-rights-note{font-size:10px;margin-top:12px}

.preview-quality-notice{grid-column:1/-1;padding:16px 20px;background:#eef5f0;border:1px solid #d9e8dd;border-radius:10px;margin-bottom:16px;color:#3e6149}.preview-quality-notice.is-processing{background:#fff7df;border-color:#efdfa9;color:#795b1d}.preview-quality-notice p{font-size:13px;line-height:1.8;margin:0}.preview-quality-notice .preview-version-list{white-space:pre-line;font-size:11px;margin-top:7px;opacity:.85}.preview-quality-notice .button{margin-top:12px}

.shot-credits-prompt{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin:0 0 22px;border:1px solid #bed0ff;border-radius:14px;background:linear-gradient(115deg,#eef4ff,#f5f2ff)}.shot-credits-prompt h2{font-size:26px;line-height:1.2;margin:8px 0}.shot-credits-prompt p{font-size:13px;line-height:1.7;color:var(--muted);max-width:650px}.shot-credits-prompt>.button{flex-shrink:0;min-height:48px}
@media(max-width:600px){.shot-credits-prompt{align-items:stretch;flex-direction:column;gap:18px;padding:22px 20px}.shot-credits-prompt h2{font-size:23px}.shot-credits-prompt>.button{width:100%}}

.thumbnail-settings-heading{margin-bottom:24px}.thumbnail-settings-heading h2{margin:8px 0 10px}.thumbnail-settings-layout{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:32px;align-items:center}.thumbnail-cover-preview{position:relative;aspect-ratio:16/9;margin:0;background:linear-gradient(135deg,#e8effb,#f0edf8);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:grid;place-items:center}.thumbnail-cover-preview img{width:100%;height:100%;object-fit:cover}.thumbnail-cover-preview>span{font-size:13px;color:var(--muted)}.thumbnail-cover-preview figcaption{position:absolute;left:12px;bottom:12px;padding:5px 10px;border-radius:20px;background:#101820b3;color:#fff;font-size:10px}.thumbnail-settings-options h3{font-size:19px;margin:0 0 10px}.thumbnail-settings-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 10px}.thumbnail-file-hint{font-size:11px}.thumbnail-reset{display:inline-block;margin-top:20px;color:var(--muted);font-size:12px}.thumbnail-settings [data-thumbnail-status]:not(:empty){margin-top:14px;font-size:13px}
@media(max-width:650px){.thumbnail-settings-layout{grid-template-columns:1fr;gap:22px}.thumbnail-settings-buttons{flex-direction:column}.thumbnail-settings-buttons .button{width:100%}}

.upload-essentials>.upload-size-limit{font-size:13px;color:#b42332;margin-bottom:10px}.upload-essentials>.upload-size-limit strong{font-weight:650;color:#b42332}.portfolio-link-guide{display:flex;gap:28px;align-items:center;justify-content:space-between;margin:18px 0 24px;padding:20px 24px;background:#f0f5ff;border:1px solid #d8e3fa;border-radius:12px}.portfolio-link-guide>div{display:grid;gap:8px;flex-shrink:0}.portfolio-link-guide a{font-size:14px;color:var(--accent);overflow-wrap:anywhere}.portfolio-link-guide p{font-size:12px;line-height:1.8;max-width:620px;color:var(--muted)}@media(max-width:650px){.portfolio-link-guide{align-items:stretch;flex-direction:column;gap:14px;padding:20px}.portfolio-link-guide>div{flex-shrink:1}}

.filmography-entry{padding:20px;margin:18px 0;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.filmography-entry-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.filmography-entry-top>div{display:flex;gap:5px}.filmography-entry .form-grid{margin:0}.filmography-entry select{width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink)}#filmography-dialog{width:min(760px,calc(100vw - 32px))}#filmography-content{display:grid;gap:22px;margin-top:18px}.filmography-imdb{justify-self:start}.filmography-group{border:1px solid var(--line);border-radius:10px;overflow:hidden}.filmography-group-heading{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:0;background:var(--soft);font-size:13px;font-weight:650;letter-spacing:.04em}.filmography-group-heading span{color:var(--muted);font-size:11px;font-weight:400}.public-filmography-entry{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--paper);border-top:1px solid var(--line)}.public-filmography-entry>div{min-width:0}.public-filmography-entry h4{font-size:16px;line-height:1.35;margin:0 0 4px;overflow-wrap:anywhere}.filmography-role{font-size:12px;line-height:1.5;color:var(--muted);margin:0;overflow-wrap:anywhere}.filmography-year{font-size:12px;color:var(--muted);flex-shrink:0}.filmography-editor [data-filmography-status]:not(:empty){padding:12px 0;color:var(--accent)}@media(max-width:600px){.filmography-entry{padding:16px}.filmography-entry .form-grid{grid-template-columns:1fr}.public-filmography-entry{padding:11px 14px}.filmography-group-heading{padding:11px 14px}}

/* Workspace first; explicit active state for main navigation. */
.site-header nav{gap:6px;flex-wrap:wrap;justify-content:flex-end}
.site-header nav>a:not(.button){padding:10px 12px;border-radius:7px;white-space:nowrap;border:1px solid transparent;line-height:1.4}
.site-header nav>a:not(.button):hover{background:var(--soft)}
.site-header nav>a[aria-current="page"]:not(.button){background:#f2f5f9;border-color:transparent;color:var(--ink);font-weight:500;box-shadow:none}
.site-header nav>a:focus-visible,.site-header nav button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.site-header nav .nav-account{margin-left:10px}
.site-header nav .logout-form{border-left:1px solid var(--line);padding-left:14px;margin-left:6px}
.site-header nav .logout-form button{min-height:38px;color:var(--muted)}
@media(max-width:1000px){.site-header{flex-wrap:wrap}.site-header nav{gap:4px}.site-header nav>a:not(.button){padding:9px 10px}}
@media(max-width:700px){.site-header nav{justify-content:flex-start;width:100%}.site-header nav .nav-account{margin-left:0}.site-header nav>a:not(.button){font-size:11px}.site-header nav .logout-form{padding-left:10px}}

.showreel-delete-button::before,.showreel-delete-button::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.showreel-delete-button::after{transform:translate(-50%,-50%) rotate(-45deg)}

.showreel-status.processing[hidden],.publish-toggle[hidden]{display:none}

.encoding-stage{margin:0;font-size:12px}.encoding-versions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;white-space:normal}.encoding-version{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:5px;font-size:11px;line-height:1.6;border:1px solid transparent}.encoding-version.is-ready{background:#e8f5eb;color:#21643b;border-color:#c8e4ce}.encoding-version.is-active{background:#ffedb3;color:#775000;border-color:#e8c76b;font-weight:600}.encoding-version.is-queued{background:#f4f1e8;color:#756f60;border-color:#e5dfd1}.encoding-version.is-stopped{background:#fff0ee;color:#a63b30}.encoding-version .library-processing-spinner{width:11px;height:11px;flex-basis:11px;border-width:1.5px}
.showreel-thumb .thumbnail-processing-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#fff7dfeb;pointer-events:none;opacity:1}.showreel-thumb .thumbnail-processing-overlay[hidden]{display:none}.thumbnail-processing-overlay .library-processing-spinner{width:24px;height:24px;flex-basis:24px;background:none}

.encoding-publish-hint{margin:8px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}

/* Keep résumé actions visible and scrollbars inside the rounded shell. */
#resume-dialog{padding:0;overflow:hidden}
#resume-dialog .resume-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--paper)}
#resume-dialog .resume-scroll{padding:24px 34px 32px;max-height:calc(90dvh - 70px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}
#resume-dialog .resume-scroll::-webkit-scrollbar{width:8px}
#resume-dialog .resume-scroll::-webkit-scrollbar-thumb{background:var(--muted);border:2px solid var(--paper);border-radius:8px}
#resume-dialog .resume-scroll::-webkit-scrollbar-button{display:none}
.portfolio-player+.portfolio-owner-edit{margin-bottom:24px}
@media(max-width:600px){#resume-dialog .resume-scroll{padding:20px}#resume-dialog .resume-toolbar{padding:12px 16px}#resume-dialog .resume-portrait{width:88px;height:88px}}
/* Contributions grow with their content, without nested scrolling or clipping. */
.credit-area,.portfolio-player .credit-area{height:auto;max-height:none;overflow:visible;grid-template-rows:none;grid-auto-rows:auto;align-items:start}
.credit-area>div{min-height:0;overflow-wrap:anywhere}
.credit-contribution{white-space:pre-line;overflow-wrap:anywhere}
/* Keep the patterned canvas behind a separate, opaque player surface. */
.portfolio{--player-surface:color-mix(in srgb,var(--paper) 20%,#fff 80%)}
.portfolio.theme-light{--player-surface:#fafafa}
.portfolio.theme-dark,.portfolio.theme-midnight{--player-surface:color-mix(in srgb,var(--paper) 55%,#000 45%)}
.portfolio .portfolio-player{--paper:var(--player-surface);--soft:color-mix(in srgb,var(--paper) 90%,var(--ink) 10%);background:var(--paper);border-color:var(--line);box-shadow:0 12px 36px rgb(0 0 0 / .16)}
.theme-picker-canvas{padding:16px;border:1px solid var(--line);border-radius:12px;background-color:var(--paper);margin:14px 0;transition:background-color .15s ease}
.theme-picker-canvas :is(.theme-choice,.reel-theme-choice){--paper:#fff;--ink:#1c1f25;--muted:#6c727e;--line:#d8dce4;--accent:#2467df;--accent-soft:#eef4ff;background:#fff;color:#1c1f25;box-shadow:0 2px 8px #00000012}
.theme-picker-canvas .theme-choice-caption{color:#1c1f25}
@media(max-width:480px){.theme-picker-canvas{padding:12px}.theme-picker-canvas :is(#theme-choices,.reel-theme-choice-grid){gap:12px}}
@media(prefers-reduced-motion:reduce){.theme-picker-canvas{transition:none}}
/* Editorial resume hierarchy, with one scroll area below persistent actions. */
#resume-dialog{width:min(780px,calc(100% - 32px));height:min(900px,90vh);height:min(900px,90dvh);max-height:min(900px,90dvh);padding:0;overflow:hidden}
#resume-dialog[open]{display:flex;flex-direction:column}
#resume-dialog .resume-toolbar{flex:none;justify-content:space-between;gap:16px;padding:18px 28px}
#resume-dialog .resume-toolbar-title{font-size:18px;font-weight:500;letter-spacing:-.025em;margin-right:auto}
#resume-dialog .resume-toolbar .button{background:transparent;color:var(--ink);border:0;border-radius:0;padding:8px 0;min-height:44px;box-shadow:none;text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--line);font-size:13px;font-weight:500}
#resume-dialog .resume-toolbar [data-close]{flex:none;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;font-size:24px}
#resume-dialog .resume-scroll{flex:1;min-height:0;max-height:none;padding:36px 44px 44px;scroll-padding-top:24px;overflow-x:hidden;-webkit-overflow-scrolling:touch}
#resume-dialog .dialog-heading{gap:24px;margin:0;align-items:center}
#resume-dialog .resume-portrait{width:112px;height:112px;border-radius:14px}
#resume-dialog .dialog-heading .eyebrow{font-size:10px;letter-spacing:.16em;color:var(--muted)}
#resume-dialog .dialog-heading h2{font-size:clamp(27px,4vw,38px);font-weight:500;line-height:1.15;letter-spacing:-.045em;margin:9px 0 12px}
#resume-dialog .resume-header-role{font-size:14px;line-height:1.65;color:var(--muted)}
#resume-content{margin:24px 0 0;overflow-wrap:anywhere}
#resume-content p{font-size:16px;line-height:1.85;color:color-mix(in srgb,var(--ink) 84%,var(--paper));margin:0;white-space:pre-wrap}
#resume-content .resume-contact{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 34px;font-size:13px;line-height:1.7;color:var(--muted)}
#resume-content .resume-contact a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}
#resume-content .resume-section{padding:30px 0 0;margin:30px 0 0;border-top:1px solid var(--line)}
#resume-content .resume-section h3{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.035em;margin:0 0 24px;color:var(--ink)}
#resume-content .resume-item{padding:24px 0;border:0;border-radius:0;background:transparent}
#resume-content .resume-item:first-of-type{padding-top:0}
#resume-content .resume-item+.resume-item{border-top:1px solid var(--line)}
#resume-content .resume-item:last-child{padding-bottom:0}
#resume-content .resume-entry-company{display:block;font-size:16px;font-weight:650;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);margin:0 0 8px}
#resume-content .resume-entry-role{display:block;font-size:15px;line-height:1.6;font-weight:600;color:var(--ink);margin:0 0 8px}
#resume-content .resume-entry-dates{display:block;font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 15px}
#resume-content .resume-entry-description{font-size:15px;line-height:1.85}
#resume-content .resume-focus{margin:0;padding-left:21px;color:color-mix(in srgb,var(--ink) 84%,var(--paper));font-size:16px;line-height:1.85}
#resume-content .resume-focus li{padding-left:5px;margin:0 0 12px;overflow-wrap:anywhere}
#resume-content .resume-focus li:last-child{margin-bottom:0}
@media(max-width:600px){
 #resume-dialog{width:calc(100% - 24px);max-height:90dvh;border-radius:12px}
 #resume-dialog .resume-toolbar{padding:12px 20px;gap:14px}
 #resume-dialog .resume-toolbar-title{font-size:16px}
 #resume-dialog .resume-toolbar .button{font-size:12px}
 #resume-dialog .resume-scroll{padding:28px 25px 36px}
 #resume-dialog .dialog-heading{gap:18px;align-items:flex-start}
 #resume-dialog .resume-portrait{width:76px;height:76px;border-radius:12px}
 #resume-dialog .dialog-heading h2{font-size:27px;margin:7px 0 10px}
 #resume-dialog .resume-header-role{font-size:13px}
 #resume-content .resume-contact{margin-bottom:28px;font-size:13px}
 #resume-content .resume-section{padding-top:26px;margin-top:26px}
 #resume-content .resume-section h3{font-size:22px;margin-bottom:22px}
}
@media(max-width:360px){#resume-dialog .resume-scroll{padding:24px 20px 32px}#resume-dialog .dialog-heading{flex-wrap:wrap}#resume-dialog .resume-portrait{width:64px;height:64px}#resume-dialog .dialog-heading>div{flex-basis:180px}}

/* Compact artist directory, with natural growth for longer profiles. */
.talent-directory{background:linear-gradient(180deg,#f3f5f8,#f8f9fb);border:1px solid #e8ebf0;border-radius:20px;padding:30px;margin-top:28px;margin-bottom:40px}
.talent-directory .directory-filters{background:#eaf0f6;border:1px solid #dce4ee;margin:22px 0 18px}
.talent-directory .talent-grid{grid-template-columns:1fr;gap:12px;margin:18px 0 24px}
.talent-directory .talent-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.85fr) auto;gap:18px;align-items:center;padding:20px 22px;background:#fff;border:1px solid #dce2ea;border-radius:12px;box-shadow:0 3px 12px #172c4610;min-width:0}
.talent-card-identity{display:flex;gap:14px;align-items:flex-start;min-width:0}
.talent-directory .talent-initial{flex:0 0 40px;width:40px;height:40px;margin:0;font-size:17px;background:#eaf0f7;color:#3b597e;border:1px solid #dde6f0}
.talent-card-heading{min-width:0;flex:1}
.talent-directory .talent-card h2{font-size:20px;line-height:1.25;margin:0 0 6px;letter-spacing:-.035em}
.talent-card-heading>p{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.talent-card-heading>.talent-location{font-size:12px;line-height:1.5;color:#647084;margin-top:3px}
.talent-card-details{display:grid;gap:7px;min-width:0}
.talent-directory .talent-tags{gap:5px}
.talent-directory .talent-tags:empty{display:none}
.talent-directory .talent-tags span{background:#edf1f6;color:#46556a;font-size:10px;line-height:1.4;padding:3px 8px;border-radius:5px}
.talent-card-details>.field-help{font-size:11px;line-height:1.5;color:#647084;overflow-wrap:anywhere;margin:0}
.talent-directory .availability-label{font-size:12px;line-height:1.5;color:#246348}
.talent-card-footer{display:flex;flex-direction:column;gap:9px;align-items:flex-end;min-width:0}
.talent-card-footer>.talent-confirmed{font-size:10px;line-height:1.5;color:#697587;margin:0}
.talent-directory .talent-card-actions{display:flex;gap:7px;margin:0;padding:0;flex-wrap:wrap}
.talent-directory .talent-card-actions .button{width:auto;min-height:44px;padding:10px 12px;font-size:12px;white-space:normal;text-align:center}
.talent-directory .talent-watch{background:#edf3fb;border-color:#d5e1f2;color:#254b7a}
.talent-directory .talent-email{background:#fff;color:#46556a}
@media(max-width:1000px){.talent-directory .talent-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.talent-card-footer{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #edf0f4;padding-top:12px}}
@media(max-width:600px){.talent-directory{padding:16px 12px;border-radius:14px;margin-top:16px}.talent-directory .page-heading{margin-bottom:0}.talent-directory .directory-filters{padding:16px;gap:12px}.talent-directory .talent-card{grid-template-columns:1fr;padding:16px;gap:12px}.talent-directory .talent-card h2{font-size:19px}.talent-card-identity{gap:11px}.talent-directory .talent-initial{width:36px;height:36px;flex-basis:36px;font-size:16px}.talent-card-footer{gap:8px;flex-wrap:wrap;padding-top:10px}.talent-directory .talent-card-actions{gap:6px}.talent-directory .talent-card-actions .button{min-height:44px;padding:10px 11px}.talent-directory .talent-grid{gap:10px}}

html[data-appearance=dark] .talent-directory{background:linear-gradient(180deg,#1b232e,#171e27);border-color:#343e4c;color:#e4e9f1}
html[data-appearance=dark] .talent-directory .directory-filters{background:#243144;border-color:#3c4c62}
html[data-appearance=dark] .talent-directory .talent-card{background:#242d39;border-color:#414e61;box-shadow:0 3px 12px #00000026;color:#e4e9f1}
html[data-appearance=dark] .talent-directory .talent-initial{background:#2e4057;border-color:#45607e;color:#b8d3f5}
html[data-appearance=dark] .talent-directory .talent-tags span{background:#334155;color:#d0dbea}
html[data-appearance=dark] .talent-directory :is(.talent-location,.talent-card-details>.field-help,.talent-confirmed){color:#b4bfd0}
html[data-appearance=dark] .talent-directory .availability-label{color:#a3d6b8}
html[data-appearance=dark] .talent-directory .talent-card-footer{border-color:#3a4657}
html[data-appearance=dark] .talent-directory .talent-watch{background:#2d4463;border-color:#526d91;color:#d2e2fa}
html[data-appearance=dark] .talent-directory .talent-email{background:#293341;border-color:#4a596d;color:#d4deeb}
/* Soft-white cardstock directory: equal sides keep the existing seal centred. */
.talent-directory .talent-card{--card-stock:#f7f7f4;--card-edge:#d5d8d6;position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:20px;padding:24px 30px;min-height:190px;background:var(--card-stock);border-color:var(--card-edge);border-radius:10px;outline:1px solid #ffffff80;outline-offset:-8px;box-shadow:0 12px 26px #00000010,0 2px 4px #00000008}
.talent-directory .talent-card:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;opacity:.32;background-image:repeating-radial-gradient(ellipse at 17% 32%,#00000010 0 .4px,transparent .6px 3px),repeating-linear-gradient(93deg,transparent 0 4px,#ffffff38 4px 5px);background-size:7px 9px,13px 11px}
.talent-directory .talent-card h2{font-size:30px;line-height:1.15;letter-spacing:-.04em;margin:0 0 9px;overflow-wrap:anywhere}
.talent-directory .directory-artist-name{max-width:100%}
.talent-card-heading>p{font-size:13px;font-weight:500;color:#414752}
.talent-card-heading>.talent-location{font-size:12px;font-weight:400;color:#6c727e;margin-top:9px}
.talent-card-emblem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;align-self:stretch;min-width:0}
.talent-card-emblem:before,.talent-card-emblem:after{content:"";width:1px;background:var(--card-edge);flex:1;min-height:16px}
.talent-card-emblem .experience-badge-wrap{position:static;transform:none;display:flex;flex:0 0 44px;align-items:center}
.talent-card-emblem .experience-badge-button{width:44px;height:44px}
.talent-card-emblem .experience-badge-button svg{width:22px;height:22px}
.talent-empty-seal{width:20px;height:20px;border:1px solid var(--card-edge);border-radius:50%;margin:12px 0;box-shadow:inset 0 1px 2px #0000000a}
.talent-card-emblem:has(.experience-badge-wrap) .talent-empty-seal{display:none}
.talent-card-content{min-width:0;display:grid;gap:9px}
.talent-card-details{gap:5px}
.talent-directory .talent-tags{gap:2px 7px}
.talent-directory .talent-tags span{padding:0;background:none;color:#6c727e;font-size:11px;border-radius:0}
.talent-card-footer{grid-column:auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;border:0;padding:0}
.talent-card-footer>.talent-confirmed{order:2;font-size:10px}
.talent-directory .talent-card-actions{display:flex;flex-direction:column;gap:3px}
.talent-directory .talent-card-actions .button{width:100%;min-height:44px;padding:8px 0;text-align:left;justify-content:flex-start;font-size:12px;font-weight:500;color:var(--ink);background:none;border:0;border-bottom:1px solid var(--card-edge);border-radius:0;box-shadow:none}
@media(min-width:1100px){.talent-directory .talent-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
@media(max-width:600px){.talent-directory{padding:16px 8px}.talent-directory .talent-card{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:8px;padding:18px 14px;min-height:210px}.talent-directory .talent-card h2{font-size:24px}.talent-card-heading>p{font-size:12px}.talent-card-heading>.talent-location{font-size:11px}.talent-directory .talent-card-actions .button{font-size:11px}.talent-card-footer{flex-wrap:nowrap}}
html[data-appearance=dark] .talent-directory .talent-card{--card-stock:#242d39;--card-edge:#414e61;background:var(--card-stock);outline-color:#ffffff0c}
html[data-appearance=dark] .talent-card-heading>p{color:#d4deeb}
html[data-appearance=dark] .talent-directory .talent-tags span{color:#b4bfd0;background:none}
html[data-appearance=dark] .talent-directory .talent-card-actions .button{background:none;color:#d4deeb;border-color:var(--card-edge)}
.studio-business-card.talent-directory{margin:0 0 28px;padding:0;border:0;background:none}
.business-card-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.business-card-heading h2{font-size:24px;margin:6px 0}
.business-card-heading .button{flex-shrink:0}
.studio-business-card .talent-card{max-width:760px;margin:0 auto 12px}
.studio-business-card .talent-card-content>.field-help{margin:0;color:#6c727e;overflow-wrap:anywhere}
.business-card-contact{display:flex;align-items:center;gap:12px;min-width:0}
.business-card-contact>div:first-child{min-width:0;flex:1}
.business-card-contact a,.business-card-contact [data-card-address]{display:block;font-size:11px;line-height:1.6;overflow-wrap:anywhere;margin:5px 0}
.business-card-contact a:first-child{font-weight:500;font-size:12px}
.business-card-contact [data-card-address]{color:#6c727e}
.business-card-contact [data-card-phone],.business-card-contact span[data-card-email]{display:block;font-size:11px;line-height:1.6;overflow-wrap:anywhere;margin:5px 0}
.business-card-print-options{max-width:400px;margin:0 0 18px}
.business-card-print-options label{margin:0}
[data-card-qr]{flex:0 0 80px;background:#fff;padding:0;line-height:0}
[data-card-qr] svg{display:block;width:80px;height:80px}
#business-card-print{display:none}
@media(max-width:600px){.business-card-heading{align-items:flex-start;flex-direction:column}.business-card-heading h2{font-size:22px}.business-card-contact{flex-direction:column;align-items:flex-start;gap:6px}}
@media print{
 @page{margin:12mm}
 body:has(#business-card-print)>*{display:none!important}
 body:has(#business-card-print)>#business-card-print{display:block!important}
 #business-card-print{width:90mm;margin:0!important;padding:0!important;background:#fff!important;color:#1c1f25!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 #business-card-print .talent-card{width:90mm;min-height:50mm;height:auto;max-width:none;margin:0;padding:5mm;grid-template-columns:minmax(0,1fr) 8mm minmax(0,1fr);gap:3mm;box-shadow:none;background:#f7f7f4!important;--card-edge:#d5d8d6;border-color:#d5d8d6;break-inside:avoid;color:#1c1f25!important}
 #business-card-print .talent-card h2{font-size:16pt;line-height:1.15}
 #business-card-print .talent-card-heading>p{font-size:8pt;color:#414752!important}
 #business-card-print .talent-location,#business-card-print .field-help,#business-card-print .availability-label,#business-card-print .business-card-contact a,#business-card-print [data-card-address]{font-size:7pt;color:#414752!important}
 #business-card-print .business-card-contact{display:flex;flex-direction:column;align-items:flex-start;gap:1mm}
 #business-card-print [data-card-qr]{flex-basis:auto}
 #business-card-print [data-card-qr] svg{width:22mm;height:22mm}
 #business-card-print .experience-badge-button{width:8mm;height:8mm}
 #business-card-print .experience-badge-button svg{width:5mm;height:5mm}
 #business-card-print [data-card-email],#business-card-print [data-card-phone]{font-size:7pt;color:#414752!important}
}
.credit-project-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 9px;min-width:0}
.credit-project-heading .credit-project{min-width:0}
.project-link-pill,.filmography-project-link{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap;text-decoration:none;color:var(--ink);background:var(--soft);vertical-align:middle;letter-spacing:normal}
.project-link-pill{margin-bottom:8px}.project-link-pill:hover,.filmography-project-link:hover{border-color:var(--accent);color:var(--accent)}

.credit-release-year,.shot-release-year{font-size:.7em;font-weight:400;color:inherit;opacity:.75}

#resume-content .resume-extra-description{white-space:pre-line;overflow-wrap:anywhere}

/* Directory cards share one rhythm; optional discovery metadata stays in filters. */
.talent-directory .talent-grid{grid-auto-rows:1fr;align-items:stretch}
.talent-grid>.talent-card{min-height:230px;height:100%;box-sizing:border-box}
.talent-grid .talent-card-content{align-content:center;gap:12px}
.talent-grid .talent-card-actions{display:grid;grid-template-rows:44px 44px;gap:3px}
.talent-grid .talent-watch{grid-row:1}
.talent-grid .talent-email{grid-row:2}
.talent-grid>.talent-card[data-card-tint="0"]{--card-stock:#f8f8f6}
.talent-grid>.talent-card[data-card-tint="1"]{--card-stock:#f4f6f8}
.talent-grid>.talent-card[data-card-tint="2"]{--card-stock:#f5f7f4}
.talent-grid>.talent-card[data-card-tint="3"]{--card-stock:#f8f5f5}
.talent-grid>.talent-card[data-card-tint="4"]{--card-stock:#f6f5f8}
html[data-appearance=dark] .talent-grid>.talent-card{--card-stock:#242d39}
@media(max-width:600px){.talent-grid>.talent-card{min-height:240px}}
/* Touch/click actions retain focus without Safari's sticky blue keyboard ring.
   Text entry controls keep their focus feedback; Tab restores action outlines. */
html[data-focus-modality="pointer"] :is(a,button,summary,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],input[type="checkbox"],input[type="radio"]):focus{outline:none!important}

/* Keep touch shot targets in the timeline lane, clear of playback controls. */
@media(pointer:coarse){
 .portfolio-player .timeline-wrap{height:48px}
 .portfolio-player .shot-markers{top:18px;height:24px}
 .portfolio-player .shot-marker{height:24px;min-height:24px;min-width:24px}
}

/* A warm portfolio default, distinct from the blue editor selection. */
.showreel-library-row.is-main-showreel{background:color-mix(in srgb,var(--paper) 89%,#a3895b);box-shadow:inset 4px 0 #9b8458}
.showreel-library-row.is-main-showreel:hover,.showreel-library-row.is-main-showreel:focus-within,.showreel-library-row.is-main-showreel.selected-showreel{background:color-mix(in srgb,var(--paper) 83%,#a3895b);box-shadow:inset 4px 0 #9b8458}
.is-main-showreel .showreel-status.main{margin-top:0;background:color-mix(in srgb,var(--paper) 78%,#a3895b);color:var(--ink);border:1px solid color-mix(in srgb,var(--line) 65%,#9b8458);font-weight:600}

.privacy-control-card{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--soft);display:grid;gap:14px}.privacy-control-card h2,.privacy-control-card p{margin:0}.privacy-actions{display:flex;gap:10px;flex-wrap:wrap}.privacy-state{display:block;padding:12px 15px;border-radius:9px;background:var(--paper);border:1px solid var(--line)}.privacy-control-card .button{width:fit-content}.privacy-control-card input[type=password]{width:100%;max-width:520px}.privacy-control-card [hidden]{display:none!important}

/* The complete breakdown reads as one chronological list rather than competing cards. */
.public-shot-index .shot-index-grid{display:block;border-top:1px solid var(--line);margin-top:22px}.public-shot-index .shot-index-card{display:block;padding:22px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.public-shot-index .shot-index-card h3{margin:8px 0 6px;font-size:20px}.public-shot-index .shot-index-card p{margin:5px 0;line-height:1.65;max-width:90ch}.public-shot-index .shot-index-card button{margin-top:10px}.public-shot-index .shot-index-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.resume-entry-description,.resume-extra-description,#resume-content .resume-section>p{white-space:pre-wrap;overflow-wrap:anywhere}.pdf-control>#preview-resume-pdf{margin:10px 0}