/* /brand/tokens.css */
/* Declare precedence once. Reordering component links cannot change ownership.
   Navigation owns drawer geometry; utilities own shared interaction states. */
@layer tokens, base, brand, components, experience, surfaces, themes, atelier, navigation, utilities;
@layer tokens {
 :root{
  --wf-space-1:4px;--wf-space-2:8px;--wf-space-3:12px;--wf-space-4:16px;--wf-space-5:24px;--wf-space-6:32px;--wf-space-7:48px;--wf-space-8:64px;
  --wf-radius-sm:4px;--wf-radius-md:8px;--wf-radius-lg:12px;--wf-radius-xl:16px;--wf-radius-2xl:20px;--wf-radius-pill:999px;
  --wf-text-xs:11px;--wf-text-sm:12px;--wf-text-control:13px;--wf-text-base:14px;--wf-text-reading:15px;--wf-text-md:16px;--wf-text-lg:20px;--wf-text-xl:24px;--wf-text-title:32px;
  --wf-motion-fast:150ms;--wf-motion-normal:200ms;--wf-motion-slow:300ms;--wf-ease:cubic-bezier(.2,.7,.2,1);
  --wf-disabled-opacity:.55;
  --wf-elevation-1:0 1px 4px color-mix(in srgb,var(--wf-shadow) 10%,transparent);
  --wf-elevation-2:0 3px 8px color-mix(in srgb,var(--wf-shadow) 8%,transparent),0 14px 32px -16px color-mix(in srgb,var(--wf-shadow) 24%,transparent);
 }
}
@layer utilities {
 [hidden]{display:none!important}
 :is(button,input,select,textarea):disabled{cursor:not-allowed;opacity:var(--wf-disabled-opacity)}
 [aria-busy=true]{cursor:progress}
 #action-confirm{width:min(480px,calc(100vw - 32px));padding:var(--wf-space-6);border:1px solid var(--wf-rule);border-radius:var(--wf-radius-xl);background:var(--wf-surface);color:var(--wf-ink);box-shadow:var(--wf-elevation-2)}
 #action-confirm::backdrop{background:color-mix(in srgb,var(--wf-media) 65%,transparent)}
 #action-confirm h2{font-size:var(--wf-text-xl);line-height:1.3;margin:0 0 var(--wf-space-4)}
 #action-confirm p{color:var(--wf-muted);line-height:1.7;margin:0 0 var(--wf-space-5)}
 #action-confirm .heading-actions{justify-content:flex-end;gap:var(--wf-space-3);flex-wrap:wrap}
 .recovery-notice{display:flex;align-items:center;gap:var(--wf-space-4);flex-wrap:wrap}
 .recovery-notice>div{flex:1 1 260px}
 .recovery-notice p{margin:var(--wf-space-2) 0 0}
 @media(prefers-reduced-motion:reduce){:root{--wf-motion-fast:0ms;--wf-motion-normal:0ms;--wf-motion-slow:0ms}}
}

/* /style.css */
@layer base {
:root{color-scheme:light;--bg:var(--wf-soft);--panel:var(--wf-surface);--panel2:var(--wf-surface);--line:var(--wf-rule);--text:var(--wf-ink);--muted:var(--wf-muted);--accent:var(--wf-orange);--mint:var(--wf-muted);font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:var(--wf-text-base);line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{width:19px;height:19px;flex-shrink:0}button{background:none;border:0}h1,h2,h3,p{margin:0}h1{font-size:34px;line-height:1.25;letter-spacing:-1.1px;font-weight:600}h2{font-size:18px;font-weight:600;letter-spacing:-.35px}h3{font-size:var(--wf-text-reading);font-weight:600}small{font-size:var(--wf-text-sm)}.muted{color:var(--muted)}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.skip{position:fixed;top:-70px;left:260px;background:var(--accent);color:var(--wf-muted);padding:var(--wf-space-3);z-index:50}.skip:focus{top:12px}
.sidebar{background:var(--wf-surface);border-right:1px solid var(--line)}.brand-mark{background:var(--accent);color:var(--wf-muted)}.brand-sub{color:var(--muted)}.workspace{border:1px solid var(--line)}.workspace small{color:var(--muted)}.workspace-avatar{background:var(--wf-soft);place-items:center;color:var(--wf-orange)}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--mint);flex-shrink:0}.nav-label{color:var(--wf-muted)}.nav-item{color:var(--wf-muted)}.nav-item:hover{background:var(--wf-surface);color:var(--text)}.nav-item.active{background:var(--wf-surface);color:var(--wf-orange)}.nav-item.active svg{color:var(--accent)}.nav-item small{background:var(--wf-soft)}.sidebar-bottom{border-top:1px solid var(--line)}.local-label{font-size:var(--wf-text-xs);display:flex;align-items:center;gap:7px}.sidebar-bottom p{color:var(--muted)}.sidebar-bottom .text-button{color:var(--wf-muted)}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 37px;background:var(--wf-soft)}.breadcrumb{font-size:var(--wf-text-sm);color:var(--wf-muted);display:flex;align-items:center;gap:15px}.breadcrumb b{color:var(--wf-ink);font-weight:500}.breadcrumb>span{color:var(--wf-muted)}.top-actions{display:flex;align-items:center;gap:17px}.platform-pill{display:flex;align-items:center;gap:var(--wf-space-2);font-size:var(--wf-text-xs)}.instagram-dot{display:inline-block;width:14px;height:14px;border-radius:var(--wf-radius-sm);background:linear-gradient(35deg,var(--wf-soft),var(--wf-soft),var(--wf-soft));border:2px solid var(--wf-orange);box-shadow:inset 0 0 0 2px var(--wf-shadow)}.icon-button{width:31px;height:31px;display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:6px;color:var(--wf-ink);font-size:18px;background:var(--wf-surface)}.icon-button:hover{border-color:var(--wf-rule);color:var(--wf-ink)}main{padding:34px 37px 45px;max-width:1700px;margin:0 auto;min-height:calc(100vh - 140px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--wf-muted);margin-bottom:11px}.page-heading p{font-size:var(--wf-text-sm);color:var(--muted);margin-top:10px}.heading-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.button{padding:10px 15px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:var(--wf-space-2);font-size:var(--wf-text-xs);font-weight:600;line-height:1.3;min-height:37px}.button svg{width:15px;height:15px}.button.secondary{border:1px solid var(--wf-rule);background:var(--wf-surface)}.button.primary{background:var(--accent);color:var(--wf-muted);border:1px solid var(--accent)}.button:hover{filter:brightness(1.12)}.text-button{display:inline-flex;align-items:center;gap:var(--wf-space-2);font-size:var(--wf-text-sm);padding:0;line-height:1.6}.text-button svg{width:15px;height:15px}.text-button:hover{color:var(--accent)}.accent{color:var(--accent)}.snapshot-line{display:flex;align-items:center;gap:var(--wf-space-2);color:var(--wf-muted);font-size:10px;margin:0 0 var(--wf-space-5)}.snapshot-line .dot{width:5px;height:5px}.divider{margin:0 var(--wf-space-1);color:var(--wf-muted)}.quiet-tag{border:1px solid var(--wf-rule);border-radius:var(--wf-radius-sm);padding:3px 7px;margin-left:auto;color:var(--wf-muted);font-size:9px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:var(--wf-space-5)}.kpi{background:linear-gradient(115deg,var(--wf-surface),var(--wf-surface));padding:19px 19px 17px;border:1px solid var(--wf-rule);border-radius:10px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;transition:var(--wf-motion-normal);min-height:167px}.kpi:hover{border-color:var(--wf-rule);transform:translateY(-2px)}.kpi-label{width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--wf-ink);font-size:9px;letter-spacing:1px}.kpi-label svg{width:16px;height:16px;color:var(--wf-muted)}.kpi>strong{font-size:35px;font-weight:550;letter-spacing:-1.5px;margin:var(--wf-space-2) 0 3px;line-height:1.3}.kpi>strong>em{font-size:var(--wf-text-base);color:var(--wf-muted);font-style:normal;letter-spacing:0;margin-left:5px;font-weight:400}.kpi>span:not(.kpi-label){font-size:var(--wf-text-xs)}.kpi>small{font-size:9px;color:var(--wf-muted);margin-top:6px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 23px var(--wf-space-4)}.panel-heading p{font-size:var(--wf-text-xs);color:var(--muted);margin-top:5px}.panel-heading h2{font-size:var(--wf-text-md)}.panel-heading select{font-size:10px}select{color:var(--wf-ink);background:var(--wf-surface);border:1px solid var(--wf-rule);padding:9px 28px 9px 11px;border-radius:6px;font-size:var(--wf-text-xs);max-width:100%}.overview-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(260px,1fr);gap:22px;margin-bottom:var(--wf-space-5)}.bar-chart{padding:var(--wf-space-3) 23px 19px}.bar-row{display:flex;align-items:center;width:100%;gap:var(--wf-space-3);min-height:34px;padding:5px 0;text-align:left;font-size:10px}.bar-row:hover .bar-label{color:var(--accent)}.bar-label{width:175px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--wf-ink)}.rank{color:var(--wf-muted);font-size:9px;font-variant-numeric:tabular-nums;margin-right:10px}.bar-track{flex:1;height:7px;background:var(--wf-surface);border-radius:2px;overflow:hidden}.bar-fill{display:block;min-width:1px;height:100%;border-radius:2px;background:var(--wf-soft)}.bar-fill.lead{background:var(--accent)}.bar-row b{font-variant-numeric:tabular-nums;font-size:10px;width:46px;text-align:right;font-weight:500;color:var(--wf-ink)}.chart-foot{border-top:1px solid var(--line);padding:13px 23px;font-size:9px;color:var(--wf-muted);display:flex;align-items:center;gap:6px}.chart-foot>span:last-child{margin-left:auto}.legend-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.takeaways{padding:25px;background:radial-gradient(ellipse at top right,var(--wf-soft),var(--wf-surface) 68%);display:flex;flex-direction:column}.section-kicker{font-size:9px;letter-spacing:1.2px;color:var(--wf-muted)}.takeaways h2{font-size:25px;line-height:1.27;margin-top:var(--wf-space-4);letter-spacing:-.7px}.big-stat{font-size:68px;line-height:1.1;letter-spacing:-4px;font-weight:500;margin:18px 0 var(--wf-space-2);color:var(--wf-orange)}.big-stat span{font-size:40px;letter-spacing:0;margin-left:3px;color:var(--wf-orange)}.takeaways>p{font-size:var(--wf-text-sm);color:var(--wf-ink);max-width:280px;line-height:1.6}.takeaway-note{border-top:1px solid var(--wf-rule);margin-top:18px;padding-top:14px;font-size:10px;color:var(--wf-muted);line-height:1.7}.takeaways>.text-button{margin-top:auto;padding-top:18px;font-size:10px}.library-panel{margin-bottom:var(--wf-space-5)}.count{border:1px solid var(--wf-rule);color:var(--wf-ink);border-radius:5px;font-size:10px;padding:1px 6px;margin-left:7px;font-weight:400;vertical-align:middle}.table-scroll{overflow:auto}.video-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.video-table th{font-size:8px;font-weight:500;letter-spacing:1px;color:var(--wf-muted);padding:13px 20px;background:var(--wf-surface);border-block:1px solid var(--line)}.video-table th:first-child{padding-left:23px}.video-table td{font-size:var(--wf-text-xs);padding:var(--wf-space-3) 20px;border-bottom:1px solid var(--wf-rule);font-variant-numeric:tabular-nums}.video-table tr:last-child td{border-bottom:0}.video-table tr:hover td{background:var(--wf-surface)}.video-name{padding:0;display:flex;gap:var(--wf-space-3);align-items:center;text-align:left;font-size:var(--wf-text-sm)}.video-name img{width:34px;height:43px;border-radius:5px;object-fit:cover;object-position:center 40%}.video-name small{display:block;font-size:9px;color:var(--wf-muted);margin-top:3px}.video-table .icon-button{height:25px;width:25px;font-size:var(--wf-text-base);border-color:var(--wf-rule)}.rate{padding:3px 6px;border-radius:var(--wf-radius-sm);font-size:10px}.rate.high{color:var(--wf-muted);background:var(--wf-soft)}.bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.next-card{padding:25px;display:flex;justify-content:space-between;gap:20px;position:relative;min-height:245px;background:var(--wf-surface)}.next-card>div{max-width:70%;z-index:1}.next-card h2{font-size:var(--wf-text-xl);line-height:1.3;margin:10px 0}.next-card p{font-size:var(--wf-text-xs);color:var(--wf-muted);max-width:330px;margin-bottom:18px}.next-card .button{font-size:10px;padding:9px var(--wf-space-3)}.next-card>img{position:absolute;right:0;top:0;width:35%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.6;mask-image:linear-gradient(90deg,transparent,black 35%)}.evidence-card{padding:25px}.evidence-card h2{font-size:23px;margin:14px 0 9px}.evidence-card p{font-size:var(--wf-text-sm);color:var(--muted);line-height:1.8;margin-bottom:22px;max-width:380px}.evidence-card .text-button{font-size:10px}
.filter-row{display:flex;align-items:center;gap:14px;margin:25px 0}.filter-row>.muted{font-size:var(--wf-text-xs);margin-left:auto}.search{display:flex;align-items:center;gap:10px;background:var(--wf-surface);border:1px solid var(--wf-rule);border-radius:7px;padding:0 var(--wf-space-3);min-width:300px}.search svg{width:16px;color:var(--wf-muted)}.search input{background:none;color:var(--wf-ink);border:0;padding:10px 0;outline:0;width:100%;font-size:var(--wf-text-sm)}.search input::placeholder{color:var(--wf-muted)}.search:focus-within{border-color:var(--accent)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-card{padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:left;background:var(--panel);transition:var(--wf-motion-normal)}.video-card:hover{border-color:var(--wf-rule);transform:translateY(-3px)}.video-cover{height:200px;position:relative;overflow:hidden;background:var(--wf-surface)}.video-cover>img{width:100%;height:100%;object-fit:cover;object-position:50% 39%;filter:brightness(.82);transition:var(--wf-motion-slow)}.video-card:hover .video-cover>img{filter:brightness(1);transform:scale(1.025)}.duration{position:absolute;bottom:12px;right:12px;background:color-mix(in srgb,var(--wf-soft) 60.00%,transparent);border:1px solid color-mix(in srgb,var(--wf-rule) 20.00%,transparent);border-radius:5px;padding:2px 7px;font-size:10px}.play-circle{position:absolute;left:16px;bottom:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid color-mix(in srgb,var(--wf-rule) 33.33%,transparent);font-size:10px;background:color-mix(in srgb,var(--wf-soft) 20.00%,transparent)}.video-card-body{padding:20px}.video-card-body .section-kicker{font-size:8px;color:var(--wf-orange)}.video-card h2{font-size:18px;margin:6px 0}.video-card-body>p{font-size:10px;color:var(--muted)}.video-card-body>p span{padding:0 3px}.video-card-stats{display:grid;grid-template-columns:1.25fr 1fr 1fr;border-top:1px solid var(--line);margin-top:18px;padding-top:13px;gap:var(--wf-space-2)}.video-card-stats b{font-size:var(--wf-text-md);font-weight:550;display:block}.video-card-stats small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.notice{background:var(--wf-surface);border:1px solid var(--wf-rule);color:var(--wf-ink);font-size:var(--wf-text-xs);padding:13px 17px;border-radius:7px;line-height:1.7;margin:0 0 var(--wf-space-5)}.audience-banner{display:flex;gap:var(--wf-space-7);background:var(--wf-surface);border:1px solid var(--line);border-radius:10px;padding:25px;align-items:center}.audience-banner strong{font-size:var(--wf-text-title);font-weight:500;letter-spacing:-1px;display:block}.audience-banner span{font-size:var(--wf-text-xs);color:var(--muted)}.audience-banner p{font-size:var(--wf-text-xs);color:var(--wf-muted);margin-left:auto;line-height:1.8}.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.signal-card{padding:22px;display:flex;flex-direction:column}.signal-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.tag{display:inline-block;padding:3px 7px;border:1px solid var(--wf-rule);border-radius:var(--wf-radius-sm);color:var(--wf-ink);font-size:8px;letter-spacing:.5px;text-transform:uppercase;background:var(--wf-surface)}.tag.mint{color:var(--mint);background:var(--wf-soft);border-color:var(--wf-rule)}.tag.orange{color:var(--accent);background:var(--wf-surface);border-color:var(--wf-rule)}.like-count{font-size:var(--wf-text-xs);color:var(--wf-muted);flex-shrink:0}.signal-card blockquote{font-size:17px;line-height:1.55;letter-spacing:-.2px;margin:20px 0;overflow-wrap:anywhere}.action-line{margin-top:auto;padding:15px 0;border-top:1px solid var(--line)}.action-line>span{font-size:8px;letter-spacing:1px;color:var(--wf-muted)}.action-line p{font-size:var(--wf-text-xs);color:var(--wf-muted);line-height:1.8;margin-top:6px}.source-button{display:flex;align-items:center;gap:var(--wf-space-2);color:var(--wf-ink);font-size:10px;padding:0;text-align:left;align-self:flex-start}.source-button:hover{color:var(--accent)}.source-button img{width:21px;height:26px;object-fit:cover;border-radius:3px}
.idea-list{display:grid;gap:18px}.idea-card{display:flex;align-items:center;gap:var(--wf-space-5);padding:22px}.idea-number{font-size:var(--wf-text-md);color:var(--wf-muted);font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:5px}.idea-card>img{width:113px;height:145px;object-fit:cover;object-position:50% 40%;border-radius:7px}.idea-content{flex:1}.idea-content .section-kicker{color:var(--wf-orange);font-size:8px}.idea-content h2{font-size:23px;margin:var(--wf-space-1) 0 7px}.idea-content>p{font-size:var(--wf-text-sm);color:var(--muted);max-width:720px}.idea-content>p.idea-hook{font-size:var(--wf-text-base);color:var(--wf-orange);margin-bottom:7px}.idea-evidence{display:flex;gap:15px;flex-wrap:wrap;margin-top:17px;font-size:9px;color:var(--wf-muted)}.idea-evidence span{background:var(--wf-surface);border:1px solid var(--wf-rule);padding:var(--wf-space-1) var(--wf-space-2);border-radius:var(--wf-radius-sm)}.idea-card>.icon-button{align-self:flex-start}.reserve{margin-top:var(--wf-space-5);padding:25px;display:flex;align-items:center;gap:25px;justify-content:space-between}.reserve h2{margin-top:6px}.reserve-chips{display:flex;gap:var(--wf-space-2);flex-wrap:wrap;justify-content:flex-end;max-width:550px}.reserve-chips button{background:var(--wf-surface);border:1px solid var(--wf-rule);padding:7px 10px;border-radius:5px;font-size:10px;color:var(--wf-ink)}.reserve-chips button:hover{border-color:var(--accent)}.guide-intro{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--wf-muted);font-size:var(--wf-text-xs);margin:26px 0}.guide-intro .tag:not(:first-child){margin-left:14px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:26px}.guide-card{padding:25px;text-align:left;display:flex;flex-direction:column;min-height:270px;transition:var(--wf-motion-normal)}.guide-card:hover{border-color:var(--wf-rule);transform:translateY(-2px)}.guide-number{display:flex;justify-content:space-between;color:var(--wf-muted);font-size:var(--wf-text-sm);margin-bottom:27px}.guide-number span{font-size:19px;color:var(--wf-muted)}.guide-card h2{font-size:21px;margin-bottom:11px}.guide-card p{font-size:var(--wf-text-sm);color:var(--muted);line-height:1.8;margin-bottom:25px}.guide-card>.text-button{margin-top:auto;font-size:var(--wf-text-xs)}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.reference-strip{width:100%;height:160px;object-fit:cover;object-position:50% 15%;filter:brightness(.85)}.reference-body{padding:21px}.reference-body h2{font-size:23px;margin:5px 0}.reference-body>p{font-size:var(--wf-text-sm);line-height:1.7;color:var(--muted);margin-bottom:18px}.reference-link{display:flex;align-items:center;justify-content:space-between;gap:var(--wf-space-2);padding:var(--wf-space-3) 0;border-top:1px solid var(--line);font-size:10px;color:var(--wf-ink)}.reference-link:hover{color:var(--accent)}.reference-link small{display:block;font-size:8px;color:var(--muted);margin-top:3px;font-weight:400}.reference-link b{font-size:var(--wf-text-sm);font-weight:500;text-align:right}.reference-body>.text-button{font-size:10px;margin-top:17px}.unavailable{padding:23px;margin-top:var(--wf-space-5);display:flex;align-items:center;gap:35px}.unavailable p{font-size:var(--wf-text-sm);color:var(--muted);max-width:800px}.unavailable h2{flex-shrink:0}
dialog{background:var(--wf-surface);border:1px solid var(--wf-rule);border-radius:14px;color:var(--text);width:min(1030px,92vw);max-height:90vh;padding:0;box-shadow:0 30px 150px color-mix(in srgb,var(--wf-shadow) 73.33%,transparent);overflow:auto}dialog::backdrop{background:color-mix(in srgb,var(--wf-soft) 73.33%,transparent);backdrop-filter:blur(6px)}.dialog-close{position:sticky;top:13px;margin-top:13px;left:calc(100% - 45px);z-index:3;background:var(--wf-surface);box-shadow:0 2px 20px color-mix(in srgb,var(--wf-shadow) 20.00%,transparent);font-size:var(--wf-text-control)}.post-detail{display:grid;grid-template-columns:280px 1fr;gap:33px;padding:0 35px 27px}.detail-image{position:relative}.detail-image img{width:100%;max-height:445px;object-fit:cover;border-radius:var(--wf-radius-md);object-position:50% 35%}.detail-image>span{position:absolute;bottom:14px;right:13px;padding:3px 9px;background:color-mix(in srgb,var(--wf-soft) 53.33%,transparent);border-radius:var(--wf-radius-sm);font-size:var(--wf-text-xs)}.detail-content h2{font-size:30px;letter-spacing:-.8px;margin:7px 0}.detail-content>p{font-size:var(--wf-text-sm);color:var(--wf-muted);line-height:1.8}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wf-space-3);padding:19px 0;margin:15px 0;border-block:1px solid var(--line)}.detail-stats b{font-size:23px;font-weight:500;display:block}.detail-stats small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.detail-content h3{margin:var(--wf-space-4) 0 7px;color:var(--wf-ink);font-size:var(--wf-text-sm)}.detail-actions{display:flex;gap:10px;margin-top:22px}.detail-bottom{padding:0 35px 28px}.detail-bottom>h3{font-size:var(--wf-text-reading);margin:0 0 17px}.mini-comments{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mini-comments blockquote{margin:0;padding:15px;background:var(--wf-surface);border:1px solid var(--wf-rule);border-radius:7px;font-size:var(--wf-text-sm);overflow-wrap:anywhere}.mini-comments small{font-size:9px;color:var(--muted);display:block;margin-top:10px}.detail-caveat{font-size:10px;color:var(--wf-muted);border-top:1px solid var(--line);padding-top:15px;margin-top:20px;line-height:1.8}.detail-bottom details{margin-top:22px;color:var(--wf-ink);font-size:var(--wf-text-xs)}.detail-bottom pre{font-size:10px;padding:20px;background:var(--wf-soft);overflow:auto;border-radius:7px}.detail-bottom #source-labels{margin-top:15px}.document{padding:0 45px 45px}.document>.section-kicker{font-size:9px;color:var(--wf-muted);margin:var(--wf-space-1) 0 var(--wf-space-5);overflow-wrap:anywhere}.document-content{font-size:var(--wf-text-base);line-height:1.85;color:var(--wf-ink)}.document h2{font-size:var(--wf-text-title);line-height:1.3;letter-spacing:-.8px;margin:25px 0 20px;color:var(--wf-orange)}.document h3{font-size:22px;color:var(--wf-ink);margin:35px 0 14px}.document h4{font-size:17px;color:var(--wf-ink);margin:25px 0 var(--wf-space-3)}.document p{margin-bottom:14px}.document strong{color:var(--wf-ink);font-weight:600}.document a,.inline-link{color:var(--wf-orange);text-decoration:underline;text-underline-offset:3px}.inline-link{display:inline;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit;text-align:left}.document ul{padding-left:22px;margin:10px 0 22px}.document li{padding-left:3px;margin:7px 0}.check-box{margin-right:var(--wf-space-2);color:var(--accent)}.document code{font-family:Consolas,monospace;font-size:.85em;background:var(--wf-surface);border-radius:3px;padding:2px 5px;color:var(--wf-orange)}.document pre{padding:20px;overflow:auto;background:var(--wf-soft);border:1px solid var(--line);border-radius:7px;line-height:1.6}.document pre code{background:none;padding:0;font-size:var(--wf-text-xs)}.document table{border-collapse:collapse;min-width:100%;font-size:var(--wf-text-xs);margin:15px 0 23px}.document th,.document td{padding:10px var(--wf-space-3);border:1px solid var(--wf-rule);min-width:90px;vertical-align:top;text-align:left}.document th{background:var(--wf-surface);color:var(--wf-ink)}.document-image{display:block;width:100%;height:auto;border:1px solid var(--wf-rule);border-radius:7px;margin:18px 0}.document .table-scroll{margin-bottom:20px}
.collection-bar{margin:0 0 20px;border:1px solid var(--wf-rule);background:var(--wf-soft);border-radius:7px;padding:var(--wf-space-3) var(--wf-space-4);color:var(--wf-muted);font-size:var(--wf-text-xs)}.collection-bar>span{display:flex;align-items:center;gap:10px}.collection-bar.failed{background:var(--wf-soft);border-color:var(--wf-rule);color:var(--wf-orange)}.collection-bar details{margin-top:var(--wf-space-2);font-size:10px}.collection-bar pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto;color:var(--wf-ink)}.loading{display:flex;align-items:center;justify-content:center;min-height:50vh;gap:15px;color:var(--wf-muted)}.spinner{display:inline-block;width:15px;height:15px;border:2px solid color-mix(in srgb,var(--wf-rule) 31.37%,transparent);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%,30px);background:var(--wf-soft);color:var(--wf-muted);padding:13px 20px;border-radius:var(--wf-radius-md);max-width:650px;width:max-content;box-shadow:0 7px 30px color-mix(in srgb,var(--wf-shadow) 33.33%,transparent);opacity:0;pointer-events:none;transition:var(--wf-motion-normal);z-index:100;font-size:var(--wf-text-sm)}#toast.visible{opacity:1;transform:translate(-50%,0)}.empty{padding:40px;color:var(--muted);text-align:center}.empty h1{font-size:23px;margin-bottom:20px}.empty p{margin-bottom:var(--wf-space-3)}footer{max-width:1700px;margin:0 auto;padding:20px 37px;border-top:1px solid var(--wf-rule);display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;color:var(--wf-muted)}footer>span{letter-spacing:0;font-size:9px}
@media(min-width:1600px){main{padding-top:42px}.bar-row{min-height:39px}.kpi{min-height:176px}.bar-label{width:195px;font-size:var(--wf-text-xs)}.takeaways{padding:29px}}
@media(max-width:1200px){main{padding:28px 25px}.topbar{padding-inline:25px}.heading-actions{flex-wrap:wrap;justify-content:flex-end;max-width:220px}.page-heading h1{font-size:30px}.kpis{gap:10px}.kpi{padding:15px 13px}.kpi-label{font-size:8px;letter-spacing:.6px}.kpi>strong{font-size:31px}.kpi>small{font-size:8px}.overview-grid{grid-template-columns:minmax(0,1.8fr) minmax(235px,1fr);gap:15px}.panel-heading{padding:20px 18px 14px}.panel-heading p{font-size:10px}.bar-chart{padding-inline:18px}.bar-label{width:143px;font-size:9px}.rank{margin-right:6px}.chart-foot{padding-inline:18px;font-size:8px}.takeaways{padding:21px}.takeaways h2{font-size:23px}.big-stat{font-size:60px}.video-grid,.guide-grid{gap:15px}.video-cover{height:170px}.video-card-body{padding:var(--wf-space-4)}.video-card h2{font-size:var(--wf-text-md)}.reference-grid{gap:15px}.reference-body{padding:var(--wf-space-4)}.reference-body h2{font-size:19px}.reference-strip{height:130px}.idea-card{gap:17px}.idea-content h2{font-size:21px}.idea-card>img{width:95px}.audience-banner{gap:28px}}
@media(max-width:1000px){.overview-grid{grid-template-columns:1fr}.takeaways{display:grid;grid-template-columns:1.4fr 1fr;column-gap:30px}.takeaways>.section-kicker,.takeaways>.text-button{grid-column:1/-1}.takeaways h2{grid-column:1;grid-row:2;margin:10px 0}.big-stat{grid-row:2/4;grid-column:2;margin:10px 0;align-self:center}.takeaways>p{grid-column:1;grid-row:3;max-width:none}.takeaway-note{grid-column:1/-1;margin-top:14px;padding-top:10px}.takeaways>.text-button{padding-top:var(--wf-space-3)}.video-grid,.guide-grid,.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.bar-label{width:185px;font-size:var(--wf-text-xs)}.chart-foot{font-size:9px}.audience-banner{flex-wrap:wrap;gap:var(--wf-space-5)}.audience-banner p{width:100%;margin:0;border-top:1px solid var(--wf-rule);padding-top:15px}.signal-grid{grid-template-columns:1fr}.reserve{flex-direction:column;align-items:flex-start}.reserve-chips{justify-content:flex-start}.kpi>small{line-height:1.7}.post-detail{grid-template-columns:230px 1fr;gap:25px;padding-inline:25px}.detail-content h2{font-size:25px}.detail-stats b{font-size:21px}.unavailable{display:block}.unavailable p{margin-top:10px}}
@media(max-width:760px){.topbar{height:60px;padding-inline:20px}.breadcrumb{font-size:10px;gap:10px}.top-actions{gap:10px}.platform-pill{font-size:10px}main{padding:25px 20px}.page-heading{align-items:flex-start;flex-direction:column;gap:17px}.page-heading h1{font-size:29px}.page-heading p{font-size:var(--wf-text-xs);max-width:450px}.heading-actions{max-width:none;flex-wrap:wrap}.snapshot-line{flex-wrap:wrap;font-size:9px}.quiet-tag{margin-left:0}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.kpi{min-height:154px}.kpi>strong{font-size:var(--wf-text-title)}.kpi>small{font-size:8px}.kpi-label{font-size:8px}.panel-heading{flex-wrap:wrap;gap:var(--wf-space-3)}.panel-heading select{max-width:155px}.bar-label{width:142px;font-size:9px}.bar-row{gap:var(--wf-space-2)}.bar-row b{width:37px;font-size:9px}.rank{font-size:8px}.chart-foot{flex-wrap:wrap;font-size:8px;gap:5px}.chart-foot>span:last-child{margin-left:0;width:100%}.takeaways h2{font-size:23px}.takeaways>p{font-size:var(--wf-text-xs)}.video-grid,.guide-grid,.reference-grid{grid-template-columns:1fr}.video-cover{height:240px}.video-card h2{font-size:21px}.video-card-body{padding:21px}.video-card-body>p{font-size:var(--wf-text-xs)}.video-card-stats b{font-size:19px}.guide-card{min-height:220px}.guide-number{margin-bottom:18px}.guide-intro{font-size:9px;gap:var(--wf-space-2)}.guide-intro .tag:not(:first-child){margin-left:0}.filter-row{gap:10px;flex-wrap:wrap}.search{min-width:0;flex:1;flex-basis:180px}.filter-row>.muted{font-size:10px}.idea-card{padding:18px;gap:13px;flex-wrap:wrap;position:relative}.idea-number{position:absolute;top:19px;left:19px;z-index:1;color:var(--wf-ink);background:color-mix(in srgb,var(--wf-surface) 66.67%,transparent);padding:3px 7px;border-radius:var(--wf-radius-sm);font-size:var(--wf-text-sm)}.idea-card>img{width:100%;height:150px;object-position:50% 35%;opacity:.7}.idea-content{flex-basis:100%}.idea-content h2{font-size:22px}.idea-card>.icon-button{position:absolute;top:24px;right:25px}.idea-content>p{font-size:var(--wf-text-xs)}.audience-banner{gap:23px;padding:20px}.audience-banner strong{font-size:28px}.audience-banner span{font-size:9px}.signal-card{padding:19px}.signal-card blockquote{font-size:var(--wf-text-md)}.reference-strip{height:200px}.reference-body{padding:23px}.reference-body h2{font-size:var(--wf-text-xl)}.reference-link{font-size:var(--wf-text-sm)}.reference-link small{font-size:10px}.reference-link b{font-size:var(--wf-text-reading)}.reference-body>.text-button{font-size:var(--wf-text-sm)}footer{padding:18px 20px;flex-direction:column;gap:6px;font-size:7px}footer>span{font-size:8px}#toast{left:calc(50% + 25px);max-width:calc(100vw - 100px);font-size:var(--wf-text-xs)}.post-detail{grid-template-columns:1fr;padding:0 22px var(--wf-space-5);gap:20px}.detail-image{height:190px;overflow:hidden;border-radius:7px}.detail-image img{height:100%;max-height:100%;object-position:50% 36%}.detail-bottom{padding:0 22px var(--wf-space-5)}.mini-comments{grid-template-columns:1fr;gap:10px}.document{padding:0 22px 30px}.document h2{font-size:26px}.document h3{font-size:21px}.document-content{font-size:var(--wf-text-sm)}.document-content table{font-size:10px}.next-card>div{max-width:83%}.next-card h2{font-size:23px}.evidence-card h2{font-size:21px}.skip{left:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.raw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;margin:0 0 20px}.raw-stats b{display:block;font-size:var(--wf-text-base);font-weight:500;color:var(--wf-ink)}.raw-stats small{display:block;font-size:9px;color:var(--wf-muted);margin-top:3px}.detail-stats{margin-bottom:var(--wf-space-4)}
.small{font-size:10px}.development-intro{display:grid;grid-template-columns:1.4fr 1fr;padding:var(--wf-space-6) 35px;margin:28px 0 18px;background:radial-gradient(ellipse at right,var(--wf-soft),var(--wf-surface) 70%);gap:25px}.development-intro h2{font-size:34px;line-height:1.25;letter-spacing:-1px;margin:15px 0}.development-intro p{font-size:var(--wf-text-control);color:var(--wf-ink);max-width:530px;line-height:1.85;margin-bottom:22px}.workflow-orbit{position:relative;min-height:230px;max-width:350px;width:100%;margin:auto;color:var(--wf-muted)}.workflow-orbit svg{width:100%;height:100%;position:absolute;inset:0;opacity:.55}.workflow-orbit span{position:absolute;border:1px solid var(--wf-rule);background:color-mix(in srgb,var(--wf-surface) 87.84%,transparent);border-radius:7px;padding:var(--wf-space-2) 13px;font-size:9px;letter-spacing:1.1px;z-index:1;color:var(--wf-muted)}.workflow-orbit span:nth-child(1){top:10%;left:20%}.workflow-orbit span:nth-child(2){right:4%;top:36%}.workflow-orbit span:nth-child(3){left:5%;bottom:14%}.workflow-orbit span:nth-child(4){right:16%;bottom:0;background:var(--wf-soft);border-color:var(--wf-orange);color:var(--wf-orange)}.dev-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:10px 5px 25px;margin-bottom:var(--wf-space-6);gap:15px}.dev-stats span{font-size:var(--wf-text-xs);color:var(--muted)}.dev-stats b{display:block;color:var(--wf-ink);font-size:28px;font-weight:500;margin-bottom:3px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 18px;gap:15px}.section-heading h2{font-size:21px}.section-heading p{color:var(--muted);font-size:var(--wf-text-xs);margin-top:6px}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.concept-card{display:flex;flex-direction:column}.concept-art{height:145px;position:relative;padding:18px 21px;background:linear-gradient(130deg,var(--wf-soft),var(--wf-surface));color:var(--wf-muted);overflow:hidden}.concept-art::before{content:'';position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--wf-soft) 3.92%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--wf-soft) 3.92%,transparent) 1px,transparent 1px);background-size:22px 22px;transform:rotate(-12deg) scale(1.4)}.concept-art>span{position:relative;font-size:8px;letter-spacing:1.6px;color:var(--wf-ink)}.concept-art>svg{position:absolute;right:28px;top:37px;width:62px;height:62px;opacity:.7;transform:rotate(-10deg)}.concept-art>b{position:absolute;bottom:19px;left:21px;font-size:var(--wf-text-sm);font-weight:500;max-width:65%;color:var(--wf-muted)}.concept-art.architecture,.concept-art.infrastructure{background:linear-gradient(135deg,var(--wf-soft),var(--wf-surface));color:var(--wf-orange)}.concept-art.biology{background:linear-gradient(135deg,var(--wf-soft),var(--wf-soft));color:var(--wf-muted)}.concept-art.space,.concept-art.what-if{background:linear-gradient(135deg,var(--wf-soft),var(--wf-soft));color:var(--wf-blue)}.concept-art.systems{background:linear-gradient(135deg,var(--wf-soft),var(--wf-surface));color:var(--wf-orange)}.concept-body{padding:22px;display:flex;flex-direction:column;flex:1}.concept-body h2{font-size:21px;line-height:1.3;margin:var(--wf-space-4) 0 11px}.concept-body>p{font-size:var(--wf-text-sm);color:var(--wf-muted);line-height:1.8}.concept-body .signal-top{align-items:flex-start;gap:5px}.concept-body .signal-top .small{font-size:8px;text-align:right}.concept-payoff{border-top:1px solid var(--wf-rule);margin:18px 0;padding-top:13px;flex:1}.concept-payoff small{font-size:8px;letter-spacing:1px;color:var(--wf-muted)}.concept-payoff p{font-size:var(--wf-text-xs);color:var(--wf-muted);line-height:1.8;margin-top:5px}.concept-body>.button{align-self:flex-start;font-size:10px}.prototype-note{display:flex;align-items:center;gap:20px;padding:22px;margin:5px 0 28px;background:var(--wf-surface)}.prototype-note>div{flex:1}.prototype-note p{font-size:var(--wf-text-xs);color:var(--muted);margin-top:5px;max-width:650px}.prototype-note>.tag{flex-shrink:0;max-width:170px;white-space:normal}.project-board{margin:25px 0}.project-board .empty p{margin-top:10px}.filter-summary{font-size:10px;color:var(--muted);margin:var(--wf-space-3) 0 var(--wf-space-5);line-height:1.8}.idea-filters{flex-wrap:wrap;gap:10px}.idea-filters .search{flex:1;min-width:240px}.idea-filters select{font-size:10px;max-width:230px}.gap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.gap-grid>div{border:1px dashed var(--wf-rule);border-radius:7px;padding:17px;background:var(--wf-surface)}.gap-grid b{display:block;font-size:var(--wf-text-control);font-weight:500;margin-bottom:5px;color:var(--wf-ink)}.gap-grid span{font-size:10px;color:var(--muted)}.feature-groups small,.format-table td>small{display:block;color:var(--wf-muted);font-size:9px;margin-top:var(--wf-space-1)}.format-table{min-width:1050px}.format-table .video-name span{max-width:230px;white-space:normal;min-width:180px;font-size:var(--wf-text-xs)}.format-table .video-name small{line-height:1.7;font-size:8px}.format-table td{white-space:normal;font-size:10px;min-width:120px;line-height:1.7}.format-table td:first-child{min-width:285px}.format-table th{font-size:8px}.format-table .button{font-size:9px;padding:6px var(--wf-space-2);min-height:28px}.reference-pick.picked{border-color:var(--wf-rule);background:var(--wf-soft);color:var(--wf-muted)}.reference-detail-button{width:100%;text-align:left}.brief-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:23px;align-items:start}.brief-main,.brief-side{display:grid;gap:20px}.brief-section{padding:25px}.brief-section>h2{font-size:var(--wf-text-lg);margin-bottom:18px}.brief-field{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--wf-muted);margin-bottom:17px}.brief-field input,.brief-field textarea,.brief-field select{width:100%;background:var(--wf-soft);border:1px solid var(--wf-rule);border-radius:6px;padding:10px 11px;color:var(--wf-ink);font-size:var(--wf-text-sm);line-height:1.7;min-width:0}.brief-field textarea{resize:vertical;min-height:67px;font-family:inherit}.brief-field input:focus,.brief-field textarea:focus,.brief-field select:focus{outline:1px solid var(--wf-rule);border-color:var(--wf-orange)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 17px}.field-help{font-size:10px;line-height:1.9;color:var(--wf-muted);margin:var(--wf-space-1) 0 var(--wf-space-4)}.brief-section .panel-heading.compact{padding:0;margin-bottom:10px;align-items:flex-start}.brief-section .panel-heading.compact h2{font-size:var(--wf-text-lg)}.shot-list{display:grid;gap:18px}.shot-editor{padding:17px;border:1px solid var(--wf-rule);background:var(--wf-surface);border-radius:7px}.shot-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--wf-space-4);flex-wrap:wrap}.shot-header b{flex:1;font-size:var(--wf-text-xs);color:var(--wf-ink);min-width:140px}.shot-header label{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--wf-muted)}.shot-header input{width:55px;font-size:10px;border:1px solid var(--wf-rule);padding:var(--wf-space-1) 5px;border-radius:var(--wf-radius-sm);background:var(--wf-soft);color:var(--wf-ink)}.shot-editor .brief-field:last-child{margin-bottom:0}.shot-editor .field-grid{gap:var(--wf-space-3)}.review-check{display:flex;align-items:flex-start;gap:10px;font-size:var(--wf-text-xs);color:var(--wf-ink);margin-bottom:15px;line-height:1.8}.review-check input,.brief-refs input{accent-color:var(--accent);margin-top:var(--wf-space-1);flex-shrink:0}.brief-side h2{font-size:19px;margin:9px 0 18px}.brief-refs{max-height:365px;overflow:auto;padding-right:7px;margin-bottom:17px}.brief-refs label{display:flex;align-items:flex-start;gap:9px;font-size:10px;color:var(--wf-ink);padding:9px 0;border-bottom:1px solid var(--wf-rule)}.brief-refs small{display:block;font-size:8px;color:var(--wf-muted);margin-top:3px}.brief-side .brief-section{padding:23px}.export-links{display:grid;gap:10px}.export-links .button{font-size:10px}.export-links>.text-button{margin:5px 0}.export-links small{font-size:8px;color:var(--wf-muted);overflow-wrap:anywhere}.project-board td:first-child{min-width:210px}.project-board .inline-link{color:var(--wf-ink);text-decoration:none;text-align:left}.project-board .inline-link:hover{color:var(--accent)}
.format-filters{flex-wrap:wrap}.format-filters select{max-width:230px}.format-filters>.muted{flex:1;text-align:right}
@media(max-width:1200px){.concept-grid{gap:15px}.concept-body{padding:18px}.concept-body h2{font-size:19px}.concept-body .signal-top{flex-wrap:wrap}.development-intro{padding:28px}.development-intro h2{font-size:30px}.brief-layout{grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:17px}.brief-section,.brief-side .brief-section{padding:20px}.field-grid{gap:0 var(--wf-space-3)}.prototype-note{gap:15px}}
@media(max-width:1000px){.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.development-intro{grid-template-columns:1fr}.workflow-orbit{display:none}.prototype-note{flex-wrap:wrap}.prototype-note>div{flex-basis:60%}.brief-layout{grid-template-columns:1fr}.brief-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.brief-side .brief-section:nth-child(2){grid-row:span 2}.gap-grid{gap:10px}.gap-grid>div{padding:13px}.gap-grid b{font-size:var(--wf-text-xs)}.gap-grid span{font-size:9px}}
@media(max-width:760px){.concept-grid{grid-template-columns:1fr}.development-intro{padding:22px;margin-top:22px}.development-intro h2{font-size:26px}.development-intro p{font-size:var(--wf-text-xs)}.dev-stats{grid-template-columns:repeat(2,1fr);gap:20px}.dev-stats b{font-size:25px}.dev-stats span{font-size:10px}.concept-body h2{font-size:22px}.concept-art{height:150px}.prototype-note{padding:20px;gap:14px}.prototype-note>div{flex-basis:100%}.prototype-note .button{font-size:10px}.section-heading h2{font-size:19px}.section-heading p{font-size:10px}.section-heading{align-items:flex-start}.idea-filters .search{min-width:100%;flex-basis:100%}.idea-filters select{max-width:100%;flex:1;min-width:110px}.gap-grid{grid-template-columns:1fr}.brief-side{grid-template-columns:1fr}.brief-side .brief-section:nth-child(2){grid-row:auto}.brief-layout{gap:17px}.brief-section,.brief-side .brief-section{padding:18px}.field-grid{grid-template-columns:1fr;gap:0}.shot-editor{padding:13px}.shot-editor .field-grid{gap:0}.shot-header b{flex-basis:100%}.brief-section .panel-heading.compact{flex-wrap:wrap;gap:9px}.brief-field input,.brief-field textarea,.brief-field select{font-size:var(--wf-text-sm)}.brief-field{font-size:10px}.reference-detail-button{font-size:var(--wf-text-xs)}.brief-side h2{font-size:var(--wf-text-lg)}}.credit-balance{background:var(--wf-surface);border:1px solid var(--wf-rule)}.credit-balance b{color:var(--wf-muted)}.credit-balance small{color:var(--wf-muted)}.runner-badge{font-size:var(--wf-text-xs);color:var(--muted);white-space:nowrap}.signed-out .topbar,.signed-out footer{display:none}.signed-out main{max-width:1280px;margin:auto}.auth-wrap{display:grid;grid-template-columns:1fr 440px;min-height:80vh;align-items:center;gap:80px}.auth-art h1{font-size:clamp(40px,5vw,72px);letter-spacing:-3px;line-height:1.08;margin:var(--wf-space-5) 0}.auth-art p{color:var(--muted);line-height:1.8}.auth-card{padding:38px}.auth-card h2{font-size:28px;margin:18px 0}.auth-card p{line-height:1.6}.auth-card button{width:100%;margin:18px 0}.auth-card small{color:var(--muted)}#auth-error{color:var(--wf-orange)}.auth-orbs{display:flex;margin:50px 0;gap:14px}.auth-orbs i{height:70px;width:70px;border:1px solid var(--wf-orange);border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--wf-soft) 26.67%,transparent),transparent)}.auth-orbs i:nth-child(2){border-color:var(--wf-rule);transform:translateY(20px)}.auth-orbs i:nth-child(3){border-color:var(--wf-rule)}.production-steps{display:flex;gap:var(--wf-space-3);justify-content:space-between;border-bottom:1px solid var(--wf-rule);padding:var(--wf-space-2) 0 var(--wf-space-5);margin-bottom:var(--wf-space-5)}.production-steps span{font-size:var(--wf-text-sm);color:var(--wf-muted)}.production-steps .done{color:var(--wf-muted)}.production-steps .current{color:var(--wf-orange)}.production-summary{padding:28px;display:flex;justify-content:space-between;gap:var(--wf-space-5);margin-bottom:var(--wf-space-5)}.production-summary h2{font-size:27px}.production-summary p{color:var(--muted);max-width:620px}.production-actions{display:grid;gap:var(--wf-space-3);align-content:center;min-width:220px}.production-actions small{font-size:var(--wf-text-xs);color:var(--muted)}.job-progress{padding:20px;margin-bottom:var(--wf-space-5);display:flex;gap:20px;align-items:center}.job-progress div{flex:1}.job-progress p{font-size:var(--wf-text-sm);color:var(--muted)}.storyboard-section{margin:38px 0}.storyboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.board-card{overflow:hidden}.board-image{height:260px;position:relative;background:radial-gradient(ellipse at 65% 40%,var(--wf-media),var(--wf-surface));display:grid;place-items:center;border-bottom:1px solid var(--wf-rule)}.board-sketch{height:100%;max-width:100%}.board-number{position:absolute;left:18px;top:16px;font-size:26px;font-weight:700;color:var(--wf-media-rule)}.board-time{position:absolute;right:18px;top:20px;font-size:var(--wf-text-sm);color:var(--wf-ink);background:var(--wf-surface);padding:6px 10px;border-radius:5px}.board-image>small{position:absolute;bottom:12px;left:18px;color:var(--wf-muted);font-size:9px;letter-spacing:2px}.board-content{padding:var(--wf-space-5)}.board-content input{font-size:18px;font-weight:600}.board-content textarea{font-size:var(--wf-text-sm);line-height:1.6}.board-content details summary,.hypothesis-card summary{cursor:pointer;color:var(--wf-muted);font-size:var(--wf-text-sm);padding:var(--wf-space-2) 0}.board-content .brief-field{text-transform:none}.board-content .field-grid{gap:14px}.board-content details[open]{margin-top:var(--wf-space-4)}.video-revisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:var(--wf-space-5)}.video-revision{padding:20px;background:var(--wf-surface);border:1px solid var(--wf-rule);border-radius:14px}.video-revision video{width:100%;max-height:440px;background:var(--wf-media);margin-top:var(--wf-space-4);border-radius:10px}.video-revision h3{font-size:17px}.video-revision p{font-size:var(--wf-text-control);line-height:1.6}.video-revision small{color:var(--wf-muted)}.video-revision blockquote{font-size:var(--wf-text-sm);border-left:2px solid var(--wf-orange);padding-left:14px;margin:20px 0}.hypothesis-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hypothesis-list{display:grid;gap:var(--wf-space-3)}.hypothesis-card{border:1px solid var(--wf-rule);background:var(--wf-surface);padding:18px;border-radius:var(--wf-radius-lg);margin:10px 0}.hypothesis-card p{font-size:var(--wf-text-sm);line-height:1.7;color:var(--wf-ink)}.hypothesis-card h3{font-size:var(--wf-text-md);margin:var(--wf-space-3) 0}.audio-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}.audio-metrics b{font-size:28px;display:block}.audio-metrics small{color:var(--muted);font-size:var(--wf-text-xs)}.audio-envelope{width:100%;height:190px;background:var(--wf-surface);border-radius:var(--wf-radius-lg);padding:var(--wf-space-4)}.brief-section audio{width:100%;margin:var(--wf-space-5) 0}.account-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--wf-space-5)}.admin-user{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--wf-rule);flex-wrap:wrap}.admin-user div{flex:1;min-width:180px}.admin-user small{display:block;margin-top:var(--wf-space-2);color:var(--muted)}.admin-user input[type=number]{width:70px}.admin-user label{font-size:var(--wf-text-sm)}.research-shelf{margin-top:40px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--wf-rule);outline-offset:3px}.production-steps,.audio-metrics,.account-layout,.auth-wrap,.storyboard-grid,.hypothesis-index,.video-revisions{min-width:0}.research-shelf .reference-grid{align-items:stretch}.board-content input,.board-content textarea{width:100%;min-width:0}.board-content .field-grid>*{min-width:0}
@media(min-width:1600px){.storyboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.auth-wrap{grid-template-columns:1fr;gap:var(--wf-space-5);max-width:500px;margin:auto}.auth-art{display:none}.account-layout{grid-template-columns:1fr}.hypothesis-index{grid-template-columns:1fr}.runner-badge{display:none}.production-summary{flex-direction:column}.production-steps{gap:var(--wf-space-2);flex-wrap:wrap}}
@media(max-width:650px){.storyboard-grid,.video-revisions{grid-template-columns:1fr}.board-image{height:240px}.board-content{padding:18px}.production-summary{padding:20px}.audio-metrics{grid-template-columns:repeat(2,1fr)}.audio-metrics b{font-size:var(--wf-text-xl)}.auth-card{padding:var(--wf-space-5)}.top-actions .platform-pill{max-width:160px;overflow:hidden;text-overflow:ellipsis}.production-steps span{font-size:10px}.job-progress{flex-wrap:wrap}.heading-actions select{max-width:100%}.production-actions{min-width:0}.signed-out main{padding:18px}.account-layout{gap:18px}.admin-user{display:grid;grid-template-columns:1fr}.board-content .field-grid{grid-template-columns:1fr}.page-heading select{max-width:100%}}

.board-sketch{width:100%;height:100%}.storyboard-section>.panel-heading{flex-wrap:wrap}.storyboard-section>.panel-heading>div:first-child{flex:1;min-width:240px}.heading-actions{flex-wrap:wrap}.production-steps{flex-wrap:wrap}@media(max-width:650px){.storyboard-section>.panel-heading{flex-direction:column;align-items:stretch}.storyboard-section>.panel-heading>div:first-child{min-width:0}.storyboard-section .heading-actions{width:100%;display:flex;flex-wrap:wrap}.storyboard-section .heading-actions>*{max-width:100%;flex:1 1 130px;min-width:0}.heading-actions button{white-space:normal}.production-summary h2{font-size:23px}.audio-envelope{width:100%}}.nav-group>summary{cursor:pointer;color:var(--muted);text-transform:uppercase;list-style:none}.nav-group[open]>summary{color:var(--text)}.nav-group summary:focus-visible{outline:2px solid var(--wf-rule)}.brief-actionbar{position:sticky;top:10px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;background:color-mix(in srgb,var(--wf-surface) 93.33%,transparent);border:1px solid var(--wf-rule);border-radius:14px;padding:18px 22px;margin:0 0 var(--wf-space-5);box-shadow:0 8px 24px color-mix(in srgb,var(--wf-shadow) 26.67%,transparent);backdrop-filter:blur(16px)}.brief-actionbar b{display:block;margin-top:7px}.brief-actionbar .heading-actions{flex-wrap:wrap}.auth-tabs{display:flex;gap:var(--wf-space-2);margin:20px 0}.google-button{width:100%;margin-top:20px}.review-document{max-width:760px}.review-document .review-check{padding:15px 0;border-bottom:1px solid var(--wf-rule)}.review-document textarea{margin-top:var(--wf-space-3)}.qa-strip{display:flex;gap:var(--wf-space-2);margin:var(--wf-space-4) 0}.qa-strip a{width:30%}.qa-strip img{display:block;width:100%;height:auto;border-radius:7px}.video-revision video{max-height:560px;object-fit:contain;background:var(--wf-media)}.account-layout+.brief-section{margin-top:var(--wf-space-5)}.baseline-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--wf-space-4);margin-top:var(--wf-space-4)}.baseline-comparison img{width:100%;height:auto;border-radius:var(--wf-radius-md)}.baseline-comparison small{display:block;color:var(--muted);margin:var(--wf-space-2) 0}
@media(max-width:1000px){.brief-actionbar{position:static;flex-direction:column;align-items:stretch}.brief-actionbar .heading-actions{display:flex}.brief-actionbar button{flex:1}.production-summary{gap:22px}.auth-art{display:none}}
@media(max-width:900px){.sidebar{box-shadow:12px 0 32px color-mix(in srgb,var(--wf-shadow) 53.33%,transparent)}.nav-open #nav-backdrop{background:color-mix(in srgb,var(--wf-soft) 53.33%,transparent);cursor:default}.topbar{padding-inline:var(--wf-space-4);gap:var(--wf-space-2)}.platform-pill{font-size:9px}.breadcrumb{gap:5px}.runner-badge{display:none}.skip{left:16px}}
@media(max-width:600px){.heading-actions select{max-width:100%}.brief-actionbar .heading-actions{flex-direction:column}.baseline-comparison{grid-template-columns:1fr}.qa-strip a{width:31%}}

/* Studio flow: natural text height, three primary stages, optional detail. */
main{padding-inline:clamp(var(--wf-space-4),3vw,42px)}
.panel,.concept-card,.reference-card,.video-revision,.brief-field,.page-heading>div,.panel-heading>div,.signal-top>*{min-width:0;max-width:100%}
h1,h2,h3,p,small,blockquote,.tag,.section-kicker{overflow-wrap:anywhere}
.panel h2,.panel h3,.concept-card h3{line-height:1.3;height:auto;max-height:none}
.panel p,.concept-card p,.reference-card p{line-height:1.65;height:auto;max-height:none;overflow:visible;-webkit-line-clamp:unset}
.section-kicker,.tag{white-space:normal;line-height:1.5}
.page-heading,.panel-heading,.signal-top,.section-heading{gap:var(--wf-space-4);flex-wrap:wrap;align-items:flex-start}
.heading-actions,.production-actions{display:flex;flex-wrap:wrap;gap:10px;min-width:0;max-width:100%}
.heading-actions>*,.production-actions>*{max-width:100%;min-width:0}
.button,.text-button{white-space:normal;line-height:1.4;height:auto;min-height:40px;text-align:center}
input,textarea,select{max-width:100%;min-width:0;box-sizing:border-box}
textarea{line-height:1.55;resize:vertical}
.concept-grid,.reference-grid,.hypothesis-index,.storyboard-grid{align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}
.brief-layout{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start}
.brief-side{position:static;min-width:0}.brief-side>*+*{margin-top:18px}.brief-refs{max-height:360px;overflow:auto}
.brief-actionbar{position:static;box-shadow:none;backdrop-filter:none}
.production-steps{display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:10px;margin:var(--wf-space-5) 0}
.production-steps li{padding:10px var(--wf-space-4);border:1px solid var(--wf-rule);border-radius:var(--wf-radius-pill);font-size:var(--wf-text-control);color:var(--muted)}
.production-steps li.done,.production-steps li.current{color:var(--text);border-color:var(--wf-rule)}.production-steps li.current{background:var(--wf-soft)}
.production-summary{align-items:start}.production-summary>div:first-child{flex:1;min-width:0}.production-summary .production-actions{flex:0 1 310px}
.storyboard-section{margin:var(--wf-space-6) 0}.storyboard-section .editorial-summary{margin:var(--wf-space-4) 0}
.board-meta{padding:var(--wf-space-3) var(--wf-space-4);display:flex;gap:var(--wf-space-3);justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:var(--wf-text-sm);color:var(--muted)}
.board-meta b{color:var(--text)}.board-image{height:230px}.board-content{padding:20px}.board-title{font-size:17px;font-weight:600}
.video-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--wf-space-4);margin:28px 0}.video-action .brief-field,.video-action #render-readiness{grid-column:1/-1;margin:0}
.optional-tools{margin:20px 0}.optional-tools>summary{cursor:pointer;font-weight:600;line-height:1.5;padding:var(--wf-space-2) 0}.optional-tools[open]>summary{margin-bottom:var(--wf-space-4)}
.latest-video{grid-template-columns:minmax(0,1fr);max-width:800px}.video-revision h3{line-height:1.4}.qa-strip{flex-wrap:wrap}.qa-strip a{flex:0 1 100px}
.project-list{display:grid;gap:var(--wf-space-3)}.project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--wf-space-3);align-items:center;padding:18px;border:1px solid var(--wf-rule);border-radius:var(--wf-radius-lg);background:var(--wf-surface)}
.project-row[hidden]{display:none}.project-row p{margin:7px 0;color:var(--muted);font-size:var(--wf-text-control)}.project-row h3{margin:0;font-size:17px}.project-row small{display:block;color:var(--muted)}
.project-search{width:min(100%,420px);margin:0 0 20px}
.raw-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.table-scroll{max-width:100%;overflow-x:auto}
.direction-studio .direction-beats,.direction-studio .direction-look{min-width:0}.direction-beats>*{min-width:0}.direction-studio .notice{font-size:var(--wf-text-control)}
@media(max-width:1050px){.brief-layout{grid-template-columns:minmax(0,1fr)}.brief-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}.brief-side>*+*{margin-top:0}}
@media(max-width:650px){main{padding-inline:var(--wf-space-4)}.video-action,.project-row{grid-template-columns:minmax(0,1fr)}.video-action .button,.project-row .heading-actions{width:100%}.page-heading h1{font-size:clamp(26px,8vw,38px)}.brief-actionbar .heading-actions{flex-direction:row;align-items:stretch}.brief-actionbar button{flex:1 1 140px}.field-grid{grid-template-columns:minmax(0,1fr)}.project-row .button{flex:1}.production-summary .production-actions{flex:auto;width:100%}.board-content{padding:var(--wf-space-4)}}

/* Comfortable panel insets and account actions, 30 October 2026. */
.project-board,.video-action{padding:var(--wf-space-5)}
.project-board>.panel-heading{padding:0;margin:0 0 18px}
.project-search{display:block;box-sizing:border-box;min-height:44px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--wf-radius-md);background:var(--wf-soft);color:var(--text);font:inherit;font-size:var(--wf-text-base);line-height:1.4}
.project-search::placeholder{color:var(--muted);opacity:1}
details.panel.optional-tools{padding:var(--wf-space-2) var(--wf-space-5)}
details.panel.optional-tools[open]{padding-bottom:var(--wf-space-5)}
.optional-tools>summary{display:flex;align-items:center;gap:10px;min-height:44px;box-sizing:border-box;padding:10px var(--wf-space-1);list-style:none}
.optional-tools>summary::-webkit-details-marker{display:none}
.optional-tools>summary::before{content:"▸";flex:0 0 12px;font-size:var(--wf-text-base);line-height:1;color:var(--muted);text-align:center}
.optional-tools[open]>summary::before{content:"▾"}
details.panel.optional-tools>summary{padding-inline:0}
.sidebar-bottom .text-button{color:var(--text)}
.sidebar-bottom .text-button:hover{background:color-mix(in srgb,var(--wf-soft) 3.53%,transparent)}
.sidebar-bottom .text-button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.account-layout~.brief-section{margin-top:var(--wf-space-5)}
@media(max-width:600px){.project-board,.video-action{padding:18px}details.panel.optional-tools{padding-inline:18px}}

/* API-only Instagram measurements. Captions cannot force metrics off screen. */
.api-table{overflow-x:auto}.api-table .video-table{table-layout:fixed;min-width:720px;width:100%}.api-table th:first-child{width:40%}.api-table th:not(:first-child){width:12%}.api-table .video-name{width:100%;min-width:0;text-align:left}.api-table .video-name span{min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.api-table td{vertical-align:middle}.api-availability{padding:20px var(--wf-space-5);margin-top:20px}.api-availability summary{cursor:pointer;font-weight:600;padding:var(--wf-space-1) 0}.api-availability p{max-width:90ch;line-height:1.65}.api-video-grid .video-card{min-width:0}.api-video-grid .video-card h2{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.api-video-grid .video-cover{aspect-ratio:9/12}.api-poster{object-fit:cover}.api-reel-detail{padding:var(--wf-space-5);max-width:1040px;min-width:0}.api-reel-heading{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--wf-space-5);align-items:start}.api-reel-heading>img{width:150px;height:230px;object-fit:cover;border-radius:var(--wf-radius-lg)}.api-reel-heading h2{overflow-wrap:anywhere}.api-raw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:var(--wf-space-5) 0}.api-raw-stats>div{min-width:0;padding:var(--wf-space-3) 0}.api-raw-stats small{display:block;margin-top:5px;overflow-wrap:anywhere;color:var(--muted,var(--wf-muted))}.api-history{border-top:1px solid var(--wf-rule);padding-top:20px}.observed-views-chart{display:block;width:100%;height:auto;max-height:230px;color:var(--wf-muted)}.api-missing{margin-top:var(--wf-space-5);line-height:1.6}.api-missing summary{cursor:pointer;padding:10px 0}.api-missing p{overflow-wrap:anywhere}
@media(max-width:600px){.api-reel-detail{padding:var(--wf-space-3)}.api-reel-heading{grid-template-columns:85px minmax(0,1fr);gap:14px}.api-reel-heading>img{width:85px;height:140px}.api-reel-heading h2{font-size:18px}.api-raw-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.api-availability{padding:var(--wf-space-4)}}

.api-reel-heading{grid-template-columns:100px minmax(0,1fr)}.api-reel-heading>img{width:100px;height:155px}.api-raw-stats{margin:14px 0;gap:var(--wf-space-2) 18px}.api-raw-stats>div{padding:6px 0}.api-history .observed-views-chart{max-height:165px}.api-history h3{margin:var(--wf-space-2) 0}.api-history p{margin:var(--wf-space-2) 0}.api-raw-stats b{font-size:var(--wf-text-md)}
@media(max-width:600px){.api-reel-heading{grid-template-columns:85px minmax(0,1fr)}.api-reel-heading>img{width:85px;height:140px}}
}

/* /onboarding.css */
@layer components {
.start-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--wf-space-7);padding:38px;margin:25px 0;background:radial-gradient(ellipse at 5% 5%,color-mix(in srgb,var(--wf-soft) 7.84%,transparent),transparent 65%),var(--panel)}
.start-copy h2{font-size:39px;line-height:1.13;letter-spacing:-1.4px;margin:14px 0 18px;max-width:440px}.start-copy p{max-width:380px;color:var(--muted);font-size:var(--wf-text-base);line-height:1.65;margin-bottom:20px}.soft-pill{display:inline-flex;border:1px solid color-mix(in srgb,var(--wf-rule) 13.33%,transparent);border-radius:30px;padding:5px 11px;font-size:var(--wf-text-xs);color:var(--muted)}.soft-pill.connected{color:var(--mint);border-color:color-mix(in srgb,var(--wf-rule) 25.10%,transparent)}
#quick-idea-form{display:flex;flex-direction:column;align-items:stretch;gap:14px;justify-content:center;min-width:0}#quick-idea-form label{font-size:var(--wf-text-control);font-weight:600}#quick-idea{width:100%;resize:vertical;background:var(--wf-soft);border:1px solid var(--wf-rule);border-radius:var(--wf-radius-lg);padding:18px;color:var(--text);font:inherit;line-height:1.6;min-height:125px}#quick-idea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#quick-idea-form>.button{align-self:flex-start;padding:13px 21px}#quick-idea-form>small{font-size:var(--wf-text-xs);color:var(--muted)}.idea-suggestions{display:flex;flex-wrap:wrap;gap:var(--wf-space-2)}.idea-suggestions button{font-size:var(--wf-text-xs);text-align:left;border:1px solid var(--line);padding:7px 11px;border-radius:18px;color:var(--wf-ink)}.idea-suggestions button:hover{border-color:var(--accent);color:var(--accent)}
.onboarding-paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:var(--wf-space-5)}.path-card{display:flex;gap:20px;padding:27px}.path-card>div{min-width:0}.path-card h2{font-size:var(--wf-text-lg);margin:var(--wf-space-2) 0}.path-card p{color:var(--muted);font-size:var(--wf-text-control);line-height:1.6;margin:0 0 18px}.path-card .text-button{margin-left:var(--wf-space-2)}.path-icon{width:43px;height:43px;border-radius:var(--wf-radius-lg);background:color-mix(in srgb,var(--wf-soft) 7.06%,transparent);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.path-icon svg{width:23px;height:23px}
.connection-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0 18px;flex-wrap:wrap}.connection-title h2{margin:0}.connection-reassurance{display:block;color:var(--muted);margin-top:17px;font-size:var(--wf-text-xs)}.connection-card>.heading-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:18px}.connection-card>p{color:var(--muted)}.operator-status{margin-top:26px;font-size:var(--wf-text-sm);color:var(--muted)}.operator-status p{margin-top:var(--wf-space-3)}.allowance-card h2{font-size:25px;margin:var(--wf-space-3) 0 19px}.allowance-card p{margin-bottom:14px}
.connect-dialog{padding:38px;max-width:680px;box-sizing:border-box}.connect-dialog h2{font-size:30px;letter-spacing:-1px;margin:var(--wf-space-3) 0 15px}.connect-dialog>p{color:var(--muted);line-height:1.7;margin-bottom:22px}.connect-dialog form{margin-top:22px}.connect-dialog .brief-field{font-size:var(--wf-text-sm)}.connect-dialog .brief-field input,.connect-dialog .brief-field select{font-size:var(--wf-text-base);min-height:47px}.connect-dialog .field-help{margin:15px 0;color:var(--muted);font-size:var(--wf-text-sm);line-height:1.7}.connect-steps{display:flex;list-style:none;margin:25px 0;padding:0;gap:15px}.connect-steps li{display:flex;align-items:center;gap:9px;flex:1;font-size:var(--wf-text-xs);color:var(--muted)}.connect-steps b{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;border:1px solid var(--line);flex-shrink:0;font-weight:500}.connect-steps .current{color:var(--text)}.connect-steps .current b{background:var(--accent);color:var(--wf-muted);border-color:var(--accent)}.connect-steps .done b{border-color:color-mix(in srgb,var(--wf-rule) 33.33%,transparent);color:var(--mint)}.connect-authorize{margin:5px 0 10px}.connection-alternative{margin-top:27px;color:var(--muted);font-size:var(--wf-text-sm)}.connection-note{font-size:var(--wf-text-xs)!important;margin-top:30px!important;border-top:1px solid var(--line);padding-top:19px}.connection-unavailable{background:var(--wf-soft);border-radius:var(--wf-radius-lg);padding:22px}.connection-unavailable p{color:var(--muted);margin:var(--wf-space-3) 0 20px}.friendly-collection{align-items:flex-start;margin:22px 0;gap:var(--wf-space-3)}.friendly-collection>div{flex:1;min-width:0}.friendly-collection b{font-size:var(--wf-text-control)}.friendly-collection .connect-steps{max-width:520px;margin:17px 0 var(--wf-space-1)}.friendly-collection pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.friendly-collection details{font-size:var(--wf-text-xs)}.friendly-collection .text-button,.friendly-collection .button{display:block;margin-top:var(--wf-space-3)}.insights-empty{padding:55px 25px}.insights-empty .path-icon{margin-bottom:20px}.insights-empty h2{font-size:27px}.insights-empty p{max-width:500px;margin:14px auto var(--wf-space-5);color:var(--muted)}.insights-empty .text-button{display:block;margin:17px auto 0}#connection-error,#direction-error{color:var(--wf-orange);font-size:var(--wf-text-control);margin-top:15px}
@media(max-width:1150px){.start-hero{gap:25px;padding:28px}.start-copy h2{font-size:33px}.path-card{padding:22px;gap:13px}.path-icon{width:35px;height:35px}.path-card h2{font-size:18px}}
@media(max-width:760px){.start-hero{grid-template-columns:1fr;padding:var(--wf-space-5);gap:var(--wf-space-5)}.start-copy h2{font-size:34px}.start-copy p{font-size:var(--wf-text-control)}.onboarding-paths{grid-template-columns:1fr}.path-card{padding:22px}.connect-dialog{padding:25px 20px}.connect-dialog h2{font-size:26px}.connect-steps{gap:9px}.connect-steps li{flex-direction:column;align-items:flex-start;font-size:10px}.friendly-collection{flex-direction:column}.friendly-collection .connect-steps{gap:18px}.idea-suggestions{gap:6px}.insights-empty{padding:30px 17px}.connection-title h2{font-size:var(--wf-text-lg)}}
.brief-options{margin-bottom:20px}.brief-options>summary{padding:21px 25px;font-weight:600;font-size:var(--wf-text-md);cursor:pointer}.brief-options[open]>summary{border-bottom:1px solid var(--line)}.brief-options>.brief-section{margin:0;border:0;background:none}.brief-side .brief-options>summary{font-size:var(--wf-text-base);padding:18px}.brief-options .panel-heading h2,.brief-options>.brief-section>h2{font-size:var(--wf-text-md)}
}

/* /discovery.css */
@layer components {
.expanded-library{margin-bottom:var(--wf-space-7)}.expanded-library>.panel-heading{gap:20px;margin:var(--wf-space-3) 0 22px}.expanded-library h2{font-size:29px}.expanded-library>.panel-heading p{color:var(--muted);max-width:700px;font-size:var(--wf-text-control);margin-top:10px}.library-accounts{display:flex;gap:var(--wf-space-2);flex-wrap:wrap;margin-bottom:18px}.library-accounts button{border:1px solid var(--line);border-radius:25px;padding:var(--wf-space-2) 13px;color:var(--muted);font-size:var(--wf-text-sm)}.library-accounts button.active{background:color-mix(in srgb,var(--wf-soft) 7.84%,transparent);border-color:var(--accent);color:var(--accent)}.library-accounts small{margin-left:5px;color:var(--mint)}.reference-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:22px 0}.library-film{overflow:hidden;min-width:0}.library-sheet{padding:0;display:block;width:100%;text-align:left;background:var(--wf-soft);position:relative}.library-sheet img{width:100%;height:auto;aspect-ratio:720/450;display:block;object-fit:contain}.library-sheet>span{display:block;padding:10px 18px;background:var(--wf-surface);font-size:var(--wf-text-xs);color:var(--muted)}.library-film-body{padding:20px}.library-film h3{font-size:19px;line-height:1.3;margin:var(--wf-space-3) 0}.library-film-body>p{font-size:var(--wf-text-sm);color:var(--muted);line-height:1.65;margin-bottom:15px}.library-film .heading-actions{justify-content:flex-start;gap:7px;flex-wrap:wrap}.library-film .button{padding:9px 11px;font-size:10px}.library-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--wf-space-4)}.library-tags span{padding:var(--wf-space-1) 7px;border:1px solid var(--line);border-radius:5px;font-size:10px;color:var(--wf-ink)}.library-more{display:block;margin:20px auto}.library-review{padding:var(--wf-space-6);max-width:1000px}.library-review>h2{font-size:29px;margin:14px 0}.library-review>p{color:var(--muted);margin-bottom:20px}.library-review>img{display:block;width:100%;height:auto;border-radius:10px;margin:20px 0}.library-review dl{display:grid;grid-template-columns:1fr 1fr;gap:18px}.library-review dt{font-size:var(--wf-text-xs);color:var(--accent);margin-bottom:7px;text-transform:uppercase;letter-spacing:.08em}.library-review dd{margin:0;font-size:var(--wf-text-control);line-height:1.7;color:var(--wf-ink)}.library-review .heading-actions{justify-content:flex-start}
@media(max-width:1350px){.reference-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.reference-library-grid{grid-template-columns:1fr}.expanded-library>.panel-heading{flex-wrap:wrap}.expanded-library h2{font-size:25px}.library-review{padding:var(--wf-space-5) 18px}.library-review dl{grid-template-columns:1fr}.library-accounts button{font-size:var(--wf-text-xs)}.library-film-body{padding:18px}}

.board-image:has(.illustrated-board){padding:0;height:auto;aspect-ratio:9/16}.illustrated-board{width:100%;height:auto;display:block}.board-image:has(.illustrated-board)>small{display:none}
}

/* /direction.css */
@layer components {
.direction-studio{margin:var(--wf-space-5) 0;border-top:3px solid var(--mint,var(--wf-rule))}.direction-studio summary{cursor:pointer;padding:var(--wf-space-3) 0;font-weight:600}.direction-beats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0}.direction-beats label>span{font-size:var(--wf-text-control);color:var(--muted,var(--wf-ink));line-height:1.5}.direction-look,.direction-comparison{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:22px 0}.direction-gallery{display:flex;gap:var(--wf-space-3);overflow-x:auto;margin:14px 0}.direction-gallery img{height:240px;max-width:100%;object-fit:contain;background:var(--wf-media);border:1px solid var(--wf-rule);border-radius:10px}.direction-comparison video{display:block;width:100%;max-height:460px;background:var(--wf-media);border-radius:10px}.direction-comparison .direction-gallery img{height:360px}.reference-upload{position:relative;display:inline-block;overflow:hidden;cursor:pointer}.reference-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}#direction-upload-status{display:block;margin-top:var(--wf-space-3)}.direction-studio textarea{resize:vertical}.direction-studio select{max-width:100%}.direction-comparison p{font-size:var(--wf-text-base)}#review-form>.direction-beats{grid-template-columns:1fr 1fr}@media(max-width:900px){.direction-beats,.direction-look,.direction-comparison{grid-template-columns:1fr}.direction-gallery img{height:200px}#review-form>.direction-beats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.direction-studio *{scroll-behavior:auto}}
.direction-gallery figure{margin:0;flex-shrink:0;display:grid;gap:var(--wf-space-2)}.direction-gallery figure button{justify-self:start;padding:6px 10px;font-size:var(--wf-text-sm)}
}

/* /whatif.css */
@layer components {
.whatif-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;padding:36px;background:linear-gradient(125deg,var(--wf-surface),var(--wf-surface) 70%);margin:var(--wf-space-5) 0}.whatif-hero h2{font-size:clamp(30px,3.4vw,52px);line-height:1.1}.whatif-event{display:grid;grid-template-columns:auto 1fr;gap:18px;align-content:center;border-left:1px solid var(--wf-rule);padding-left:28px}.whatif-event b{color:var(--wf-muted)}.whatif-event span{color:var(--wf-ink)}.whatif-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.whatif-own{text-align:left;background:var(--wf-surface);border:1px solid var(--wf-rule);color:inherit;border-radius:10px;overflow:hidden;padding:0;cursor:pointer}.whatif-own img{width:100%;height:180px;object-fit:cover}.whatif-own b,.whatif-own span{display:block;padding:var(--wf-space-2) var(--wf-space-3)}.whatif-own span{font-size:var(--wf-text-sm);color:var(--wf-ink)}.whatif-desk-banner{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:var(--wf-space-5) 30px;margin-bottom:var(--wf-space-5);border-left:3px solid var(--wf-rule)}.generation-efficiency{padding:14px 0;border-top:1px solid var(--wf-rule);font-size:var(--wf-text-control)}.generation-efficiency summary{cursor:pointer}.whatif-hero .heading-actions{flex-wrap:wrap}@media(max-width:900px){.whatif-hero{grid-template-columns:1fr;padding:var(--wf-space-5)}.whatif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whatif-desk-banner{display:block}.whatif-desk-banner button{margin-top:var(--wf-space-3)}}@media(max-width:520px){.whatif-event{grid-template-columns:1fr;gap:var(--wf-space-2)}.whatif-grid{grid-template-columns:1fr}}
}

/* /brand/brand.css */
@layer brand {
/* Shared semantic colors: warm stone / crimson by default; midnight slate /
   violet in themes.css. Action fills are separate from decorative accent ink. */
:root {
  /* Materials. Muted ink remains readable; decorative colors never label controls. */
  --wf-base:#f6f4ee;--wf-secondary:#ece8de;
  --wf-paper:#f6f4ee;--wf-surface:#ffffff;--wf-soft:#faf8f5;
  --wf-surface-hover:#faf8f5;--wf-rule:#e3ddd2;--wf-border-hover:rgba(0,0,0,.12);
  --wf-ink:#18181b;--wf-muted:#52525b;--wf-tertiary:#68645b;--wf-decorative:#8c887b;
  --wf-highlight:#e11d48;--wf-highlight-hover:#be123c;--wf-highlight-ink:#ffffff;
  --wf-action:#e11d48;--wf-action-hover:#be123c;--wf-accent-ink:#be123c;--wf-focus:#be123c;
  --wf-nav-tint:rgba(225,29,72,.08);--wf-nav-indicator:#e11d48;
  --wf-control-border:#8f8b80;
  --wf-inverse:#29252b;--wf-inverse-ink:#ffffff;--wf-inverse-muted:#d5d0d7;--wf-inverse-rule:#59515c;
  --wf-sidebar:#ece8de;--wf-sidebar-ink:#18181b;--wf-sidebar-muted:#52525b;--wf-sidebar-hover:#e3ddd2;
  --wf-forest:#29252b;--wf-sage:#faf8f5;--wf-orange:#be123c;--wf-blue:#405773;
  --wf-shadow:#18181b;--wf-glow:#ffffff;
  --wf-card-shadow:0 1px 3px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.03);
  --wf-media:#0b1118;--wf-media-ink:#f1f5f9;--wf-media-rule:#536a84;
  --wf-sans: Arial, Helvetica, sans-serif;
  --wf-serif: Georgia, 'Times New Roman', serif;
  --wf-mono: 'Courier New', monospace;
  --paper: var(--wf-paper);
  --ink: var(--wf-ink);
  --muted: var(--wf-muted);
  --rule: var(--wf-rule);
  --orange: var(--wf-accent-ink);
  --green: var(--wf-soft);
  --serif: var(--wf-serif);
  --sans: var(--wf-sans);
  --mono: var(--wf-mono)}
.wf-mark { display: block; width: 34px; height: 34px; flex: none}
.wf-wordmark { display: inline-flex; align-items: center; gap: 10px; font-family: var(--wf-sans); font-weight: 700; letter-spacing: -1px; line-height: 1}
.wf-wordmark:hover { color: var(--wf-orange)}
.wf-wordmark:focus-visible { outline: 2px solid var(--wf-orange); outline-offset: 6px}

/* The workspace uses the same materials with a denser working layout. */
body.wf-studio {
  --bg: var(--wf-paper);
  --panel: var(--wf-surface);
  --panel2: var(--wf-soft);
  --line: var(--wf-rule);
  --text: var(--wf-ink);
  --accent: var(--wf-orange);
  --mint: var(--wf-muted);
  color-scheme: light;
  font-family: var(--wf-sans);
  background: var(--bg);
  color: var(--text)}
.wf-studio ::selection { background: var(--wf-sage); color: var(--wf-ink)}
.wf-studio h1 { font-weight: 500; letter-spacing: -1.4px}
.wf-studio h2 { font-weight: 500}
.wf-studio .sidebar {
  --text: var(--wf-paper);
  --muted: var(--wf-muted);
  --line: var(--wf-rule);
  --accent: var(--wf-accent-ink);
  --mint: var(--wf-muted);
  background: var(--wf-forest);
  color: var(--wf-paper)}
.wf-studio .sidebar .wf-mark { filter: brightness(0) invert(1)}
.wf-studio .brand-sub { color: var(--wf-muted)}
.wf-studio .workspace { border-color: var(--wf-rule); background: var(--wf-inverse)}
.wf-studio .workspace-avatar { background: var(--wf-soft); color: var(--wf-forest)}
.wf-studio .workspace small,.wf-studio .nav-label,.wf-studio .sidebar .section-kicker,.wf-studio .sidebar .text-button,.wf-studio .credit-balance small { color: var(--wf-muted)}
.wf-studio .nav-item { color: var(--wf-muted)}
.wf-studio .nav-item:hover { background: var(--wf-inverse); color: var(--wf-paper)}
.wf-studio .nav-item.active { background: var(--wf-sage); color: var(--wf-forest)}
.wf-studio .nav-item.active svg { color: var(--wf-forest)}
.wf-studio .nav-item small { background: var(--wf-inverse); color: var(--wf-paper)}
.wf-studio .nav-group>summary,.wf-studio .sidebar-bottom { color: var(--wf-muted); border-color: var(--wf-rule)}
.wf-studio .sidebar .text-button:hover { color: var(--wf-accent-ink)}
.wf-studio .sidebar-home { color: var(--wf-muted)}
.wf-studio .sidebar-home:hover { color: var(--wf-accent-ink)}
.wf-studio .topbar { background: var(--wf-paper); border-color: var(--wf-rule)}
.wf-studio .breadcrumb { color: var(--wf-muted)}
.wf-studio .breadcrumb b { color: var(--wf-ink)}
.wf-studio .home-link { font-size: var(--wf-text-xs); color: var(--wf-muted); display: inline-flex; align-items: center; gap: var(--wf-space-2)}
.wf-studio .home-link:hover { color: var(--wf-orange)}
.wf-studio .button { border-radius: 3px; font-weight: 500}
.wf-studio .button.primary { background: var(--wf-forest); border-color: var(--wf-forest); color: var(--wf-paper)}
.wf-studio .button.primary:hover { background: var(--wf-inverse); filter: none}
.wf-studio .button.secondary { background: transparent; border-color: var(--wf-rule); color: var(--wf-ink)}
.wf-studio .button.secondary:hover { background: var(--wf-soft); filter: none}
.wf-studio .panel,.wf-studio .video-card,.wf-studio .kpi { border-radius: var(--wf-radius-sm)}
.wf-studio .eyebrow,.wf-studio .section-kicker { font-family: var(--wf-mono); font-size: 9px; color: var(--wf-muted)}
.wf-studio .brief-field { color: var(--wf-muted)}
.wf-studio input,.wf-studio select,.wf-studio textarea,.wf-studio #quick-idea {
  background: var(--wf-surface);
  color: var(--wf-ink);
  border-color: var(--wf-rule);
  border-radius: 3px}
.wf-studio input::placeholder,.wf-studio textarea::placeholder { color: var(--wf-muted); opacity: 1}
.wf-studio input[type=checkbox],.wf-studio input[type=radio] { accent-color: var(--wf-forest)}
.wf-studio .brief-field input:focus,.wf-studio .brief-field select:focus,.wf-studio .brief-field textarea:focus { border-color: var(--wf-orange); outline-color: var(--wf-orange)}
.wf-studio .search { background: var(--wf-surface)}
.wf-studio .search input { background: transparent}
.wf-studio .rate.high,.wf-studio .tag.mint { background: var(--wf-soft); color: var(--wf-ink); border-color: var(--wf-rule)}
.wf-studio .tag.orange { background: var(--wf-soft); color: var(--wf-accent-ink); border-color: var(--wf-rule)}
.wf-studio .notice { background: var(--wf-soft); color: var(--wf-muted); border-color: var(--wf-rule)}
.wf-studio .whatif-hero,.wf-studio .takeaways,.wf-studio .next-card { background: var(--wf-soft)}
.wf-studio .whatif-event { border-color: var(--wf-rule)}
.wf-studio .whatif-event b,.wf-studio .whatif-event span { color: var(--wf-forest)}
.wf-studio .whatif-hero h2,.wf-studio .takeaways h2 { font-family: var(--wf-serif); font-weight: 400}
.wf-studio .instagram-dot { background: transparent; border: 1.5px solid currentColor; box-shadow: none; position: relative}
.wf-studio .instagram-dot:after { content: ''; position: absolute; inset: 3px; border: 1px solid currentColor; border-radius: 50%}
.wf-studio dialog { background: var(--wf-surface); border-color: var(--wf-rule); border-radius: 5px; box-shadow: 0 22px 70px color-mix(in srgb,var(--wf-shadow) 21.96%,transparent)}
.wf-studio dialog::backdrop { background: color-mix(in srgb,var(--wf-inverse) 43.92%,transparent); backdrop-filter: blur(3px)}
.wf-studio .dialog-close { background: var(--wf-surface); color: var(--wf-ink)}
.wf-studio footer { color: var(--wf-muted); border-color: var(--wf-rule)}
.wf-studio .studio-footer { display: flex; align-items: center; gap: var(--wf-space-4)}
.wf-studio .studio-footer span { margin-left: auto}
.wf-studio .studio-footer>a { font-weight: 600; letter-spacing: -.4px; color: var(--wf-ink)}
.wf-studio .studio-footer a:hover { color: var(--wf-orange)}

/* Media keeps its own viewing surface. The UI does not recolor a creator's art. */
.wf-studio .board-image,.wf-studio .board-image svg,.wf-studio .direction-gallery img,.wf-studio .direction-comparison video,
.wf-studio .job-media video,.wf-studio video { background: var(--wf-media)}
.wf-studio .board-image svg { color: var(--wf-media-ink)}
.wf-studio .board-image>small { color: var(--wf-media-ink)}
.wf-studio .board-number { color: var(--wf-paper)}
.wf-studio .board-time { background: var(--wf-media); color: var(--wf-paper)}
.wf-studio .board-image:has(.illustrated-board) { background: transparent}
.wf-studio .illustrated-board { background: transparent}
.wf-studio .observed-views-chart { color: var(--wf-orange)}
.wf-studio .observed-views-chart text { fill: var(--wf-muted)}
.wf-studio .observed-views-chart>line { stroke: var(--wf-muted)}
.wf-studio .connect-steps .current b { background: var(--wf-forest); color: var(--wf-paper); border-color: var(--wf-forest)}

/* Sign in is the bridge from the public story to the working studio. */
.wf-studio .auth-wrap { position: relative; max-width: 1080px; margin: 35px auto; padding-top: 72px; gap: 55px; align-items: center}
.wf-studio .auth-wrap { grid-template-columns: minmax(0,1fr) minmax(0,440px)}
.wf-studio .auth-home { position: absolute; top: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid var(--wf-rule)}
.wf-studio .auth-home .wf-wordmark { font-size: 26px}
.wf-studio .auth-home .home-link { font-size: var(--wf-text-sm)}
.wf-studio .auth-art { position: relative; padding-block: 15px}
.wf-studio .auth-art .section-kicker { color: var(--wf-muted)}
.wf-studio .auth-art h1 { font-size: clamp(39px,4.4vw,62px); font-weight: 500; line-height: 1.07; margin-top: 19px; letter-spacing: -2.8px}
.wf-studio .auth-art h1 em { color: var(--wf-orange); font-family: var(--wf-serif); font-weight: 400}
.wf-studio .auth-art>p { margin-top: 20px; font-size: var(--wf-text-base); max-width: 350px}
.wf-studio .auth-illustration { display: block; width: min(100%,350px); height: 230px; object-fit: contain; object-position: 25% center; margin: 0 0 -15px -15px}
.wf-studio .auth-card { background: var(--wf-surface); padding: 35px; border-radius: var(--wf-radius-sm); border-color: var(--wf-rule)}
.wf-studio .auth-card h2 { font-family: var(--wf-serif); font-size: var(--wf-text-title); font-weight: 400; letter-spacing: -.9px}
.wf-studio .auth-tabs { border-bottom: 1px solid var(--wf-rule); margin-block: var(--wf-space-5); padding-bottom: 13px}
.wf-studio .auth-tabs .button { font-size: var(--wf-text-sm)}
.wf-studio .auth-card .brief-field { font-size: var(--wf-text-sm)}
.wf-studio .auth-card .brief-field input { font-size: var(--wf-text-base); min-height: 46px}
.wf-studio .auth-card #identity-form>.button { min-height: 44px}
.wf-studio .auth-card .field-help { font-size: var(--wf-text-sm); line-height: 1.75}
.wf-studio .auth-card small { display: block; padding-top: 17px; border-top: 1px solid var(--wf-rule); margin-top: 18px}
.wf-studio #auth-error,.wf-studio #connection-error,.wf-studio #direction-error { color: var(--wf-accent-ink)}
.wf-studio .auth-orbs { display: none}
.wf-studio .studio-footer { flex-wrap: wrap}
@media(max-width:900px) {
  .wf-studio .auth-wrap { gap: 30px}
  .wf-studio .auth-card { padding: 27px}
  .wf-studio .auth-art h1 { font-size: 44px}
}
@media(min-width:761px) and (max-width:1000px) {
  .wf-studio .auth-wrap { display: grid; grid-template-columns: 1fr 1fr; max-width: none; gap: var(--wf-space-5)}
  .wf-studio .auth-art { display: block}
  .wf-studio .auth-art h1 { font-size: 40px}
}
@media(max-width:760px) {
  .wf-studio .auth-wrap { margin: 0 auto; padding-top: 82px; display: flex; flex-direction: column; gap: var(--wf-space-5); align-items: stretch}
  .wf-studio .auth-home .wf-wordmark { font-size: 21px}
  .wf-studio .auth-home .wf-mark { width: 27px; height: 27px}
  .wf-studio .auth-home .home-link { font-size: var(--wf-text-xs)}
  .wf-studio .auth-art { display: block; padding: 5px 0}
  .wf-studio .auth-art h1 { font-size: 40px; line-height: 1.08; margin-top: 10px}
  .wf-studio .auth-art>p { font-size: var(--wf-text-control); margin-top: 14px}
  .wf-studio .auth-art .section-kicker { font-size: 8px}
  .wf-studio .auth-illustration { display: none}
  .wf-studio .auth-card { padding: 25px 21px}
  .wf-studio .top-actions { gap: 10px}
  .wf-studio .top-actions>.home-link { display: none}
  .wf-studio .studio-footer { flex-wrap: wrap; gap: 10px 17px}
  .wf-studio .studio-footer span { margin-left: 0}
  .wf-studio .auth-home { gap: 14px}
  .wf-studio .auth-home .home-link { max-width: 100px; text-align: right}
}
@media(prefers-reduced-motion:reduce) {
  .wf-studio * { scroll-behavior: auto; animation: none!important; transition: none!important}
}
}
@layer utilities {
/* Authentication visibility takes precedence over navigation geometry. */
.wf-studio.signed-out .sidebar,.wf-studio.signed-out .topbar,.wf-studio.signed-out .studio-footer,
.wf-studio[data-auth-pending] .sidebar,.wf-studio[data-auth-pending] .topbar,.wf-studio[data-auth-pending] .studio-footer { display: none}
.wf-studio.signed-out .app-shell,.wf-studio[data-auth-pending] .app-shell { margin-left: 0}
}

@layer components {
/* Profile prices remain readable inside small studio and landing layouts. */
.profile-pricing{width:100%;overflow-x:auto;margin:20px 0}
.profile-pricing table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;line-height:1.6}
.profile-pricing caption{text-align:left;margin-bottom:12px;font-weight:700}
.profile-pricing th,.profile-pricing td{padding:10px 14px;border-bottom:1px solid var(--wf-rule);white-space:nowrap}
.profile-pricing thead th{font-weight:700}
.offer-promotion{margin:1.2rem 0;padding:1rem;border:1px solid var(--border,#dedbd2);border-radius:14px;background:var(--surface-soft,rgba(128,128,128,.045))}
.offer-badge{display:inline-block;padding:.35rem .65rem;border-radius:30px;background:#eadcff;color:#54257d;font-size:.75rem;font-weight:700;letter-spacing:.025em}
.offer-standard{font-size:.78rem;line-height:1.6;color:var(--muted,#696b64);margin:.7rem 0 .25rem}
.offer-standard s{font-size:1rem;margin-right:.3rem}
.offer-promotion .plan-price,.offer-promotion .public-price{margin:.25rem 0 .65rem}
.offer-promotion [data-offer-price]{font-weight:inherit}
.offer-countdown{font-size:.82rem;font-variant-numeric:tabular-nums;font-weight:650;color:inherit}
.offer-promotion [hidden]{display:none!important}
}

/* /experience.css */
@layer experience {
/* A working studio: clear destinations, visual projects and a focused canvas. */
body.wf-studio{--wf-coral:var(--wf-highlight);font-size:var(--wf-text-reading);background:var(--wf-soft)}
.wf-studio .sidebar{background:var(--wf-inverse)}
.wf-studio .brand-sub{color:var(--wf-muted)}
.wf-studio .workspace{order:3;border:0;border-top:1px solid var(--wf-rule);background:transparent}
.wf-studio .workspace small{color:var(--wf-muted)}
.wf-studio .workspace-avatar{background:var(--wf-soft)}
.wf-studio .sidebar-bottom{order:4;border:0}
.wf-studio .sidebar-bottom .credit-balance{border:0}
.wf-studio .sidebar-home{color:var(--wf-muted)}
.wf-studio .nav-section-label{color:var(--wf-muted)}
.wf-studio .nav-item{color:var(--wf-muted)}
.wf-studio .nav-item svg{opacity:.85}
.wf-studio .nav-support{border-top:1px solid var(--wf-rule)}
.wf-studio .nav-support .nav-item{color:var(--wf-muted)}
.wf-studio .nav-support .nav-item.active{color:var(--wf-ink)}
.wf-studio .topbar{height:75px;padding-inline:36px;background:var(--wf-soft)}
.wf-studio .breadcrumb{font-size:var(--wf-text-control);gap:13px}
.wf-studio .breadcrumb>a{font-weight:500;color:var(--wf-muted);padding:var(--wf-space-2) 0;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--wf-rule)}
.wf-studio .breadcrumb>a:hover{color:var(--wf-accent-ink);text-decoration-color:currentColor}
.wf-studio main{padding:37px clamp(24px,2.4vw,56px) 55px;max-width:none;width:100%}
.wf-studio .page-heading{margin-bottom:27px;align-items:flex-end}
.wf-studio .page-heading h1{font-size:34px;font-weight:500;letter-spacing:-1.2px;line-height:1.15}
.wf-studio .page-heading p{font-size:var(--wf-text-base);line-height:1.6;margin-top:10px;max-width:680px;color:var(--wf-muted)}
.wf-studio .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:var(--wf-space-3)}
.wf-studio .section-kicker{font-size:10px;letter-spacing:1.3px;line-height:1.65}
.wf-studio .button{min-height:42px;padding:var(--wf-space-3) 17px;font-size:var(--wf-text-sm);border-radius:5px;line-height:1.4}
.wf-studio .text-button{font-size:var(--wf-text-sm);font-weight:500;line-height:1.5}
.wf-studio .field-help{font-size:var(--wf-text-sm);line-height:1.75}
.wf-studio .count{font-size:var(--wf-text-sm);background:var(--wf-soft);border:0;color:var(--wf-muted);padding:3px var(--wf-space-2);margin-left:var(--wf-space-2);border-radius:var(--wf-radius-2xl)}
.wf-studio .studio-launch{display:grid;grid-template-columns:1fr 1fr;min-height:355px;background:var(--wf-surface);border:1px solid var(--wf-rule);border-radius:var(--wf-radius-xl);overflow:hidden;margin-bottom:36px;isolation:isolate}
.wf-studio .launch-copy{padding:var(--wf-space-6) var(--wf-space-6) 28px;min-width:0}
.wf-studio .launch-copy h2{font-size:45px;line-height:1.02;letter-spacing:-1.7px;margin:14px 0 23px;font-weight:500}
.wf-studio .launch-copy h2 em{font-family:var(--wf-serif);font-weight:400;color:var(--wf-accent-ink);letter-spacing:-1.9px}
.wf-studio #quick-idea-form{gap:10px;min-height:0}
.wf-studio #quick-idea-form label{font-size:var(--wf-text-sm);font-weight:500}
.wf-studio #quick-idea{min-height:84px;max-height:190px;resize:vertical;border-color:var(--wf-rule);background:var(--wf-surface);padding:14px;font-size:var(--wf-text-base);border-radius:var(--wf-radius-md);line-height:1.55}
.wf-studio #quick-idea-form>div{display:flex;align-items:center;justify-content:space-between;gap:14px}
.wf-studio #quick-idea-form>div>span{font-size:10px;color:var(--wf-muted);line-height:1.4}
.wf-studio #quick-idea-form .button{min-height:44px;font-size:var(--wf-text-control);padding:10px 14px;white-space:nowrap}
.wf-studio .launch-visual{position:relative;overflow:hidden;min-width:0;background:var(--wf-inverse);min-height:355px}
.wf-studio .launch-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;border-radius:0 var(--wf-radius-xl) var(--wf-radius-xl) 0}
.wf-studio .launch-visual:before{position:absolute;inset:0 auto 0 0;width:20%;content:'';background:linear-gradient(90deg,var(--wf-surface),transparent);z-index:1;pointer-events:none}
.wf-studio .launch-visual:after{position:absolute;inset:45% 0 0;content:'';background:linear-gradient(transparent,var(--wf-media));pointer-events:none}
.wf-studio .launch-caption{position:absolute;left:40px;right:28px;bottom:25px;color:var(--wf-media-ink);z-index:1;display:flex;flex-direction:column;gap:5px;width:fit-content;max-width:calc(100% - 68px);padding:12px 16px;border-radius:var(--wf-radius-md);background:var(--wf-media)}
.wf-studio .launch-caption>span{font-family:var(--wf-mono);font-size:9px;letter-spacing:1.5px}
.wf-studio .launch-caption>b{font-size:30px;font-weight:400;letter-spacing:-1px;line-height:1.1}
.wf-studio .launch-caption>small{font-size:10px;line-height:1.7;color:var(--wf-muted)}
.wf-studio .launch-sticker{position:absolute;right:22px;top:20px;background:var(--wf-highlight);color:var(--wf-ink);font-size:var(--wf-text-sm);line-height:1.1;padding:13px 14px;transform:rotate(8deg);z-index:1;font-weight:600;letter-spacing:-.3px}
.wf-studio .project-board{border:0;background:transparent;overflow:visible;margin-bottom:45px}
.wf-studio .project-library-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px}
.wf-studio .project-library-heading h2{font-size:23px;letter-spacing:-.7px;display:flex;align-items:center;font-weight:500}
.wf-studio .project-library-heading p{font-size:var(--wf-text-sm);color:var(--wf-muted);margin-top:6px}
.wf-studio .project-search-wrap{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--wf-rule);border-radius:var(--wf-radius-md);background:var(--wf-surface);color:var(--wf-ink);width:280px;max-width:100%}
.wf-studio .project-search-wrap>svg{width:16px;height:16px;flex:none;color:var(--wf-muted)}
.wf-studio .project-search{border:0;background:transparent;border-radius:0;font-size:var(--wf-text-base);line-height:1.5;padding:10px 0;width:100%;margin:0;min-width:0}
.wf-studio .project-search-wrap:focus-within{outline:2px solid var(--wf-accent-ink);outline-offset:3px}
.wf-studio .project-filters,.wf-studio .subject-chips{display:flex;align-items:center;flex-wrap:wrap;gap:var(--wf-space-2);margin-bottom:22px}
.wf-studio .project-filters button,.wf-studio .subject-chips button{padding:var(--wf-space-2) 13px;font-size:var(--wf-text-xs);border:1px solid var(--wf-rule);background:transparent;border-radius:24px;color:var(--wf-muted);line-height:1.3}
.wf-studio .project-filters button[aria-pressed=true],.wf-studio .subject-chips button[aria-pressed=true]{background:var(--wf-inverse);color:var(--wf-muted);border-color:var(--wf-rule)}
.wf-studio .film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.wf-studio .film-card{min-width:0;border:1px solid var(--wf-rule);border-radius:7px;overflow:hidden;background:var(--wf-surface);transition:transform var(--wf-motion-normal),border-color var(--wf-motion-normal),box-shadow var(--wf-motion-normal)}
.wf-studio .film-card:hover{transform:translateY(-2px);border-color:var(--wf-rule);box-shadow:0 8px 24px color-mix(in srgb,var(--wf-shadow) 4.71%,transparent)}
.wf-studio .film-cover{display:block;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;padding:var(--wf-space-3);border:0;cursor:pointer}
.wf-studio .film-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cover-0{background:var(--wf-soft);color:var(--wf-muted)}.cover-1{background:var(--wf-soft);color:var(--wf-accent-ink)}.cover-2{background:var(--wf-soft);color:var(--wf-muted)}.cover-3{background:var(--wf-soft);color:var(--wf-muted)}
.subject-art{display:block;width:100%;height:100%;max-height:230px}
.subject-art g{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.subject-art .art-orbit{stroke:currentColor;stroke-width:1;stroke-dasharray:3 8;fill:none;opacity:.24}
.subject-art .art-tick{stroke:currentColor;stroke-width:1;opacity:.55;fill:none}
.wf-studio .film-cover>.subject-art{height:100%;width:100%;max-height:none;transition:transform var(--wf-motion-slow)}
.wf-studio .film-cover:hover>.subject-art{transform:rotate(-3deg) scale(1.05)}
.wf-studio .film-duration{position:absolute;top:13px;right:13px;font-family:var(--wf-mono);font-size:10px;display:flex;gap:14px;align-items:center;background:color-mix(in srgb,var(--wf-surface) 85.10%,transparent);color:var(--wf-ink);padding:5px var(--wf-space-2);border-radius:3px}
.wf-studio .film-duration>span{font-size:18px}
.wf-studio .film-cover-label{position:absolute;left:16px;bottom:13px;letter-spacing:1.6px;font-family:var(--wf-mono);font-size:8px;padding:var(--wf-space-1) 5px;background:color-mix(in srgb,var(--wf-surface) 85.49%,transparent);color:var(--wf-ink)}
.wf-studio .film-card-body{padding:20px 19px var(--wf-space-4)}
.wf-studio .project-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--wf-muted);line-height:1.3}
.wf-studio .project-status i{height:5px;width:5px;border-radius:50%;background:var(--wf-soft)}
.wf-studio .status-working{color:var(--wf-accent-ink)}.wf-studio .status-working i{background:var(--wf-highlight)}.wf-studio .status-film{color:var(--wf-ink)}
.wf-studio .film-card h3{font-size:var(--wf-text-lg);font-weight:500;line-height:1.2;letter-spacing:-.6px;margin:11px 0 var(--wf-space-2);overflow-wrap:anywhere}
.wf-studio .film-card-body>p{font-size:var(--wf-text-sm);line-height:1.65;color:var(--wf-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}
.wf-studio .film-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:var(--wf-space-4);margin-top:var(--wf-space-4);border-top:1px solid var(--wf-rule)}
.wf-studio .film-card-foot>span{font-size:9px;color:var(--wf-muted)}
.wf-studio .film-card-foot .text-button{font-size:var(--wf-text-xs);white-space:nowrap;gap:7px}
.wf-studio .new-film-tile{min-height:310px;border:1px dashed var(--wf-rule);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--wf-space-3);color:var(--wf-muted);background:color-mix(in srgb,var(--wf-soft) 45.88%,transparent)}
.wf-studio .new-film-tile:hover{background:var(--wf-soft);border-color:var(--wf-rule)}
.wf-studio .new-film-tile>span{width:47px;height:47px;border:1px solid var(--wf-rule);display:grid;place-items:center;font-size:28px;font-weight:300;border-radius:50%;line-height:1}
.wf-studio .new-film-tile>b{font-size:var(--wf-text-lg);font-weight:400;font-family:var(--wf-serif);font-style:italic}
.wf-studio .new-film-tile>small{font-size:var(--wf-text-xs)}
.wf-studio .first-project{display:grid;grid-template-columns:1.05fr .95fr;background:var(--wf-surface);border:1px solid var(--wf-rule);border-radius:var(--wf-radius-md);min-height:300px;overflow:hidden}
.wf-studio .first-project>div:first-child{padding:35px}
.wf-studio .first-project h3{font-size:35px;line-height:1.05;letter-spacing:-1.3px;font-weight:500;margin:17px 0}
.wf-studio .first-project p{font-size:var(--wf-text-control);line-height:1.75;max-width:400px;color:var(--wf-muted);margin-bottom:22px}
.wf-studio .empty-film-stack{position:relative;display:grid;place-items:center;background:var(--wf-soft);min-height:300px}
.wf-studio .empty-film-stack>i,.wf-studio .empty-film-stack>span{position:absolute;width:190px;height:230px;background:var(--wf-soft);border:1px solid var(--wf-rule);border-radius:5px;transform:rotate(-10deg)}
.wf-studio .empty-film-stack>i:nth-child(2){transform:rotate(9deg);background:var(--wf-soft)}
.wf-studio .empty-film-stack>span{position:relative;transform:rotate(-1deg);background:var(--wf-soft);display:grid;place-items:center;color:var(--wf-muted);padding:var(--wf-space-3)}
.wf-studio .project-empty-small{padding:30px;color:var(--wf-muted);font-size:var(--wf-text-control);line-height:1.7;grid-column:1/-1}
.wf-studio .home-inspiration .section-heading{margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.wf-studio .home-inspiration h2{font-size:25px;letter-spacing:-.7px;margin-top:7px}
.wf-studio .starter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wf-space-4);margin:22px 0 var(--wf-space-6)}
.wf-studio .starter-tile{display:flex;flex-direction:column;align-items:stretch;text-align:left;position:relative;border:1px solid var(--wf-rule);border-radius:7px;background:var(--wf-surface);padding:0;overflow:hidden;min-width:0;transition:transform var(--wf-motion-normal),border-color var(--wf-motion-normal)}
.wf-studio .starter-tile:hover{border-color:var(--wf-border-hover);transform:translateY(-2px)}
.wf-studio .starter-tile>div{height:130px;background:var(--wf-soft);color:var(--wf-muted);overflow:hidden}
.wf-studio .starter-food>div{background:var(--wf-soft);color:var(--wf-accent-ink)}.wf-studio .starter-place>div{background:var(--wf-soft);color:var(--wf-muted)}
.wf-studio .starter-tile .subject-art{height:165px;margin-top:-16px}
.wf-studio .starter-tile>span:nth-of-type(1){padding:18px 20px 20px}
.wf-studio .starter-tile b{font-size:var(--wf-text-md);font-weight:500;display:block;letter-spacing:-.3px;padding-right:15px}
.wf-studio .starter-tile small{font-size:var(--wf-text-xs);line-height:1.55;color:var(--wf-muted);display:block;margin-top:7px}
.wf-studio .starter-arrow{position:absolute;bottom:45px;right:16px;font-size:18px;color:var(--wf-muted)}
.wf-studio .context-tabs{display:flex;align-items:stretch;gap:var(--wf-space-1);width:fit-content;max-width:100%;padding:var(--wf-space-1);margin:0 0 30px;border:1px solid var(--wf-rule);border-radius:var(--wf-radius-lg);background:var(--wf-soft);overflow-x:auto}
.wf-studio .context-tabs>a{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;white-space:nowrap;font-size:var(--wf-text-base);line-height:1.4;padding:10px 18px;border:1px solid transparent;border-radius:var(--wf-radius-md);background:transparent;color:var(--wf-muted);text-decoration:none;transition:background var(--wf-motion-fast),color var(--wf-motion-fast)}
.wf-studio .context-tabs>a[aria-current=page]{background:var(--wf-surface);color:var(--wf-ink);border-color:var(--wf-rule);box-shadow:var(--wf-elevation-1);font-weight:600}
.wf-studio .context-tabs>a:hover{background:var(--wf-surface);color:var(--wf-ink)}
.wf-studio .context-tabs>a:focus-visible{outline:2px solid var(--wf-accent-ink);outline-offset:-3px}
.wf-studio .inspiration-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--wf-soft);border-radius:var(--wf-radius-md);padding:34px 38px;overflow:hidden;position:relative;min-height:235px}
.wf-studio .inspiration-intro h2{font-size:38px;line-height:1.05;letter-spacing:-1.5px;margin:14px 0}
.wf-studio .inspiration-intro p{font-size:var(--wf-text-control);line-height:1.75;max-width:430px;color:var(--wf-muted);margin-bottom:15px}
.wf-studio .inspiration-intro-art{width:240px;height:225px;flex-shrink:0;color:var(--wf-muted);transform:rotate(9deg)}
.wf-studio .inspiration-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:36px 0 var(--wf-space-4)}
.wf-studio .inspiration-toolbar .subject-chips{flex:1;margin:0}
.wf-studio .inspiration-toolbar .search{min-width:220px;max-width:260px}
.wf-studio .inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.wf-studio .inspiration-card{border:1px solid var(--wf-rule);background:var(--wf-surface);overflow:hidden;border-radius:7px;min-width:0}
.wf-studio .inspiration-art{position:relative;width:100%;height:185px;display:block;overflow:hidden;padding:var(--wf-space-3);border:0}
.wf-studio .inspiration-art>.subject-art{height:100%;transition:transform var(--wf-motion-slow)}
.wf-studio .inspiration-art:hover>.subject-art{transform:scale(1.08) rotate(-4deg)}
.wf-studio .inspiration-art>span{position:absolute;left:16px;top:14px;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-family:var(--wf-mono)}
.wf-studio .inspiration-art>b{position:absolute;right:15px;bottom:14px;font-size:23px;font-weight:400}
.wf-studio .inspiration-body{padding:22px}
.wf-studio .inspiration-body .section-kicker{font-size:8px;letter-spacing:.8px}
.wf-studio .inspiration-body h2{font-size:22px;letter-spacing:-.65px;line-height:1.15;margin:var(--wf-space-3) 0}
.wf-studio .inspiration-body>p{font-size:var(--wf-text-sm);color:var(--wf-muted);line-height:1.75}
.wf-studio .inspiration-body details{font-size:var(--wf-text-sm);color:var(--wf-muted);margin-top:10px;border:0}
.wf-studio .inspiration-body summary{cursor:pointer;padding-block:9px}
.wf-studio .inspiration-body details p{line-height:1.75;font-size:var(--wf-text-sm);color:var(--wf-muted);margin-top:7px}
.wf-studio .inspiration-body>.text-button{margin-top:18px}
.wf-studio .personalize-note{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 28px;border:1px solid var(--wf-rule);background:var(--wf-soft);border-radius:6px}
.wf-studio .personalize-note h3{font-size:21px;font-weight:500}
.wf-studio .personalize-note p{font-size:var(--wf-text-control);color:var(--wf-muted);line-height:1.65;margin-top:9px;max-width:600px}
.wf-studio .project-journey{display:flex;align-items:center;gap:18px;margin:-7px 0 28px;padding:0 0 17px;border-bottom:1px solid var(--wf-rule);flex-wrap:wrap}
.wf-studio .project-journey>a{display:flex;align-items:center;gap:7px;font-size:var(--wf-text-xs);color:var(--wf-muted);white-space:nowrap;padding-block:6px}
.wf-studio .project-journey>a svg{width:14px;height:14px}
.wf-studio .journey-separator{height:15px;border-left:1px solid var(--wf-rule)}
.wf-studio .journey-title{font-size:var(--wf-text-sm);color:var(--wf-ink);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-studio .journey-steps{margin-left:auto;display:flex;gap:18px}
.wf-studio .journey-steps>button{display:flex;align-items:center;gap:7px;font-size:var(--wf-text-xs);color:var(--wf-muted);padding:3px 0}
.wf-studio .journey-steps>button>span{border:1px solid var(--wf-rule);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px}
.wf-studio .journey-steps>button[aria-current=step]{color:var(--wf-ink);font-weight:600}
.wf-studio .journey-steps>button[aria-current=step]>span{background:var(--wf-inverse);color:var(--wf-muted);border-color:var(--wf-rule)}
.wf-studio .brief-canvas{grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}
.wf-studio .brief-canvas .brief-side{position:sticky;top:22px}
.wf-studio .brief-actionbar{padding:14px 19px;border-radius:6px;box-shadow:0 3px 15px color-mix(in srgb,var(--wf-shadow) 3.14%,transparent);background:color-mix(in srgb,var(--wf-surface) 92.94%,transparent);border-color:var(--wf-rule);margin-bottom:26px}
.wf-studio .brief-actionbar b{font-size:var(--wf-text-sm);font-weight:500;margin-top:3px}
.wf-studio .brief-actionbar .section-kicker{font-size:8px}
.wf-studio .brief-canvas .brief-section{padding:29px;border-radius:7px;border-color:var(--wf-rule);background:var(--wf-surface)}
.wf-studio .editor-section-heading{display:flex;gap:15px;align-items:flex-start;margin-bottom:28px}
.wf-studio .editor-section-heading>span{font-family:var(--wf-mono);font-size:var(--wf-text-xs);color:var(--wf-accent-ink);border:1px solid var(--wf-rule);line-height:1;padding:var(--wf-space-2) 7px;border-radius:3px;margin-top:3px}
.wf-studio .editor-section-heading h2{font-size:23px;letter-spacing:-.6px;line-height:1.25}
.wf-studio .editor-section-heading p{font-size:var(--wf-text-sm);line-height:1.6;color:var(--wf-muted);margin-top:6px}
.wf-studio .brief-canvas .brief-field{font-size:var(--wf-text-sm);font-weight:500;gap:9px;margin-bottom:22px}
.wf-studio .brief-canvas .brief-field textarea,.wf-studio .brief-canvas .brief-field input,.wf-studio .brief-canvas .brief-field select{font-size:var(--wf-text-control);padding:var(--wf-space-3) 13px;line-height:1.6;font-weight:400;background:var(--wf-surface);border-color:var(--wf-rule);border-radius:var(--wf-radius-sm);resize:vertical}
.wf-studio .brief-idea [data-field=title]{font-size:var(--wf-text-xl)!important;letter-spacing:-.7px;font-weight:400;min-height:64px}
.wf-studio .look-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:26px}
.wf-studio .look-preset{padding:0;border:1px solid var(--wf-rule);background:var(--wf-soft);text-align:left;border-radius:5px;overflow:hidden;min-width:0}
.wf-studio .look-preset>span{height:85px;display:block;overflow:hidden;background:var(--wf-soft);color:var(--wf-muted)}
.wf-studio .look-preset .subject-art{height:120px;margin-top:-16px}
.wf-studio .look-preset>b{display:block;padding:10px 9px;font-size:10px;font-weight:500}
.wf-studio .look-graphic>span{background:var(--wf-highlight);color:var(--wf-accent-ink)}.wf-studio .look-cinematic>span{background:var(--wf-inverse);color:var(--wf-muted)}
.wf-studio .look-preset[aria-pressed=true]{outline:2px solid var(--wf-rule);outline-offset:2px}
.wf-studio .brief-preview{border:1px solid var(--wf-rule);border-radius:7px;overflow:hidden;background:var(--wf-soft)}
.wf-studio .brief-preview-cover{height:195px;background:var(--wf-inverse);position:relative;color:var(--wf-muted);overflow:hidden}
.wf-studio .brief-preview-cover .subject-art{height:190px;padding:15px}
.wf-studio .brief-preview-cover>span{position:absolute;bottom:13px;left:18px;font-family:var(--wf-mono);font-size:8px;letter-spacing:1px;color:var(--wf-muted)}
.wf-studio .brief-preview-body{padding:23px}
.wf-studio .brief-preview h2{font-size:28px;font-family:var(--wf-serif);font-weight:400;letter-spacing:-1px;line-height:1.1;margin:15px 0 var(--wf-space-3);overflow-wrap:anywhere}
.wf-studio .brief-preview-body>p{font-size:var(--wf-text-sm);line-height:1.8;color:var(--wf-muted);overflow-wrap:anywhere}
.wf-studio .brief-preview dl{display:flex;justify-content:space-between;gap:15px;padding-top:20px;margin-top:20px;border-top:1px solid var(--wf-rule)}
.wf-studio .brief-preview dt{font-size:8px;font-family:var(--wf-mono);letter-spacing:.8px;color:var(--wf-muted)}
.wf-studio .brief-preview dd{font-size:var(--wf-text-sm);line-height:1.6;margin:6px 0 0;color:var(--wf-ink)}
.wf-studio .brief-promise{padding:18px 0 0;margin-top:20px;border-top:1px solid var(--wf-rule)}
.wf-studio .brief-promise>span{font-family:var(--wf-mono);font-size:8px;letter-spacing:.8px;color:var(--wf-accent-ink)}
.wf-studio .brief-promise p{font-size:var(--wf-text-control);font-family:var(--wf-serif);line-height:1.7;margin-top:9px;color:var(--wf-muted);overflow-wrap:anywhere}
.wf-studio .editor-details{padding:0!important;margin-bottom:23px}
.wf-studio .editor-details>summary{list-style:none;padding:22px 25px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px}
.wf-studio .editor-details>summary::-webkit-details-marker{display:none}
.wf-studio .editor-details>summary b{font-size:var(--wf-text-reading);font-weight:500;display:block;letter-spacing:-.2px}
.wf-studio .editor-details>summary small{font-size:var(--wf-text-xs);color:var(--wf-muted);font-weight:400;display:block;margin-top:6px;line-height:1.6}
.wf-studio .editor-details>summary>span:last-child{font-size:var(--wf-text-xl);color:var(--wf-muted)}
.wf-studio .editor-details[open]>summary>span:last-child{transform:rotate(45deg)}
.wf-studio .editor-details>div{padding:0 25px var(--wf-space-5)}
.wf-studio .brief-side>.optional-tools{font-size:var(--wf-text-sm);line-height:1.7;padding:21px;margin-top:22px}
.wf-studio .brief-side>.optional-tools summary{font-size:var(--wf-text-sm);cursor:pointer}
.wf-studio .brief-side>.optional-tools p{font-size:var(--wf-text-xs);line-height:1.75;color:var(--wf-muted);margin:var(--wf-space-3) 0}

.wf-studio .field-guide-intro h2{font-size:41px;line-height:1.07;letter-spacing:-1.5px;margin:14px 0}
.wf-studio .field-guide-intro p{font-size:var(--wf-text-control);line-height:1.8;color:var(--wf-muted);max-width:460px}
.wf-studio .field-guide-intro>span{font-size:155px;line-height:1;color:var(--wf-muted);transform:rotate(-10deg);font-family:var(--wf-serif)}
.wf-studio .field-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wf-space-5)}
.wf-studio .field-guide-card{padding:0;border:1px solid var(--wf-rule);border-radius:7px;text-align:left;overflow:hidden;background:var(--wf-surface);display:grid;grid-template-columns:.75fr 1.25fr;min-height:230px;min-width:0;transition:border-color var(--wf-motion-normal),transform var(--wf-motion-normal)}
.wf-studio .field-guide-card:hover{border-color:var(--wf-rule);transform:translateY(-3px)}
.wf-studio .field-guide-art{background:var(--wf-soft);position:relative;padding:9px;color:var(--wf-muted);overflow:hidden}
.wf-studio .field-guide-art>span{position:absolute;left:16px;top:17px;font-family:var(--wf-mono);font-size:var(--wf-text-xs)}
.wf-studio .field-guide-art .subject-art{height:100%;max-height:none;min-height:180px;transform:scale(1.25)}
.wf-studio .guide-food{background:var(--wf-soft);color:var(--wf-accent-ink)}.wf-studio .guide-design{background:var(--wf-highlight);color:var(--wf-accent-ink)}.wf-studio .guide-place{background:var(--wf-soft);color:var(--wf-muted)}
.wf-studio .field-guide-card>div:last-child{padding:28px 25px;display:flex;flex-direction:column;align-items:flex-start}
.wf-studio .field-guide-card h2{font-size:var(--wf-text-xl);line-height:1.15;letter-spacing:-.6px;margin-bottom:var(--wf-space-3)}
.wf-studio .field-guide-card p{font-size:var(--wf-text-sm);line-height:1.8;color:var(--wf-muted);margin-bottom:20px}
.wf-studio .field-guide-card .text-button{margin-top:auto;font-size:var(--wf-text-xs)}
.wf-studio [data-project-row][hidden]{display:none!important}
@media(min-width:1600px){.wf-studio .studio-launch{grid-template-columns:1fr 1.1fr;min-height:385px}.wf-studio .launch-copy{padding:40px}.wf-studio .launch-copy h2{font-size:53px}.wf-studio .film-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1280px){.wf-studio .film-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1536px){.wf-studio .film-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1250px){.wf-studio main{padding:30px 25px 45px}.wf-studio .launch-copy{padding:27px var(--wf-space-5)}.wf-studio .launch-copy h2{font-size:39px}.wf-studio .film-grid,.wf-studio .inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-studio .brief-canvas{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.wf-studio .brief-canvas .brief-section{padding:var(--wf-space-5)}.wf-studio .brief-preview-body{padding:20px}.wf-studio .field-guide-card{grid-template-columns:1fr}.wf-studio .field-guide-art{height:140px}.wf-studio .field-guide-art .subject-art{height:170px;min-height:0;margin-top:-15px;transform:scale(1)}.wf-studio .field-guide-card>div:last-child{padding:25px}.wf-studio .inspiration-intro-art{width:180px}.wf-studio .journey-title{max-width:160px}.wf-studio .journey-steps{gap:var(--wf-space-3)}}
@media(max-width:1000px){.wf-studio .studio-launch{grid-template-columns:1fr}.wf-studio .launch-visual{min-height:235px}.wf-studio .launch-visual>img{object-position:center;border-radius:0 0 var(--wf-radius-xl) var(--wf-radius-xl)}.wf-studio .launch-visual:before{inset:0 0 auto;width:100%;height:18%;background:linear-gradient(var(--wf-surface),transparent)}.wf-studio .launch-copy h2 br{display:none}.wf-studio .launch-copy h2{font-size:40px;line-height:1.1}.wf-studio #quick-idea-form{max-width:none}.wf-studio #quick-idea-form>div>span{font-size:var(--wf-text-xs)}.wf-studio .brief-canvas{display:flex;flex-direction:column}.wf-studio .brief-canvas>.brief-main{width:100%}.wf-studio .brief-canvas .brief-side{position:static;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px}.wf-studio .brief-side>.optional-tools{margin:0;height:fit-content}.wf-studio .brief-preview-cover{height:145px}.wf-studio .brief-preview-cover .subject-art{height:150px}.wf-studio .journey-title{max-width:none;flex:1}.wf-studio .journey-steps{margin-left:0;width:100%;padding-top:3px;gap:var(--wf-space-5)}.wf-studio .inspiration-intro{padding:30px}.wf-studio .inspiration-intro h2{font-size:34px}.wf-studio .starter-grid{gap:10px}.wf-studio .starter-tile>span:nth-of-type(1){padding:var(--wf-space-4)}.wf-studio .starter-tile b{font-size:var(--wf-text-base)}.wf-studio .starter-tile small{font-size:10px}.wf-studio .starter-arrow{right:11px}.wf-studio .inspiration-toolbar{flex-direction:column}.wf-studio .inspiration-toolbar .search{max-width:none;width:100%}}
@media(max-width:900px){.wf-studio .topbar{height:66px;padding-inline:21px}.wf-studio .starter-tile>div{height:120px}}
@media(max-width:650px){.wf-studio main{padding:27px 18px 40px}.wf-studio .page-heading{gap:15px;margin-bottom:23px;align-items:flex-start}.wf-studio .page-heading h1{font-size:30px;line-height:1.12;letter-spacing:-1px}.wf-studio .page-heading p{font-size:var(--wf-text-control);line-height:1.65}.wf-studio .eyebrow{font-size:8px}.wf-studio .breadcrumb{font-size:var(--wf-text-xs);gap:9px}.wf-studio .breadcrumb b{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-studio .topbar{padding-inline:18px}.wf-studio .studio-launch{margin-bottom:31px;border-radius:7px}.wf-studio .launch-copy{padding:26px 23px}.wf-studio .launch-copy h2{font-size:37px;margin-block:15px 21px;letter-spacing:-1.5px;max-width:380px}.wf-studio .launch-copy h2 br{display:block}.wf-studio #quick-idea-form label{font-size:var(--wf-text-sm)}.wf-studio #quick-idea-form>div>span{font-size:10px;max-width:100px}.wf-studio #quick-idea{font-size:var(--wf-text-control);min-height:92px}.wf-studio .launch-visual{min-height:245px}.wf-studio .launch-caption{left:22px;bottom:24px}.wf-studio .launch-caption>b{font-size:29px}.wf-studio .launch-sticker{font-size:var(--wf-text-xs);padding:11px;right:17px;top:18px}.wf-studio .project-library-heading{align-items:flex-start;gap:var(--wf-space-4);flex-direction:column;margin-bottom:19px}.wf-studio .project-library-heading h2{font-size:23px}.wf-studio .project-search-wrap{width:100%;max-width:none}.wf-studio .project-library-heading p{font-size:var(--wf-text-sm)}.wf-studio .film-grid,.wf-studio .inspiration-grid{grid-template-columns:1fr;gap:19px}.wf-studio .film-cover{aspect-ratio:16/10}.wf-studio .film-cover .subject-art{max-height:240px}.wf-studio .film-card-body{padding:22px}.wf-studio .film-card h3{font-size:23px}.wf-studio .film-card-body>p{font-size:var(--wf-text-control)}.wf-studio .film-card-foot .text-button{font-size:var(--wf-text-sm)}.wf-studio .film-card-foot>span{font-size:10px}.wf-studio .new-film-tile{min-height:180px}.wf-studio .first-project{grid-template-columns:1fr}.wf-studio .first-project>div:first-child{padding:28px}.wf-studio .first-project h3{font-size:34px}.wf-studio .empty-film-stack{min-height:235px}.wf-studio .empty-film-stack>i,.wf-studio .empty-film-stack>span{height:185px;width:160px}.wf-studio .home-inspiration h2{font-size:23px}.wf-studio .home-inspiration .section-heading{flex-direction:column;align-items:flex-start;gap:var(--wf-space-3)}.wf-studio .starter-grid{grid-template-columns:1fr;gap:11px}.wf-studio .starter-tile{display:grid;grid-template-columns:105px minmax(0,1fr);min-height:109px}.wf-studio .starter-tile>div{height:100%;min-height:110px}.wf-studio .starter-tile .subject-art{height:130px;width:140px;margin:0 -17px}.wf-studio .starter-tile>span:nth-of-type(1){padding:var(--wf-space-5) 30px 22px 20px;align-self:center}.wf-studio .starter-tile b{font-size:var(--wf-text-md)}.wf-studio .starter-tile small{font-size:var(--wf-text-xs);line-height:1.6}.wf-studio .starter-arrow{right:13px;bottom:46px}.wf-studio .context-tabs{margin:0 0 26px}.wf-studio .context-tabs>a{font-size:var(--wf-text-control);padding:10px 14px}.wf-studio .inspiration-intro{padding:29px;display:block}.wf-studio .inspiration-intro h2{font-size:36px}.wf-studio .inspiration-intro-art{position:absolute;right:-60px;top:25px;opacity:.12;width:230px;height:230px;pointer-events:none}.wf-studio .inspiration-intro>div:first-child{position:relative;z-index:1}.wf-studio .inspiration-art{height:205px}.wf-studio .inspiration-body{padding:var(--wf-space-5)}.wf-studio .inspiration-body h2{font-size:25px}.wf-studio .inspiration-body>p{font-size:var(--wf-text-control)}.wf-studio .personalize-note{flex-direction:column;align-items:flex-start;padding:25px}.wf-studio .project-journey{margin:-4px 0 25px;gap:var(--wf-space-3)}.wf-studio .journey-title{font-size:var(--wf-text-xs)}.wf-studio .journey-steps{gap:19px}.wf-studio .journey-steps>button{font-size:var(--wf-text-xs)}.wf-studio .brief-canvas .brief-side{grid-template-columns:1fr}.wf-studio .brief-canvas .brief-section{padding:23px}.wf-studio .brief-actionbar{padding:14px var(--wf-space-4);gap:13px}.wf-studio .brief-actionbar .heading-actions{gap:9px}.wf-studio .brief-actionbar .button{font-size:var(--wf-text-xs);padding:11px;min-height:42px}.wf-studio .brief-idea [data-field=title]{font-size:23px!important}.wf-studio .brief-canvas .brief-field{font-size:var(--wf-text-sm)}.wf-studio .brief-canvas .brief-field textarea,.wf-studio .brief-canvas .brief-field input,.wf-studio .brief-canvas .brief-field select{font-size:var(--wf-text-base)}.wf-studio .editor-section-heading h2{font-size:22px}.wf-studio .look-presets{gap:var(--wf-space-2)}.wf-studio .look-preset>b{font-size:9px;padding:10px 7px}.wf-studio .look-preset>span{height:75px}.wf-studio .editor-details>summary{padding:21px!important}.wf-studio .editor-details>summary b{font-size:var(--wf-text-base)}.wf-studio .editor-details>summary small{font-size:var(--wf-text-xs)}.wf-studio .editor-details>div{padding-inline:21px}.wf-studio .brief-preview-cover{height:185px}.wf-studio .brief-preview-cover .subject-art{height:190px}.wf-studio .brief-preview-body{padding:25px}.wf-studio .field-guide-intro{padding:29px;position:relative;overflow:hidden}.wf-studio .field-guide-intro h2{font-size:35px}.wf-studio .field-guide-intro>span{position:absolute;right:-10px;bottom:0;font-size:160px;opacity:.3}.wf-studio .field-guide-intro>div{position:relative;z-index:1}.wf-studio .field-guide-grid{grid-template-columns:1fr}.wf-studio .field-guide-art{height:165px}.wf-studio .field-guide-art .subject-art{height:190px}.wf-studio .field-guide-card h2{font-size:26px}.wf-studio .field-guide-card p{font-size:var(--wf-text-control)}}
@media(prefers-reduced-motion:reduce){.wf-studio .film-card,.wf-studio .starter-tile,.wf-studio .inspiration-art>.subject-art,.wf-studio .film-cover>.subject-art{transition:none}.wf-studio .film-card:hover,.wf-studio .starter-tile:hover,.wf-studio .inspiration-art:hover>.subject-art,.wf-studio .film-cover:hover>.subject-art{transform:none}}
.wf-studio .auth-illustration{width:100%;max-width:430px;height:240px;object-fit:cover;object-position:center;margin:26px 0 0;border-radius:5px;box-shadow:10px 10px 0 var(--wf-glow)}
.wf-studio .structure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.wf-studio .structure-card{border:1px solid var(--wf-rule);border-radius:var(--wf-radius-md);overflow:hidden;background:var(--wf-surface);min-width:0}
.wf-studio .structure-art{height:190px;position:relative;overflow:hidden;display:flex;justify-content:center}
.wf-studio .structure-art .subject-art{height:245px;width:310px;transform:rotate(-8deg);margin-top:-12px}
.wf-studio .structure-art>span{position:absolute;right:20px;top:18px;font-size:var(--wf-text-reading);font-family:var(--wf-mono)}
.wf-studio .structure-body{padding:28px}
.wf-studio .structure-body h2{font-size:27px;margin:10px 0 14px;letter-spacing:-.8px;line-height:1.2}
.wf-studio .structure-body>p{font-size:var(--wf-text-base);line-height:1.75;color:var(--wf-muted);margin-bottom:20px}
.wf-studio .beat-ribbon{display:flex;gap:3px;flex-wrap:wrap;margin-block:23px 17px}
.wf-studio .beat-ribbon>span{background:var(--wf-soft);padding:var(--wf-space-3) 10px;flex-basis:0;min-width:85px;font-size:var(--wf-text-xs);border-radius:3px;line-height:1.4;color:var(--wf-ink)}
.wf-studio .beat-ribbon>span:last-child{background:var(--wf-highlight)}
.wf-studio .structure-body .structure-runtime{font-size:var(--wf-text-sm)}
.wf-studio .structure-body .text-button{font-size:var(--wf-text-control)}
@media(max-width:1000px){.wf-studio .structure-grid{grid-template-columns:1fr}}
.wf-studio .reference-source-notes{margin-block:var(--wf-space-5);font-size:var(--wf-text-control);color:var(--wf-muted);border:1px solid var(--wf-rule);border-radius:6px;padding:15px 20px}
.wf-studio .reference-source-notes summary{cursor:pointer;font-weight:500}
.wf-studio .reference-source-notes p{line-height:1.75;margin-top:15px}
.wf-studio .storyboard-section,.wf-studio .film-results{scroll-margin-top:25px}
}

/* /commerce.css */
@layer components {
/* Plans and checkout use the same visual language as the creative canvas. */
.wf-studio .section-kicker,.wf-studio .eyebrow{font-family:var(--wf-sans);font-size:var(--wf-text-sm);font-weight:600;letter-spacing:.06em;line-height:1.65}
.wf-studio .sidebar-bottom .credit-balance{border:1px solid var(--wf-rule);background:color-mix(in srgb,var(--wf-surface) 3.14%,transparent)}
.wf-studio .credit-plan-link{color:var(--wf-highlight);text-decoration:underline;text-underline-offset:4px}
.wf-studio .credit-plan-link:hover{color:var(--wf-highlight-hover)}
.wf-studio .billing-current{background:var(--wf-soft);border:1px solid var(--wf-rule);padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:7px;margin-bottom:30px}
.wf-studio .billing-current h2{font-size:25px;margin:10px 0;letter-spacing:-.7px}
.wf-studio .billing-current p{font-size:var(--wf-text-base);line-height:1.75}
.wf-studio .plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;margin-bottom:30px}
.wf-studio .pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wf-studio .plan-card{padding:28px 25px;border:1px solid var(--wf-rule);border-radius:var(--wf-radius-md);background:var(--wf-surface);display:flex;flex-direction:column;min-width:0}
.wf-studio .plan-card.plan-featured{background:var(--wf-inverse);color:var(--wf-inverse-muted);box-shadow:0 -5px 0 var(--wf-highlight);border-color:var(--wf-inverse-rule)}
.wf-studio .plan-card .section-kicker{font-size:10px;letter-spacing:.06em}
.wf-studio .plan-featured .section-kicker{color:var(--wf-highlight)}
.wf-studio .plan-card h2{font-size:29px;letter-spacing:-.8px;margin:20px 0 10px}
.wf-studio .plan-card>p{font-size:var(--wf-text-base);line-height:1.7;margin:0 0 22px;min-height:48px;color:var(--wf-muted)}
.wf-studio .plan-featured>p{color:var(--wf-inverse-muted)}
.wf-studio .plan-price{font-size:46px;line-height:1.1;letter-spacing:-1.6px;margin-bottom:22px;font-weight:500}
.wf-studio .plan-price>span{font-size:var(--wf-text-control);font-weight:400;letter-spacing:0;margin-left:var(--wf-space-2)}
.wf-studio .plan-card .plan-capacity{font-size:var(--wf-text-control);border-block:1px solid var(--wf-rule);padding:17px 0;margin:0;min-height:0;line-height:1.5}
.wf-studio .plan-featured .plan-capacity{border-color:var(--wf-inverse-rule)}
.wf-studio .plan-capacity b{font-size:22px;font-weight:500}
.wf-studio .plan-card ul,.wf-studio .checkout-order ul{list-style:none;margin:23px 0 30px;padding:0;flex:1}
.wf-studio .plan-card li,.wf-studio .checkout-order li{font-size:var(--wf-text-control);line-height:1.7;padding:7px 0 7px 22px;position:relative}
.wf-studio .plan-card li:before,.wf-studio .checkout-order li:before{content:'✓';position:absolute;left:0}
.wf-studio .plan-featured .button.primary{background:var(--wf-highlight);color:var(--wf-inverse-ink);border-color:var(--wf-highlight)}
.wf-studio .plan-featured .button.primary:hover{background:var(--wf-highlight-hover)}
.wf-studio .plan-card .button{width:100%;justify-content:center;font-size:var(--wf-text-control)}
.wf-studio .billing-explainer{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:30px 0}
.wf-studio .billing-explainer h2,.wf-studio .billing-history>h2{font-size:23px;letter-spacing:-.5px;margin:0 0 15px}
.wf-studio .billing-explainer p{font-size:var(--wf-text-base);line-height:1.8;color:var(--wf-muted)}
.wf-studio .checkout-mode-note{font-size:var(--wf-text-base);line-height:1.75;border:1px solid var(--wf-rule);background:var(--wf-soft);padding:17px 20px;border-radius:6px;color:var(--wf-ink);margin-bottom:30px}
.wf-studio .billing-history{margin-top:35px}
.wf-studio .billing-history>p{font-size:var(--wf-text-base);color:var(--wf-muted)}
.wf-studio .receipt-list{border-top:1px solid var(--wf-rule)}
.wf-studio .receipt-list>article{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--wf-rule);padding:23px 0}
.wf-studio .receipt-list>article>div:first-child{display:flex;flex-direction:column;gap:7px;min-width:0}
.wf-studio .receipt-list b{font-size:17px;font-weight:500}
.wf-studio .receipt-list span,.wf-studio .receipt-list small{font-size:var(--wf-text-control);line-height:1.6;color:var(--wf-muted)}
.wf-studio .checkout-back{display:inline-flex;margin-bottom:25px}
.wf-studio .checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;max-width:1050px}
.wf-studio .checkout-order{padding:30px;background:var(--wf-soft);border:1px solid var(--wf-rule);border-radius:var(--wf-radius-md)}
.wf-studio .checkout-order h2{font-size:var(--wf-text-title);letter-spacing:-1px;margin:18px 0 10px}
.wf-studio .checkout-order>p{font-size:var(--wf-text-reading);line-height:1.75;color:var(--wf-muted);margin-bottom:25px}
.wf-studio .checkout-order .plan-price{margin-top:27px}
.wf-studio .order-total{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:18px;border-top:1px solid var(--wf-rule);font-size:var(--wf-text-base);line-height:1.5}
.wf-studio .checkout-order>.field-help{font-size:var(--wf-text-control);margin:20px 0 0}
.wf-studio .checkout-payment{padding:30px;border-radius:var(--wf-radius-md);background:var(--wf-surface)}
.wf-studio .checkout-payment h2{font-size:27px;letter-spacing:-.6px;margin:18px 0 25px}
.wf-studio .checkout-payment .checkout-mode-note{font-size:var(--wf-text-control);padding:15px 17px;margin-bottom:25px}
.wf-studio .checkout-payment .brief-field{font-size:var(--wf-text-base);line-height:1.6}
.wf-studio .checkout-payment select{font-size:var(--wf-text-base);min-height:48px;margin-top:10px}
.wf-studio .checkout-consent{display:flex;align-items:flex-start;gap:var(--wf-space-3);font-size:var(--wf-text-base);line-height:1.7;margin:var(--wf-space-5) 0}
.wf-studio .checkout-consent input{width:18px;height:18px;flex:none;margin-top:var(--wf-space-1);accent-color:var(--wf-rule)}
.wf-studio #checkout-form>[type=submit]{width:100%;font-size:var(--wf-text-base);min-height:49px;justify-content:center}
.wf-studio #checkout-form>.text-button{display:inline-block;margin-top:15px}
.wf-studio #checkout-error{font-size:var(--wf-text-base);line-height:1.7;color:var(--wf-accent-ink);margin-top:15px}
.wf-studio .checkout-payment>.field-help{font-size:var(--wf-text-control);line-height:1.8;margin-top:25px;border-top:1px solid var(--wf-rule);padding-top:20px}
.wf-studio .checkout-result{max-width:740px;background:var(--wf-surface);border:1px solid var(--wf-rule);border-radius:var(--wf-radius-md);padding:42px}
.wf-studio .receipt-symbol{width:65px;height:65px;background:var(--wf-highlight);color:var(--wf-ink);border-radius:50%;display:grid;place-items:center;font-size:30px;margin-bottom:25px}
.wf-studio .checkout-result>.section-kicker{display:block}
.wf-studio .checkout-result h2{font-size:var(--wf-text-title);letter-spacing:-.8px;margin:18px 0}
.wf-studio .checkout-result>p{font-size:var(--wf-text-reading);color:var(--wf-muted);line-height:1.8;margin:18px 0 25px}
.wf-studio .checkout-result dl{margin-block:25px}
.wf-studio .checkout-result dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--wf-rule);padding-block:15px;font-size:var(--wf-text-base);line-height:1.6}
.wf-studio .checkout-result dd{margin:0;overflow-wrap:anywhere;text-align:right}
.wf-studio .service-note{font-size:var(--wf-text-control);line-height:1.8;color:var(--wf-muted);margin-top:20px;padding-top:20px;border-top:1px solid var(--wf-rule)}
@media(max-width:1250px){.wf-studio .plan-grid{grid-template-columns:1fr}.wf-studio .plan-card ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.wf-studio .plan-card>p{min-height:0}.wf-studio .plan-card .button{max-width:330px}.wf-studio .checkout-layout{grid-template-columns:1fr}}
@media(max-width:650px){.wf-studio .billing-current{align-items:flex-start;flex-direction:column;padding:var(--wf-space-5)}.wf-studio .billing-explainer{grid-template-columns:1fr;gap:25px}.wf-studio .plan-card{padding:28px var(--wf-space-5)}.wf-studio .plan-card ul{grid-template-columns:1fr}.wf-studio .checkout-order,.wf-studio .checkout-payment,.wf-studio .checkout-result{padding:26px 23px}.wf-studio .receipt-list>article{align-items:flex-start;flex-direction:column}.wf-studio .checkout-result dl>div{flex-direction:column;gap:5px}.wf-studio .checkout-result dd{text-align:left}.wf-studio .section-kicker,.wf-studio .eyebrow{font-size:var(--wf-text-xs)}}
}

/* /surfaces.css */
@layer surfaces {
/* One surface language for the studio, with separate light and dark elevations. */
body.wf-studio{--studio-surface:var(--wf-surface);--studio-raised:var(--wf-surface-hover);--studio-border:var(--wf-rule);--studio-shadow:var(--wf-card-shadow);--studio-inset:inset 0 0 0 transparent;--guide-soft:var(--wf-soft);--guide-accent:var(--wf-accent-ink)}
.wf-studio :is(.panel,.film-card,.inspiration-card,.field-guide-card,.structure-card,.brief-preview,.checkout-payment,.checkout-result){border:1px solid var(--studio-border);border-radius:var(--wf-radius-xl);background:var(--studio-surface);box-shadow:var(--studio-shadow)}
.wf-studio .panel-heading{gap:var(--wf-space-5)}
.wf-studio .panel.brief-section>.panel-heading{padding:0;margin-bottom:20px}
.wf-studio :is(.brief-section,.panel-heading) h2{letter-spacing:-.025em}
.wf-studio .button{border-radius:9px;transition:background .18s,border-color .18s,box-shadow .18s}
.wf-studio :is(a,button):focus-visible{outline:3px solid var(--guide-accent);outline-offset:4px}
/* The reference discovery panel is an invitation with a quieter information footer. */
.wf-studio .reference-discovery{position:relative;overflow:hidden;padding:30px var(--wf-space-6) 0;margin-bottom:var(--wf-space-6);background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--wf-highlight) 27.06%,transparent),transparent 60%),var(--studio-surface)}
.wf-studio .reference-discovery:before{content:'';position:absolute;left:0;top:24px;bottom:24px;width:3px;background:var(--wf-highlight);border-radius:0 var(--wf-radius-sm) var(--wf-radius-sm) 0}
.wf-studio .reference-discovery>.panel-heading{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:var(--wf-space-5)}
.wf-studio .reference-discovery-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid color-mix(in srgb,var(--wf-rule) 43.92%,transparent);border-radius:14px;background:linear-gradient(145deg,var(--wf-soft),color-mix(in srgb,var(--wf-highlight) 43.92%,transparent));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--wf-glow) 50.20%,transparent);color:var(--wf-accent-ink)}
.wf-studio .reference-discovery-icon svg{width:25px;height:25px}
.wf-studio .reference-discovery .section-kicker{font-size:10px;letter-spacing:.12em;color:var(--guide-accent);display:block;margin-bottom:9px}
.wf-studio .reference-discovery h2{font-size:25px;line-height:1.25;margin:0 0 var(--wf-space-2)}
.wf-studio .reference-discovery .panel-heading p{font-size:var(--wf-text-control);line-height:1.75;color:var(--wf-muted);margin:0}
.wf-studio .reference-discovery .button{font-size:var(--wf-text-control);min-height:44px;white-space:nowrap}
.wf-studio .reference-discovery>.field-help{margin:0 -32px;padding:17px var(--wf-space-6);border-top:1px solid var(--studio-border);background:color-mix(in srgb,var(--wf-soft) 7.06%,transparent);font-size:var(--wf-text-xs);line-height:1.8;color:var(--wf-muted)}
.wf-studio .reference-discovery-error{display:block;color:var(--guide-accent);font-weight:600}
html[data-theme=dark] .wf-studio .reference-discovery{background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--wf-highlight) 12.55%,transparent),transparent 65%),var(--studio-surface)}
html[data-theme=dark] .wf-studio .reference-discovery-icon{background:linear-gradient(145deg,var(--wf-soft),var(--wf-soft));border-color:color-mix(in srgb,var(--wf-rule) 50.20%,transparent);color:var(--wf-accent-ink);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--wf-glow) 6.27%,transparent)}
/* The collection: an editorial cover and four illustrated field notes. */
.wf-studio .field-guide-intro{display:flex;align-items:center;justify-content:space-between;padding:40px 44px;position:relative;overflow:hidden;border:1px solid var(--wf-rule);border-radius:var(--wf-radius-2xl);background:radial-gradient(ellipse at 80% 10%,var(--wf-soft),transparent 65%),linear-gradient(120deg,var(--wf-soft),var(--wf-soft));box-shadow:var(--studio-inset),var(--studio-shadow);margin-bottom:40px;gap:40px}
.wf-studio .field-guide-intro>div:first-child{position:relative;z-index:1;max-width:540px}
.wf-studio .field-guide-intro .section-kicker{font-size:10px;letter-spacing:.14em;color:var(--wf-muted)}
.wf-studio .field-guide-intro h2{font-size:clamp(36px,3.6vw,58px);line-height:1.04;letter-spacing:-2px;margin:22px 0 20px;font-weight:500}
.wf-studio .field-guide-intro h2 em{font-family:var(--wf-serif);font-weight:400;color:var(--wf-accent-ink)}
.wf-studio .field-guide-intro p{font-size:var(--wf-text-base);line-height:1.85;max-width:440px;color:var(--wf-muted);margin-bottom:26px}
.wf-studio .field-guide-intro .button{font-size:var(--wf-text-control);gap:18px}
.wf-studio .guide-cover-art{position:relative;flex:0 1 260px;width:260px;height:270px;transform:rotate(7deg);padding:23px;border:1px solid var(--wf-rule);border-radius:5px var(--wf-radius-xl) var(--wf-radius-xl) 5px;box-shadow:-8px 0 0 -4px var(--wf-glow),-9px 0 0 -4px var(--wf-shadow),10px 20px 28px -15px color-mix(in srgb,var(--wf-shadow) 33.33%,transparent);background:linear-gradient(135deg,var(--wf-soft),var(--wf-soft));color:var(--wf-muted);display:flex;flex-direction:column;justify-content:space-between}
.wf-studio .guide-cover-art>span{font:500 var(--wf-text-base)/1.4 var(--wf-mono);letter-spacing:.1em}
.wf-studio .guide-cover-art .subject-art{position:absolute;inset:65px 0 25px;width:100%;height:170px}
.wf-studio .guide-cover-art small{font:9px var(--wf-mono);letter-spacing:.1em}
.wf-studio .guide-shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 21px}
.wf-studio .guide-shelf-heading h2{font-size:23px;letter-spacing:-.6px;margin:0}
.wf-studio .guide-shelf-heading>span{font-size:var(--wf-text-sm);color:var(--wf-muted)}
.wf-studio .field-guide-grid{gap:var(--wf-space-5)}
.wf-studio .field-guide-card{color:var(--wf-ink);text-decoration:none;background:var(--studio-surface);border-color:var(--studio-border);grid-template-columns:.8fr 1.2fr;min-height:265px}
.wf-studio .field-guide-card>div:last-child{padding:30px 27px}
.wf-studio .field-guide-card .section-kicker{font-size:9px;letter-spacing:.12em;margin:0 0 13px;color:var(--guide-accent)}
.wf-studio .field-guide-card h2{font-size:26px;letter-spacing:-.7px;line-height:1.15}
.wf-studio .field-guide-card p{font-size:var(--wf-text-control);line-height:1.8;color:var(--wf-muted)}
.wf-studio .field-guide-card .text-button{width:100%;display:flex;justify-content:space-between;color:var(--wf-ink);font-size:var(--wf-text-sm);padding-top:15px}
.wf-studio .field-guide-art{border-right:1px solid color-mix(in srgb,var(--wf-rule) 3.14%,transparent);background-image:radial-gradient(ellipse at 25% 15%,color-mix(in srgb,var(--wf-surface) 31.37%,transparent),transparent 70%)}
.wf-studio .field-guide-art>span{font-size:9px;letter-spacing:.08em;top:20px;left:18px}
/* A focused reading page with a persistent contents rail. */
.wf-studio .guide-reader{max-width:1160px;margin:0 auto}
.wf-studio .guide-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:var(--wf-space-4);margin-bottom:27px;font-size:var(--wf-text-sm)}
.wf-studio .guide-breadcrumb a{color:var(--wf-ink);text-decoration:none}
.wf-studio .guide-breadcrumb>span{font:10px var(--wf-mono);letter-spacing:.09em;color:var(--wf-muted)}
.wf-studio .guide-reader-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--wf-space-5);min-height:280px;border:1px solid var(--studio-border);background:var(--studio-surface);border-radius:var(--wf-radius-2xl);overflow:hidden;box-shadow:var(--studio-inset),var(--studio-shadow);margin-bottom:40px}
.wf-studio .guide-reader-hero>div:first-child{padding:36px 40px}
.wf-studio .guide-reader-hero .section-kicker{font-size:10px;letter-spacing:.12em;color:var(--guide-accent)}
.wf-studio .guide-reader-hero h1{font-size:clamp(34px,3.6vw,52px);line-height:1.08;letter-spacing:-1.8px;font-weight:500;max-width:640px;margin:21px 0 17px}
.wf-studio .guide-reader-hero p{font-size:var(--wf-text-reading);line-height:1.8;max-width:500px;color:var(--wf-muted)}
.wf-studio .guide-reader-meta{display:flex;gap:17px;flex-wrap:wrap;margin-top:23px;font-size:var(--wf-text-xs);color:var(--wf-muted)}
.wf-studio .guide-reader-meta>span{display:flex;align-items:center;gap:7px}
.wf-studio .guide-reader-meta svg{height:15px;width:15px}
.wf-studio .guide-reader-art{position:relative;display:grid;place-items:center;overflow:hidden;background-image:radial-gradient(ellipse at 20% 20%,color-mix(in srgb,var(--wf-surface) 14.51%,transparent),transparent 70%)}
.wf-studio .guide-reader-art .subject-art{height:230px;width:100%;transform:scale(1.1)}
.wf-studio .guide-reader-art>span{position:absolute;bottom:12px;right:18px;font:64px/1 var(--wf-serif);opacity:.25}
.wf-studio .guide-reading-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(30px,4vw,65px);align-items:start}
.wf-studio .guide-contents{position:sticky;top:25px;padding-top:var(--wf-space-2)}
.wf-studio .guide-contents>.section-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:18px;color:var(--wf-muted)}
.wf-studio .guide-contents nav{display:grid;gap:3px}
.wf-studio .guide-contents button{display:flex;align-items:baseline;gap:11px;padding:10px var(--wf-space-2);text-align:left;border-radius:7px;line-height:1.6;font-size:var(--wf-text-sm);color:var(--wf-muted);background:transparent;border:0;cursor:pointer}
.wf-studio .guide-contents button:hover{background:var(--guide-soft);color:var(--wf-ink)}
.wf-studio .guide-contents button>span{font:10px var(--wf-mono);color:var(--guide-accent);flex-shrink:0}
.wf-studio .guide-takeaway{border-top:1px solid var(--studio-border);padding:23px var(--wf-space-2) 0;margin-top:var(--wf-space-5)}
.wf-studio .guide-takeaway .section-kicker{font-size:9px;letter-spacing:.12em;color:var(--guide-accent)}
.wf-studio .guide-takeaway p{font:italic 22px/1.45 var(--wf-serif);margin:14px 0;color:var(--wf-ink)}
.wf-studio .guide-reading-main{min-width:0;max-width:740px}
.wf-studio .guide-prose{padding:0 var(--wf-space-1);color:var(--wf-ink);font-size:var(--wf-text-reading);line-height:1.95}
.wf-studio .guide-prose p{margin:0 0 13px;color:var(--wf-muted)}
.wf-studio .guide-lede{font:22px/1.6 var(--wf-serif);padding:0 0 28px}
.wf-studio .guide-lede p{display:inline;color:var(--wf-ink)}
.wf-studio .guide-lede p+p:before{content:' '}
.wf-studio .guide-prose section{position:relative;border-top:1px solid var(--studio-border);padding:28px 0 30px;scroll-margin-top:30px}
.wf-studio .guide-section-number{font:10px var(--wf-mono);letter-spacing:.1em;color:var(--guide-accent);margin-bottom:13px}
.wf-studio .guide-prose h2{font-size:25px;letter-spacing:-.6px;font-weight:500;line-height:1.3;margin:0 0 15px}
.wf-studio .guide-prose section:focus,.wf-studio .guide-practice:focus{outline:0}
.wf-studio .guide-prose section:focus-visible,.wf-studio .guide-practice:focus-visible{outline:2px solid var(--guide-accent);outline-offset:8px}
.wf-studio .guide-practice{padding:30px var(--wf-space-6);background:linear-gradient(135deg,var(--wf-soft),var(--wf-soft));border:1px solid var(--wf-rule);border-radius:var(--wf-radius-xl);margin-top:6px;scroll-margin-top:30px;box-shadow:var(--studio-inset),var(--studio-shadow)}
.wf-studio .guide-practice>.section-kicker{color:var(--guide-accent);font-size:10px;letter-spacing:.12em}
.wf-studio .guide-practice h2{font-size:28px;font-weight:500;letter-spacing:-.8px;margin:14px 0}
.wf-studio .guide-practice p{font-size:var(--wf-text-base);line-height:1.85;color:var(--wf-muted)}
.wf-studio .guide-example{padding:19px 22px;background:color-mix(in srgb,var(--wf-surface) 37.65%,transparent);border:1px solid color-mix(in srgb,var(--wf-rule) 50.20%,transparent);border-radius:10px;margin:22px 0}
.wf-studio .guide-example .section-kicker{color:var(--guide-accent);font-size:9px;letter-spacing:.1em}
.wf-studio .guide-example p{margin:9px 0 0;font-family:var(--wf-serif);font-size:19px;color:var(--wf-ink);line-height:1.6}
.wf-studio .guide-practice .button{font-size:var(--wf-text-sm);gap:15px}
.wf-studio .guide-pagination{display:grid;grid-template-columns:1fr 1fr;gap:var(--wf-space-5);margin-top:var(--wf-space-6);border-top:1px solid var(--studio-border);padding:25px 0}
.wf-studio .guide-pagination a{display:flex;flex-direction:column;gap:10px;color:var(--wf-ink);text-decoration:none;padding:7px 0}
.wf-studio .guide-pagination a:last-child{text-align:right}
.wf-studio .guide-pagination a:hover b{color:var(--guide-accent)}
.wf-studio .guide-pagination small{font:9px var(--wf-mono);letter-spacing:.07em;color:var(--wf-muted)}
.wf-studio .guide-pagination b{font-size:var(--wf-text-reading);font-weight:500;line-height:1.6}
.wf-studio .guide-unavailable{padding:var(--wf-space-6)}.wf-studio .guide-unavailable h1{margin-bottom:var(--wf-space-5)}
html[data-theme=dark] .wf-studio .field-guide-intro{background:radial-gradient(ellipse at 85% 10%,color-mix(in srgb,var(--wf-soft) 14.51%,transparent),transparent 65%),linear-gradient(120deg,var(--wf-soft),var(--wf-surface));border-color:var(--wf-rule)}
html[data-theme=dark] .wf-studio .field-guide-intro :is(p,.section-kicker){color:var(--wf-muted)}
html[data-theme=dark] .wf-studio .field-guide-intro h2 em{color:var(--wf-accent-ink)}
html[data-theme=dark] .wf-studio .guide-cover-art{background:linear-gradient(135deg,var(--wf-soft),var(--wf-soft));color:var(--wf-accent-ink);border-color:var(--wf-rule);box-shadow:-8px 0 0 -4px var(--wf-shadow),-9px 0 0 -4px var(--wf-shadow),10px 20px 28px -15px color-mix(in srgb,var(--wf-shadow) 56.47%,transparent)}
html[data-theme=dark] .wf-studio .field-guide-card{background:var(--studio-surface);border-color:var(--studio-border)}
html[data-theme=dark] .wf-studio .guide-practice{background:linear-gradient(135deg,var(--wf-soft),var(--wf-soft));border-color:var(--wf-rule)}
html[data-theme=dark] .wf-studio .guide-example{background:color-mix(in srgb,var(--wf-surface) 33.33%,transparent);border-color:color-mix(in srgb,var(--wf-rule) 50.20%,transparent)}
@media(max-width:1250px){.wf-studio .field-guide-card{grid-template-columns:1fr}.wf-studio .field-guide-art{height:165px;border-right:0}.wf-studio .field-guide-art .subject-art{height:200px;margin-top:-15px}.wf-studio .guide-reader-hero{grid-template-columns:minmax(0,1fr) 200px}.wf-studio .guide-reading-layout{grid-template-columns:185px minmax(0,1fr);gap:30px}}
@media(max-width:900px){.wf-studio .guide-reader-hero{grid-template-columns:minmax(0,1fr) 160px}.wf-studio .guide-reader-hero>div:first-child{padding:28px}.wf-studio .guide-reading-layout{grid-template-columns:1fr}.wf-studio .guide-contents{position:static;padding:18px;border:1px solid var(--studio-border);border-radius:var(--wf-radius-lg);background:var(--studio-surface)}.wf-studio .guide-contents nav{grid-template-columns:1fr 1fr}.wf-studio .guide-contents>.section-kicker{margin-bottom:var(--wf-space-2)}.wf-studio .guide-takeaway{display:none}.wf-studio .guide-reading-main{max-width:none}.wf-studio .guide-cover-art{flex-basis:200px;width:200px;height:240px}.wf-studio .reference-discovery>.panel-heading{grid-template-columns:48px minmax(0,1fr)}.wf-studio .reference-discovery .button{grid-column:2;justify-self:start}.wf-studio .field-guide-intro{padding:30px;gap:26px}}
@media(max-width:650px){.wf-studio .reference-discovery{padding:var(--wf-space-5) 22px 0;margin-bottom:25px}.wf-studio .reference-discovery>.panel-heading{gap:14px;align-items:start}.wf-studio .reference-discovery h2{font-size:22px}.wf-studio .reference-discovery>.field-help{margin-inline:-22px;padding:15px 22px}.wf-studio .reference-discovery-icon{width:42px;height:42px;border-radius:var(--wf-radius-lg)}.wf-studio .reference-discovery .button{grid-column:1/-1;width:100%;justify-content:center}.wf-studio .reference-discovery .section-kicker{font-size:9px}.wf-studio .field-guide-intro{padding:28px;display:block;margin-bottom:30px}.wf-studio .guide-cover-art{display:none}.wf-studio .field-guide-intro h2{font-size:39px;letter-spacing:-1.5px}.wf-studio .field-guide-intro p{font-size:var(--wf-text-control)}.wf-studio .field-guide-intro .section-kicker{font-size:9px;line-height:1.8}.wf-studio .guide-shelf-heading{display:block}.wf-studio .guide-shelf-heading>span{display:block;margin-top:9px}.wf-studio .field-guide-grid{grid-template-columns:1fr;gap:20px}.wf-studio .field-guide-card{grid-template-columns:110px minmax(0,1fr);min-height:240px}.wf-studio .field-guide-art{height:100%}.wf-studio .field-guide-art .subject-art{min-height:200px;margin:20px -15px 0;width:140px;height:100%}.wf-studio .field-guide-art>span{font-size:8px;left:12px;top:16px;max-width:70px;line-height:1.7}.wf-studio .field-guide-card>div:last-child{padding:25px 20px}.wf-studio .field-guide-card h2{font-size:23px}.wf-studio .field-guide-card p{font-size:var(--wf-text-sm)}.wf-studio .guide-breadcrumb{font-size:var(--wf-text-xs)}.wf-studio .guide-breadcrumb>span{font-size:8px}.wf-studio .guide-reader-hero{grid-template-columns:minmax(0,1fr) 75px;gap:0;min-height:240px;margin-bottom:var(--wf-space-5)}.wf-studio .guide-reader-hero>div:first-child{padding:26px 22px}.wf-studio .guide-reader-hero h1{font-size:34px;letter-spacing:-1.2px;margin-top:18px}.wf-studio .guide-reader-hero p{font-size:var(--wf-text-control)}.wf-studio .guide-reader-hero .section-kicker{font-size:9px;line-height:1.7}.wf-studio .guide-reader-art .subject-art{height:170px;width:190px;max-width:none;transform:translateX(-30px)}.wf-studio .guide-reader-art>span{font-size:45px;right:8px}.wf-studio .guide-reader-meta{font-size:10px;gap:10px}.wf-studio .guide-contents nav{grid-template-columns:1fr}.wf-studio .guide-contents button{font-size:var(--wf-text-sm);padding-block:var(--wf-space-2);min-height:44px}.wf-studio .guide-reading-layout{gap:26px}.wf-studio .guide-lede{font-size:21px;padding-bottom:23px}.wf-studio .guide-prose{font-size:var(--wf-text-base);padding:0}.wf-studio .guide-prose h2{font-size:var(--wf-text-xl)}.wf-studio .guide-prose section{padding-block:var(--wf-space-5)}.wf-studio .guide-practice{padding:26px 22px}.wf-studio .guide-practice h2{font-size:27px}.wf-studio .guide-example{padding:17px}.wf-studio .guide-pagination{gap:18px}.wf-studio .guide-pagination b{font-size:var(--wf-text-control)}}
@media(max-width:900px){.wf-studio:not(.nav-open) .sidebar{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.wf-studio :is(.film-card,.inspiration-card,.field-guide-card,.structure-card,.button){transition:none}.wf-studio .field-guide-card:hover{transform:none}}
}

/* /brand/themes.css */
@layer themes {
/* Shared theme controls, ownership labels and responsive navigation. */
.header-actions,.auth-home-actions{display:flex;align-items:center;gap:22px}
.theme-switch{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:0;padding:var(--wf-space-1);border:1px solid var(--wf-rule);border-radius:30px;background:var(--wf-soft);color:var(--wf-muted);cursor:pointer;font:500 var(--wf-text-sm)/1.3 Arial,Helvetica,sans-serif;min-height:40px;white-space:nowrap}
.theme-switch:before{position:absolute;content:'';z-index:-1;inset:4px auto 4px 4px;width:calc(50% - 4px);background:var(--wf-surface);border-radius:22px;box-shadow:0 1px 5px color-mix(in srgb,var(--wf-shadow) 8.24%,transparent);transition:transform var(--wf-motion-normal)}
.theme-choice{display:flex;align-items:center;justify-content:center;gap:6px;min-width:71px;padding:6px 9px;transition:color var(--wf-motion-normal)}
.theme-choice svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.theme-switch[aria-checked=false] .theme-light{color:var(--wf-ink)}.theme-switch[aria-checked=true]:before{transform:translateX(100%)}
.theme-switch:focus-visible{outline:3px solid var(--wf-highlight);outline-offset:4px}

.stage-role{font:600 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.05em;padding:3px 7px;border-radius:var(--wf-radius-sm);display:inline-block;white-space:nowrap;vertical-align:middle}
.role-human{background:var(--wf-soft);color:var(--wf-muted)}.role-ai{background:var(--wf-soft);color:var(--wf-muted)}
.wf-studio .journey-steps .stage-role{font-size:9px;margin-left:2px;padding:3px 5px}
.motion-landing .plan-stages,.wf-studio .plan-stages{display:flex;flex-direction:column;gap:0;margin:0 0 27px;flex:1;padding:0}
.plan-stages>div{border-top:1px solid var(--wf-rule);padding:17px 0}
.motion-landing .plan-stages dt,.wf-studio .plan-stages dt{font:500 var(--wf-text-base)/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;color:inherit;margin:0 0 var(--wf-space-2);display:flex;gap:7px;align-items:center}
.motion-landing .plan-stages dd,.wf-studio .plan-stages dd{font-size:var(--wf-text-base);line-height:1.6;margin:0;color:inherit;text-align:left}
.plan-stages dd small{display:block;font-size:var(--wf-text-sm);line-height:1.6;color:var(--wf-muted);margin-top:5px}
.public-plan.featured .plan-stages>div,.plan-featured .plan-stages>div{border-color:var(--wf-inverse-rule)}
.public-plan.featured .plan-stages dd small,.plan-featured .plan-stages dd small{color:var(--wf-inverse-muted)}
.public-plan.featured .role-human,.plan-featured .role-human{background:var(--wf-inverse);color:var(--wf-inverse-muted)}
.public-plan.featured .role-ai,.plan-featured .role-ai{background:var(--wf-inverse);color:var(--wf-inverse-muted)}
.motion-landing .pricing-details,.wf-studio .billing-explainer{grid-template-columns:repeat(3,minmax(0,1fr))}
.wf-studio .ai-usage-note{display:grid;grid-template-columns:auto 1fr;gap:var(--wf-space-3) 13px;align-items:start;padding:22px var(--wf-space-5);background:var(--wf-soft);border:1px solid var(--wf-rule);border-radius:7px;margin:0 0 27px}
.wf-studio .ai-usage-note p{font-size:var(--wf-text-base);line-height:1.75;color:var(--wf-muted);margin:0}
.wf-studio .ai-usage-note .stage-role{margin-top:3px}
.wf-studio .allowance-card .ai-usage-note{margin-top:23px;padding:18px;background:transparent}
html[data-theme=dark]{
  color-scheme:dark;
  --wf-base:#0b1118;--wf-secondary:#131e2b;
  --wf-paper:#0b1118;--wf-surface:#131e2b;--wf-soft:#182637;
  --wf-surface-hover:#182637;--wf-rule:#223347;--wf-border-hover:rgba(255,255,255,.16);
  --wf-ink:#f1f5f9;--wf-muted:#94a3b8;--wf-tertiary:#8798ae;--wf-decorative:#64748b;
  --wf-highlight:#a855f7;--wf-highlight-hover:#9333ea;--wf-highlight-ink:#ffffff;
  /* The requested electric violet is decorative; this deeper CTA shade gives
     white 12–14px labels AA contrast. No claim of AAA for every color pair. */
  --wf-action:#9333ea;--wf-action-hover:#7e22ce;--wf-accent-ink:#c084fc;--wf-focus:#c084fc;
  --wf-nav-tint:rgba(168,85,247,.12);--wf-nav-indicator:#c084fc;
  --wf-control-border:#536a84;
  --wf-inverse:#182637;--wf-inverse-ink:#f1f5f9;--wf-inverse-muted:#94a3b8;--wf-inverse-rule:#223347;
  --wf-sidebar:#101a26;--wf-sidebar-ink:#f1f5f9;--wf-sidebar-muted:#94a3b8;--wf-sidebar-hover:#182637;
  --wf-forest:#182637;--wf-sage:#182637;--wf-orange:#c084fc;--wf-blue:#9fc2e7;
  --wf-media:#080e15;--wf-media-ink:#f1f5f9;--wf-media-rule:#536a84;
  --wf-card-shadow:0 2px 6px rgba(0,0,0,.14);
  --wf-shadow:#080e15;--wf-glow:#f1f5f9}
.credit-rules{padding:22px 25px;margin:0 0 28px;border:1px solid var(--wf-rule);border-radius:7px;background:var(--wf-soft)}
.credit-rules>div{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 28px}
.credit-rules>div>span{display:flex;align-items:center;gap:9px;font-size:var(--wf-text-reading);line-height:1.6}
.credit-rules b{font-weight:600;margin-left:var(--wf-space-2)}
.credit-rules>p{margin:var(--wf-space-4) 0 0;font-size:var(--wf-text-base);line-height:1.7;color:var(--wf-muted)}
.plan-credit-count{font-size:var(--wf-text-md);line-height:1.5;padding:21px 0;border-block:1px solid var(--wf-rule);margin-bottom:18px}
.plan-credit-count>b{font-size:38px;letter-spacing:-1px;font-weight:500;margin-right:5px}
.motion-landing .public-plan>.plan-example,.wf-studio .plan-card>.plan-example{font-size:var(--wf-text-base);line-height:1.75;min-height:0;margin:0 0 26px;color:var(--wf-muted)}
.motion-landing .public-plan>.button{margin-top:auto}
.motion-landing .credit-reset,.wf-studio .credit-reset{font-size:var(--wf-text-base);line-height:1.8;color:var(--wf-muted);margin:25px 0}
.plan-revision-note{font-size:var(--wf-text-control);line-height:1.7;margin:0 0 var(--wf-space-5);color:var(--wf-muted)}
.motion-landing .public-plan.featured>.plan-example,.wf-studio .plan-featured>.plan-example,.wf-studio .plan-featured>.plan-revision-note{color:var(--wf-inverse-muted)}
@media(max-width:650px){.credit-rules{padding:19px}.credit-rules>div{align-items:flex-start;flex-direction:column;gap:14px}.credit-rules>div>span{font-size:var(--wf-text-base)}.credit-rules>p{font-size:var(--wf-text-control)}.plan-credit-count>b{font-size:34px}}


/* Semantic materials. Navigation geometry remains owned by navigation.css. */
html[data-theme] body{background:var(--wf-paper);color:var(--wf-ink)}
html[data-theme] body.wf-studio{--bg:var(--wf-paper);--panel:var(--wf-surface);--panel2:var(--wf-soft);--line:var(--wf-rule);--text:var(--wf-ink);--muted:var(--wf-muted);--accent:var(--wf-accent-ink);--mint:var(--wf-accent-ink);--wf-coral:var(--wf-highlight)}
html[data-theme=dark] body.wf-studio{color-scheme:dark}
html[data-theme] ::selection{background:var(--wf-action);color:var(--wf-highlight-ink)}
html[data-theme] .skip{background:var(--wf-action);color:var(--wf-highlight-ink)}
html[data-theme] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--wf-focus);outline-offset:2px}
.wf-studio .app-shell{background:var(--wf-paper)}
.wf-studio :is(.topbar,.brief-actionbar,footer){background:var(--wf-paper);border-color:var(--wf-rule)}
.wf-studio :is(.breadcrumb>a,.page-heading p,.section-kicker,.eyebrow,.field-help,.project-library-heading p,.film-card-body>p,.film-card-foot>span,.inspiration-body>p,.brief-preview-body>p,.editor-section-heading p,.editor-details summary small,.field-guide-card p,.structure-body>p,.structure-runtime,.billing-explainer p,.billing-history>p,.receipt-list span,.receipt-list small,.checkout-order>p,.checkout-result>p,.service-note,.reference-source-notes,.ai-usage-note p){color:var(--wf-muted)}

/* Persistent navigation uses a tint and an edge marker, never a CTA fill. */
.wf-studio .sidebar{background:var(--wf-sidebar);color:var(--wf-sidebar-ink);--text:var(--wf-sidebar-ink);--muted:var(--wf-sidebar-muted);--line:var(--wf-rule)}
.wf-studio .sidebar :is(.brand,.workspace,.credit-balance,.credit-balance b,.sidebar-bottom .text-button){color:var(--wf-sidebar-ink)}
.wf-studio .sidebar :is(.brand-sub,.nav-section-label,.workspace small,.sidebar-home,.credit-balance small,.credit-balance .section-kicker){color:var(--wf-sidebar-muted)}
.wf-studio .sidebar :is(.workspace,.nav-support,.sidebar-bottom,.credit-balance){border-color:var(--wf-rule)}
.wf-studio .workspace{background:transparent}
.wf-studio .workspace-avatar{background:var(--wf-surface);color:var(--wf-ink)}
.wf-studio .nav-item{position:relative;color:var(--wf-sidebar-muted);background:transparent}
.wf-studio .nav-item svg{color:inherit;background:transparent}
.wf-studio .nav-item:hover{background:var(--wf-sidebar-hover);color:var(--wf-sidebar-ink)}
.wf-studio .nav-item.active,.wf-studio .nav-support .nav-item.active{background:var(--wf-nav-tint);color:var(--wf-ink)}
.wf-studio .nav-item.active svg{color:var(--wf-ink);background:transparent}
.wf-studio .nav-item.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--wf-nav-indicator)}
.wf-studio .nav-active-dot{display:none}

/* Only creation triggers use a solid accent. Editing/checkout tools stay quiet. */
.wf-studio :is(.button.primary,.button.secondary){background:var(--wf-surface);border:1px solid var(--wf-control-border);color:var(--wf-ink);box-shadow:none}
.wf-studio :is(.button.primary,.button.secondary):hover{background:var(--wf-surface-hover);border-color:var(--wf-accent-ink);color:var(--wf-ink)}
.wf-studio :is(.sidebar-create,.creation-action,#quick-idea-form .button){background:var(--wf-action);border-color:var(--wf-action);color:var(--wf-highlight-ink);box-shadow:none}
.wf-studio :is(.sidebar-create,.creation-action,#quick-idea-form .button):hover{background:var(--wf-action-hover);border-color:var(--wf-action-hover);color:var(--wf-highlight-ink)}
.wf-studio :is(.look-preset,.option-card){background:var(--wf-surface);color:var(--wf-ink);border-color:var(--wf-control-border)}
.wf-studio :is(.look-preset[aria-pressed=true],.option-card.selected){background:var(--wf-nav-tint);border-color:var(--wf-accent-ink);color:var(--wf-ink)}
.wf-studio :is(input,select,textarea,#quick-idea):not(.project-search){background:var(--wf-surface);border-color:var(--wf-control-border);color:var(--wf-ink)}
.wf-studio :is(input,textarea)::placeholder{color:var(--wf-tertiary);opacity:1}
.wf-studio .project-search-wrap{border-color:var(--wf-control-border)}
.wf-studio .project-search-wrap:focus-within{outline:2px solid var(--wf-focus);outline-offset:2px}
.wf-studio .project-search-wrap .project-search{background:transparent;border:0;box-shadow:none;color:inherit}
.wf-studio .project-search-wrap .project-search:focus-visible{outline:none}
.wf-studio .context-tabs>a[aria-current=page]{border-color:var(--wf-control-border);color:var(--wf-ink)}
.wf-studio :is(.project-filters,.subject-chips){padding:5px;border:1px solid var(--wf-rule);border-radius:var(--wf-radius-lg);background:var(--wf-surface);width:fit-content;max-width:100%}
.wf-studio :is(.project-filters button,.subject-chips button){min-height:36px;border-color:transparent;color:var(--wf-muted);background:transparent}
.wf-studio :is(.project-filters [aria-pressed=true],.subject-chips [aria-pressed=true]){border-color:var(--wf-control-border);background:var(--wf-nav-tint);color:var(--wf-ink)}

/* Flat, explicit surface steps. Light mode adds a gentle ambient shadow. */
.wf-studio :is(.panel,.film-card,.inspiration-card,.field-guide-card,.structure-card,.brief-preview,.checkout-payment,.checkout-result,.studio-launch,.first-project,.billing-current,.checkout-order,.inspiration-intro,.ai-usage-note,.credit-rules,dialog,.review-document,.document,.connect-dialog,.new-film-tile,.starter-tile){border:1px solid var(--wf-rule);background:var(--wf-surface);color:var(--wf-ink);box-shadow:var(--wf-card-shadow)}
.wf-studio :is(.film-card,.inspiration-card,.field-guide-card,.structure-card,.starter-tile){transition:background var(--wf-motion-fast) ease,border-color var(--wf-motion-fast) ease,transform var(--wf-motion-fast) ease,box-shadow var(--wf-motion-fast) ease}
.wf-studio :is(.film-card,.inspiration-card,.field-guide-card,.structure-card,.starter-tile):hover{background:var(--wf-surface-hover);border-color:var(--wf-border-hover);transform:translateY(-2px);box-shadow:var(--wf-card-shadow)}
.wf-studio :is(.brief-section,.editor-details,.shot-editor,.export-links,.receipt-list,.receipt-list>article,.brief-promise,.brief-preview-body dl,.film-card-foot,.context-tabs,.production-summary,.production-steps,.project-journey,.order-total,.checkout-result dl>div){border-color:var(--wf-rule)}
.wf-studio :is(.count,.film-duration,.project-status,.quiet-tag,.tag,.soft-pill,.role-human,.role-ai,.brief-promise,.beat-ribbon>span,.notice,.friendly-collection,.api-availability,.optional-tools.proof-tools,.editorial-summary,.checkout-mode-note,.reference-source-notes,.connection-unavailable,.personalize-note){background:var(--wf-soft);color:var(--wf-ink);border-color:var(--wf-rule)}
.wf-studio :is(.cover-0,.cover-1,.cover-2,.cover-3,.guide-motion,.guide-food,.guide-design,.guide-place,.field-guide-art,.brief-preview-cover,.empty-film-stack>span){background:var(--wf-soft);color:var(--wf-accent-ink)}
.wf-studio :is(.starter-tile small,.brief-preview-body dt,.brief-promise>span){color:var(--wf-muted)}
.wf-studio .film-cover-label{background:var(--wf-surface);color:var(--wf-ink)}
.wf-studio :is(.launch-copy h2 em,.auth-art h1 em,.inspiration-intro-art,.field-guide-intro h2 em,#checkout-error){color:var(--wf-accent-ink)}
.wf-studio .inspiration-intro p{color:var(--wf-muted)}
.wf-studio :is(.board-image,.board-image svg,.direction-gallery img,.job-media video,video){background:var(--wf-media)}
.wf-studio :is(.video-table thead,.chart-foot,.table-scroll){background:var(--wf-soft);color:var(--wf-ink)}
.wf-studio .board-image{color:var(--wf-media-ink)}
.wf-studio .receipt-symbol{background:var(--wf-nav-tint);color:var(--wf-accent-ink)}
.wf-studio .launch-sticker{background:var(--wf-media);border:1px solid var(--wf-media-rule);color:var(--wf-media-ink)}
.wf-studio .launch-caption :is(span,b,small){color:var(--wf-media-ink);text-shadow:none}
.wf-studio .look-cinematic>span{color:var(--wf-inverse-ink)}
.wf-studio .look-graphic>span{color:var(--wf-ink)}
.wf-studio .audio-envelope path{stroke:var(--wf-rule)}
.wf-studio .audio-envelope polyline{stroke:var(--wf-accent-ink)}

/* Shared public-page colors follow the same semantic palette. */
html[data-theme] :is(.wf-studio .plan-card.plan-featured,.motion-landing .public-plan.featured,.motion-landing .perspective){background:var(--wf-inverse);color:var(--wf-inverse-ink);border-color:var(--wf-inverse-rule)}
:is(.plan-featured,.public-plan.featured,.perspective){--muted:var(--wf-inverse-muted);--rule:var(--wf-inverse-rule)}
html[data-theme] :is(.wf-studio .plan-featured,.motion-landing .public-plan.featured) :is(p,.plan-example,.plan-revision-note,.plan-stages dd small){color:var(--wf-inverse-muted)}
html[data-theme] .wf-studio .plan-card.plan-featured .button{background:var(--wf-surface);border-color:var(--wf-control-border);color:var(--wf-ink)}
html[data-theme] .motion-landing .button{color:var(--wf-ink);border-color:var(--wf-control-border)}
html[data-theme] .motion-landing :is(.button.dark,.public-plan.featured .button){background:var(--wf-action);color:var(--wf-highlight-ink);border-color:var(--wf-action)}
html[data-theme] .motion-landing :is(.button.dark,.public-plan.featured .button):hover{background:var(--wf-action-hover);color:var(--wf-highlight-ink);border-color:var(--wf-action-hover)}
html[data-theme] .motion-landing :is(.hero h1 em,.hero-world figcaption strong,.closing h2 em,.pencil-note){color:var(--wf-accent-ink)}
html[data-theme] .motion-landing .principle-strip{background:var(--wf-secondary);color:var(--wf-ink);border-color:var(--wf-rule)}
html[data-theme] .motion-landing .motion-tag{background:var(--wf-action);color:var(--wf-highlight-ink)}
html[data-theme] .motion-landing .perspective :is(.eyebrow,.perspective-intro,.perspective-notes p,.note-index){color:var(--wf-inverse-muted)}
html[data-theme] .motion-landing .closing-scribble{color:var(--wf-soft)}
html[data-theme=dark] .wf-mark{filter:brightness(0) invert(1)}
html[data-theme=dark] .theme-switch[aria-checked=true] .theme-dark{color:var(--wf-accent-ink)}
html[data-theme=dark] .theme-switch:before{background:var(--wf-paper)}
html[data-theme=dark] .motion-landing :is(.hero-description,.art-topline,.eyebrow,.hero-world figcaption small,.studio-note,.section-heading>p:last-child,.step-copy,.step-number,.step-label,.demo-kind,.demo-count,.demo-footnote,.film-caption p,.pricing-details p,.faq details p,.site-footer>span,.site-footer small){color:var(--wf-muted)}
html[data-theme=dark] .motion-landing :is(.site-header,.step,.closing,.site-footer,.faq-list,details,.brief-rule,.demo-bar,.demo-status,.perspective-notes article){border-color:var(--wf-rule)}
html[data-theme=dark] .motion-landing :is(.concept-demo,.public-plan,.pricing-test-note){background:var(--wf-surface);border-color:var(--wf-rule);color:var(--wf-ink)}
html[data-theme=dark] .motion-landing .public-plan.featured{background:var(--wf-inverse)}
html[data-theme=dark] .motion-landing .public-plan>p{color:var(--wf-muted)}
html[data-theme=dark] .motion-landing .paper-brief{background:var(--wf-soft);border-color:var(--wf-rule)}
html[data-theme=dark] .motion-landing .paper-brief dt{color:var(--wf-muted)}
html[data-theme=dark] .motion-landing .motion-frame{background:var(--wf-media);box-shadow:16px 20px 0 var(--wf-shadow)}

@media(max-width:1100px){.header-actions{gap:var(--wf-space-4)}.theme-choice{min-width:62px;padding-inline:var(--wf-space-2)}.theme-switch{font-size:var(--wf-text-xs)}}
@media(max-width:760px){.header-actions,.auth-home-actions{gap:var(--wf-space-3)}.header-actions .theme-choice{min-width:39px;padding:7px 10px}.header-actions .theme-choice>span{display:none}.header-actions .theme-choice svg{width:16px;height:16px}.wf-studio .top-actions{gap:10px}.wf-studio .top-actions .home-link,.wf-studio .auth-home-actions .home-link{display:none}.wf-studio .top-actions .theme-choice,.auth-home-actions .theme-choice{min-width:35px;padding:7px 9px}.wf-studio .top-actions .theme-choice>span,.auth-home-actions .theme-choice>span{display:none}.wf-studio .top-actions .platform-pill{display:none}.motion-landing .pricing-details,.wf-studio .billing-explainer{grid-template-columns:1fr}.wf-studio .journey-steps{gap:14px}.wf-studio .journey-steps .stage-role{font-size:8px}}
@media(max-width:500px){.motion-landing .site-header{gap:var(--wf-space-3)}.motion-landing .site-header .wordmark{font-size:var(--wf-text-lg);gap:7px;letter-spacing:-1px}.motion-landing .site-header .wf-mark{width:28px;height:28px}.header-actions{gap:10px}.motion-landing .nav-entry{font-size:var(--wf-text-sm);gap:var(--wf-space-2);white-space:nowrap}.header-actions .theme-choice{min-width:33px;padding:6px var(--wf-space-2)}}
@media(max-width:360px){.motion-landing .site-header .wordmark{font-size:0;gap:0}.motion-landing .site-header .wf-mark{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.theme-switch:before,.theme-choice{transition:none}.wf-studio :is(.film-card,.inspiration-card,.field-guide-card,.structure-card,.starter-tile):hover{transform:none}}
}

/* /navigation.css */
/* The only owner of studio navigation geometry.
   Desktop: 246px / compact desktop: 225px / drawer: up to 246px.
   The drawer breakpoint is 900px; there is no separate phone icon rail. */
@layer navigation {
 body.wf-studio{--sidebar:246px}
 .wf-studio .sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--sidebar);height:100dvh;padding:18px var(--wf-space-4);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
 .wf-studio .app-shell{margin-left:var(--sidebar);min-height:100dvh}
 .wf-studio .sidebar>.brand,.wf-studio .workspace,.wf-studio .sidebar-bottom{flex-shrink:0}
 .wf-studio .brand{display:flex;align-items:center;gap:10px;padding:0 var(--wf-space-2);font-size:21px;line-height:1;letter-spacing:-1px;margin-bottom:18px}
 .wf-studio .brand>span{display:block}
 .wf-studio .brand .wf-mark{width:31px;height:31px}
 .wf-studio .brand-sub{display:block;font:8px var(--wf-mono);letter-spacing:1.7px;margin-top:var(--wf-space-2)}
 .wf-studio .sidebar>.nav-label{display:none}
 .wf-studio #nav{flex:1 0 auto;overflow:visible}
 .wf-studio .sidebar-create{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:11px 14px;margin-bottom:14px;border-radius:var(--wf-radius-md);font-size:var(--wf-text-base);font-weight:600}
 .wf-studio .sidebar-create b{font-size:23px;line-height:.7;font-weight:400}
 .wf-studio .nav-section-label{padding:0 10px var(--wf-space-2);font:9px var(--wf-mono);letter-spacing:1.7px}
 .wf-studio .nav-primary{margin:0}
 .wf-studio .nav-item{display:flex;align-items:center;gap:13px;height:44px;padding:10px;margin-bottom:2px;border-radius:var(--wf-radius-md);font-size:var(--wf-text-base);line-height:1.4;font-weight:400}
 .wf-studio .nav-item.active{font-weight:600}
 .wf-studio .nav-item svg{width:19px;height:19px;opacity:.85}
 .wf-studio .nav-item.active svg{opacity:1}
 .wf-studio .nav-active-dot{height:6px;width:6px;flex:none;border-radius:50%;margin-left:auto}
 .wf-studio .nav-support{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px;border-top:1px solid var(--line);margin-top:var(--wf-space-3);padding-top:var(--wf-space-3)}
 .wf-studio .nav-support .nav-section-label{display:none}
 .wf-studio .nav-support .nav-item{height:auto;min-height:44px;margin:0;padding:7px;font-size:var(--wf-text-sm);line-height:1.35}
 .wf-studio .nav-support .nav-item svg,.wf-studio .nav-support .nav-active-dot{display:none}
 .wf-studio .workspace{display:flex;align-items:center;gap:10px;margin:var(--wf-space-4) 0 0;padding:var(--wf-space-4) 0;border:0;border-top:1px solid var(--line);font-size:var(--wf-text-sm);background:transparent}
 .wf-studio .workspace>div{min-width:0;flex:1}
 .wf-studio .workspace strong{display:block;font-size:var(--wf-text-sm);font-weight:600;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .wf-studio .workspace-avatar{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font:600 11px var(--wf-sans);letter-spacing:.03em;border:1px solid var(--line)}
 .wf-studio .workspace small{display:block;font-size:var(--wf-text-xs);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .wf-studio .workspace>.dot{margin-left:auto}
 .wf-studio .sidebar-bottom{display:flex;flex-direction:column;gap:var(--wf-space-2);margin-top:auto;padding:0;border:0}
 .wf-studio .sidebar-bottom .credit-balance{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;padding:15px 16px;margin:0;border:1px solid var(--line);border-radius:var(--wf-radius-lg);background:var(--wf-sidebar-hover)}
 .wf-studio .credit-balance .section-kicker{display:block;width:auto;font-size:9px;letter-spacing:1.2px;line-height:1.5}
 .wf-studio .credit-amount{display:flex;align-items:baseline;gap:7px;line-height:1.3}
 .wf-studio .credit-balance b{font-size:23px;line-height:1.3;letter-spacing:-.6px;white-space:nowrap;font-weight:600}
 .wf-studio .credit-amount>span{font-size:var(--wf-text-sm);color:var(--wf-sidebar-muted)}
 .wf-studio .credit-amount .credit-infinity{font-size:21px;line-height:1;align-self:center;margin-left:auto}
 .wf-studio .credit-balance small{font-size:var(--wf-text-xs);line-height:1.5;margin:0}
 .wf-studio .credit-plan-link{display:flex;justify-content:space-between;align-items:center;min-height:38px;border-top:1px solid var(--line);padding-top:8px;margin-top:5px;font-size:var(--wf-text-sm);line-height:1.5;text-decoration:none;color:var(--wf-sidebar-ink)}
 .wf-studio .credit-plan-link:hover{color:var(--wf-sidebar-ink);text-decoration:underline;text-underline-offset:4px}
 .wf-studio .workspace-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
 .wf-studio .sidebar-bottom .text-button,.wf-studio .sidebar-home{min-height:44px;display:flex;align-items:center;gap:8px;padding:var(--wf-space-2);margin:0;font-size:var(--wf-text-sm);line-height:1.4;text-align:left;border-radius:var(--wf-radius-md)}
 .wf-studio .sidebar-bottom .text-button:hover,.wf-studio .sidebar-home:hover{background:var(--wf-sidebar-hover);color:var(--wf-sidebar-ink)}
 .wf-studio .sidebar-home{justify-content:space-between;border-top:1px solid var(--line);border-radius:0;padding-top:14px}
 .wf-studio .mobile-menu,#nav-backdrop{display:none}
 @media(max-width:1250px) and (min-width:901px){body.wf-studio{--sidebar:225px}.wf-studio .sidebar{padding-inline:13px}}
 @media(max-width:900px){
  body.wf-studio{--sidebar:246px}
  .wf-studio .sidebar{min-width:0;max-width:calc(100vw - 32px);transform:translateX(-100%);transition:transform var(--wf-motion-normal) var(--wf-ease)}
  .wf-studio .app-shell{margin-left:0}
  .wf-studio .mobile-menu{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}
  .wf-studio.nav-open{overflow:hidden}
  .wf-studio.nav-open .sidebar{transform:translateX(0)}
  .wf-studio.nav-open #nav-backdrop{display:block;position:fixed;inset:0;z-index:29;background:color-mix(in srgb,var(--wf-media) 65%,transparent)}
 }
 @media(max-height:700px){
  .wf-studio .sidebar{padding-block:14px}
  .wf-studio .brand{margin-bottom:14px}
  .wf-studio #nav>.nav-section-label{display:none}
  .wf-studio .nav-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px var(--wf-space-1)}
  .wf-studio .nav-primary .nav-item{height:auto;min-height:44px;margin:0;padding:var(--wf-space-2) 6px;font-size:var(--wf-text-sm);gap:7px;line-height:1.35}
  .wf-studio .nav-primary .nav-item svg{width:16px;height:16px}
  .wf-studio .nav-primary .nav-active-dot{display:none}
  .wf-studio .nav-support,.wf-studio .workspace{margin-top:var(--wf-space-2);padding-top:var(--wf-space-2)}
  .wf-studio .workspace{padding-bottom:var(--wf-space-2)}
  .wf-studio .sidebar-bottom{gap:0}
  .wf-studio .sidebar-bottom .credit-balance{padding:10px 12px;gap:2px}
  .wf-studio .credit-balance b{font-size:20px}
  .wf-studio .credit-plan-link{min-height:32px;padding-top:4px;margin-top:3px}
 }
 @media(max-height:500px) and (max-width:900px) and (min-width:500px){
  .wf-studio .sidebar{width:min(560px,calc(100vw - 48px));max-width:none;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;gap:10px 20px;align-content:start;align-items:start}
  .wf-studio .brand{grid-column:1/-1;margin-bottom:0}
  .wf-studio #nav{grid-column:1;grid-row:2/4}
  .wf-studio .workspace{grid-column:2;grid-row:2;margin:0;padding-top:0;border:0}
  .wf-studio .sidebar-bottom{grid-column:2;grid-row:3;padding-top:0}
 }
}

/* /brand/legal.css */
@layer components {
 .legal-page{margin:0;background:var(--wf-paper);color:var(--wf-ink);font:16px/1.7 var(--wf-sans)}
 .legal-page *{box-sizing:border-box}.legal-page a{color:var(--wf-accent-ink);text-underline-offset:3px}
 .legal-header, .legal-page main, .legal-page footer{width:min(100% - 40px,900px);margin:auto}
 .legal-header{display:flex;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--wf-rule);flex-wrap:wrap}
 .legal-header .wf-wordmark{margin-right:auto;color:var(--wf-ink);text-decoration:none;font-size:24px}
 .legal-page main{padding:40px 0}.legal-page h1{font-size:clamp(30px,6vw,46px);line-height:1.15;letter-spacing:-1.2px;margin:12px 0 24px}
 .legal-page h2{font-size:22px;line-height:1.4;margin:32px 0 12px}.legal-page p{margin:12px 0}
 .legal-version{color:var(--wf-muted)}.legal-status{padding:16px;border:1px solid var(--wf-rule);border-radius:8px;background:var(--wf-soft)}
 .legal-page table{width:100%;border-collapse:collapse;table-layout:fixed;overflow-wrap:anywhere;font-size:14px}.legal-page caption{text-align:left;font-weight:600;margin:16px 0}
 .legal-page th,.legal-page td{border:1px solid var(--wf-rule);padding:12px;text-align:left;vertical-align:top}
 .legal-page dt{font-weight:600;margin-top:18px}.legal-page dd{margin:4px 0;white-space:pre-line;overflow-wrap:anywhere}
 .legal-page footer{border-top:1px solid var(--wf-rule);padding:24px 0 40px}.legal-page nav{display:flex;flex-wrap:wrap;gap:12px 24px}
 .legal-page a:focus-visible,.legal-page button:focus-visible{outline:2px solid var(--wf-accent-ink);outline-offset:4px}
 .legal-skip{position:absolute;top:-100px;left:20px;background:var(--wf-surface);padding:12px}.legal-skip:focus{top:8px}
 .policy-consent{display:flex;gap:10px;align-items:flex-start;font-size:var(--wf-text-sm);line-height:1.6;margin:16px 0}.policy-consent input{width:18px;height:18px;flex:none;margin:2px 0;min-height:0!important}
 .legal-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;font-size:var(--wf-text-sm)}.legal-links a,.policy-consent a{text-decoration:underline;text-underline-offset:3px}
 .privacy-request-list{padding-left:20px}.privacy-request-list li{margin:12px 0}.privacy-request-list code{overflow-wrap:anywhere}
}

/* /capabilities.css */
@layer surfaces {
 .private-reference-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1rem 0}
 .private-reference{margin:0;min-width:0;border:1px solid var(--line,#ddd);border-radius:12px;padding:12px}
 .private-reference img,.private-reference video{width:100%;height:180px;object-fit:contain;border-radius:8px;background:#171b1b}
 .private-reference figcaption{overflow-wrap:anywhere;margin:.6rem 0}
 .narration-panel{margin-block:1rem}.narration-panel summary{cursor:pointer;font-weight:700}
 .voice-track audio{width:100%;margin-top:1rem}.automatic-ideas .inspiration-grid{margin-top:1.5rem}
 .automatic-ideas .inspiration-body{padding:1.25rem}
}

/* /wonder.css */
@layer atelier {
/* A studio with room to think. Geometry stays in navigation.css; colors stay semantic. */
.wf-studio{background:var(--wf-paper)}
.wf-studio .app-shell{background:radial-gradient(ellipse at 90% 0,color-mix(in srgb,var(--wf-accent-ink) 4%,transparent),transparent 36%),var(--wf-paper)}
.wf-studio main{max-width:1500px;margin-inline:auto;padding:44px clamp(24px,3.3vw,64px) 80px}
.wf-studio .topbar{background:color-mix(in srgb,var(--wf-paper) 94%,transparent);border-bottom:1px solid var(--wf-rule)}
.wf-studio .sidebar .wf-mark{filter:none}
html[data-theme=dark] .wf-studio .sidebar .wf-mark{filter:brightness(0) invert(1)}
.wf-studio .page-heading{margin-bottom:36px;gap:24px}
.wf-studio .page-heading h1{font:400 clamp(30px,3vw,44px)/1.12 var(--wf-serif);letter-spacing:-1.5px;max-width:850px}
.wf-studio .page-heading p{max-width:600px;font-size:14px;line-height:1.7}
.wf-studio .page-heading .eyebrow{font:10px/1.6 var(--wf-mono);letter-spacing:.12em;color:var(--wf-muted);margin-bottom:12px}
.wf-studio .section-kicker{font:10px/1.6 var(--wf-mono);letter-spacing:.13em}
.wf-studio h2{font-weight:500;text-wrap:balance}
.wf-studio .button{min-height:44px;border-radius:30px;padding:11px 21px;gap:12px}
.wf-studio .button.primary{background:var(--wf-action);border-color:var(--wf-action);color:var(--wf-highlight-ink);box-shadow:0 4px 14px color-mix(in srgb,var(--wf-accent-ink) 12%,transparent)}
.wf-studio .button.primary:hover{background:var(--wf-action-hover);border-color:var(--wf-action-hover);color:var(--wf-highlight-ink)}
.wf-studio .text-button{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--wf-accent-ink);text-underline-offset:5px}
.wf-studio :is(.button,.text-button,a){transition:color .2s,background .2s,box-shadow .2s,transform .2s}
.wf-studio .context-tabs{padding:0 0 12px;margin-bottom:36px;border:0;border-bottom:1px solid var(--wf-rule);border-radius:0;background:transparent;gap:8px;display:flex;flex-wrap:wrap;width:100%}
.wf-studio .context-tabs a{border:0;border-radius:24px;padding:12px 19px;background:transparent;color:var(--wf-muted);font-size:13px;min-height:44px}
.wf-studio .context-tabs a[aria-current=page]{background:var(--wf-ink);color:var(--wf-paper);box-shadow:none}
.wf-studio .context-tabs a:hover{background:var(--wf-soft);color:var(--wf-ink)}
.wf-studio .studio-footer{max-width:1500px;margin-inline:auto;padding:24px clamp(24px,3.3vw,64px);gap:20px;border-top:1px solid var(--wf-rule);background:transparent;font-size:11px}

/* The launch is a composition: an open writing desk and a window into another world. */
.wf-studio .studio-launch{border:0;border-radius:0;overflow:visible;background:transparent;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,64px);margin-bottom:64px;align-items:center;min-height:420px}
.wf-studio .launch-copy{padding:16px 0;max-width:600px}
.wf-studio .launch-copy h2{font:400 clamp(44px,4.4vw,68px)/1.02 var(--wf-sans);letter-spacing:-3px;margin:22px 0 30px}
.wf-studio .launch-copy h2 em{font-family:var(--wf-serif);letter-spacing:-2.5px}
.wf-studio #quick-idea-form{margin:0;background:var(--wf-surface);padding:22px;border:1px solid var(--wf-rule);border-radius:16px;box-shadow:0 12px 36px -24px color-mix(in srgb,var(--wf-shadow) 30%,transparent)}
.wf-studio #quick-idea-form label{font-size:13px;color:var(--wf-muted)}
.wf-studio #quick-idea{padding:14px 0;border:0;border-radius:0;background:transparent;font-size:16px;line-height:1.6;min-height:94px;resize:vertical}
.wf-studio #quick-idea:focus{outline:none;box-shadow:0 2px 0 var(--wf-accent-ink)}
.wf-studio #quick-idea-form>div{padding-top:12px;border-top:1px solid var(--wf-rule)}
.wf-studio #quick-idea-form>div>span{font-size:11px;max-width:120px}
.wf-studio .launch-visual{min-height:440px;aspect-ratio:1/1.05;border-radius:48% 48% 12px 12px / 40% 40% 12px 12px;transform:rotate(2deg);background:var(--wf-media);box-shadow:12px 12px 0 -4px var(--wf-paper),13px 13px 0 -4px var(--wf-rule)}
.wf-studio .launch-visual>img{border-radius:0;object-fit:cover}
.wf-studio .launch-visual:before{display:none}
.wf-studio .launch-visual:after{inset:50% 0 0;background:linear-gradient(transparent,#0b1118e0)}
.wf-studio .launch-caption{left:28px;bottom:28px;right:28px;background:transparent;border:0;padding:0;max-width:calc(100% - 56px);color:var(--wf-media-ink)}
.wf-studio .launch-caption>b{font:italic 34px/1.1 var(--wf-serif);margin-top:6px}
.wf-studio .launch-caption>small{color:#d5deea;font-size:10px}
.wf-studio .launch-sticker{right:24px;top:40%;border:1px solid #ffe0b0;border-radius:50%;width:76px;height:76px;display:grid;place-content:center;text-align:center;background:#f6d9a6;color:#34271b;font-size:11px;font-weight:600;transform:rotate(-10deg)}
.wf-studio .project-library-heading h2,.wf-studio .home-inspiration h2{font:400 30px/1.2 var(--wf-serif);letter-spacing:-.7px}
.wf-studio .project-board{margin-bottom:56px}
.wf-studio .first-project{border:0;border-block:1px solid var(--wf-rule);border-radius:0;padding:40px 0;background:transparent;min-height:280px}
.wf-studio .first-project h3{font:400 36px/1.05 var(--wf-serif);letter-spacing:-1px}
.wf-studio .empty-film-stack{transform:rotate(-5deg);max-width:300px}
.wf-studio .film-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:28px}
.wf-studio .film-card{border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.wf-studio .film-card:hover{box-shadow:none;transform:translateY(-4px)}
.wf-studio .film-cover{border-radius:12px;box-shadow:0 8px 22px -16px var(--wf-shadow)}
.wf-studio .cover-0{background:color-mix(in srgb,var(--wf-accent-ink) 7%,var(--wf-surface));color:var(--wf-accent-ink)}
.wf-studio .cover-1{background:color-mix(in srgb,var(--wf-blue) 12%,var(--wf-surface));color:var(--wf-blue)}
.wf-studio .cover-2{background:color-mix(in srgb,var(--wf-accent-ink) 12%,var(--wf-surface));color:var(--wf-accent-ink)}
.wf-studio .cover-3{background:var(--wf-secondary);color:var(--wf-muted)}
.wf-studio .film-card-body{padding:18px 0 0}
.wf-studio .film-card h3{font:400 24px/1.2 var(--wf-serif);letter-spacing:-.5px}
.wf-studio .film-card-foot{border:0;padding-top:12px}
.wf-studio .new-film-tile{border-radius:12px;border:1px dashed var(--wf-control-border);background:transparent;min-height:250px}
.wf-studio .starter-grid{gap:24px}
.wf-studio .starter-tile{border:0;border-top:1px solid var(--wf-rule);border-radius:0;background:transparent;padding:24px 0;box-shadow:none}
.wf-studio .starter-tile:hover{background:transparent;transform:translateY(-3px);box-shadow:none}
.wf-studio .starter-tile>div{background:color-mix(in srgb,var(--wf-accent-ink) 7%,var(--wf-paper));border-radius:50%;width:90px;height:90px}
.wf-studio .starter-tile b{font:400 22px/1.2 var(--wf-serif)}
.wf-studio .starter-tile small{font-size:12px;line-height:1.6}

/* Daily inspiration: one illustrated lead, then a readable editorial index. */
.wf-studio .daily-atelier{margin:12px 0 64px;border:0;border-block:1px solid var(--wf-rule);padding:40px 0 0;background:transparent;border-radius:0}
.wf-studio .daily-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px}
.wf-studio .daily-heading h2{font:400 clamp(38px,4vw,58px)/1.02 var(--wf-sans);letter-spacing:-2px;margin:18px 0 0}
.wf-studio .daily-heading em{font:italic 1.15em/.95 var(--wf-serif);color:var(--wf-accent-ink)}
.wf-studio .daily-heading>div:last-child{max-width:320px;padding-bottom:5px}
.wf-studio .daily-heading p{font-size:14px;line-height:1.7;color:var(--wf-muted);margin:0 0 16px}
.wf-studio .daily-count{font:11px/1.6 var(--wf-mono);color:var(--wf-muted)}
.wf-studio .daily-compact-heading h2{font:400 30px/1.15 var(--wf-serif);letter-spacing:-.7px;margin:12px 0 0}
.wf-studio .daily-compact-heading>.daily-count{padding-bottom:4px}
.wf-studio .daily-selection{display:grid;grid-template-columns:1.05fr 1fr;column-gap:44px}
.wf-studio .daily-spark{position:relative;display:flex;align-items:flex-start;gap:18px;padding:24px 0;border-bottom:1px solid var(--wf-rule);min-width:0}
.wf-studio .spark-index{font:italic 24px/1 var(--wf-serif);color:var(--wf-accent-ink);min-width:28px;padding-top:4px}
.wf-studio .spark-copy{flex:1;min-width:0}
.wf-studio .spark-format{display:block;font:10px/1.6 var(--wf-mono);color:var(--wf-muted);margin-bottom:12px}
.wf-studio .spark-copy h3{font:400 23px/1.2 var(--wf-serif);letter-spacing:-.5px;margin:0 0 12px;max-width:500px}
.wf-studio .spark-copy>p{font-size:13px;line-height:1.75;color:var(--wf-muted);margin:0 0 8px;max-width:500px}
.wf-studio .spark-featured{grid-row:span 3;display:flex;flex-direction:column;padding:0 0 28px;border:0;gap:22px}
.wf-studio .spark-featured>.spark-index{position:absolute;top:20px;left:22px;z-index:1;color:var(--wf-accent-ink)}
.wf-studio .spark-art{position:relative;display:grid;place-items:center;width:100%;height:260px;overflow:hidden;border-radius:150px 150px 10px 10px;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--wf-highlight) 15%,transparent),transparent 64%),var(--wf-soft);color:var(--wf-accent-ink)}
.wf-studio .spark-art .subject-art{width:80%;height:100%;max-width:300px;transform:rotate(-7deg)}
.wf-studio .spark-art>span{position:absolute;bottom:22px;font:9px/1.5 var(--wf-mono);letter-spacing:.18em;color:var(--wf-muted)}
.wf-studio .spark-featured h3{font-size:30px;line-height:1.1;max-width:420px}
.wf-studio .spark-context summary{font-size:11px;color:var(--wf-muted);cursor:pointer;padding:6px 0;width:fit-content}
.wf-studio .spark-context p{font-size:12px;line-height:1.7;color:var(--wf-muted);margin:6px 0 10px}
.wf-studio .spark-copy>.text-button{font-size:12px;margin-top:8px}
.wf-studio .more-sparks{margin-top:24px;border-top:1px solid var(--wf-rule)}
.wf-studio .more-sparks>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:24px 0;font:400 24px/1.2 var(--wf-serif)}
.wf-studio .more-sparks>summary>span{font:12px/1.5 var(--wf-mono);color:var(--wf-muted);display:flex;align-items:center;gap:20px}
.wf-studio .more-sparks[open]>summary>span>span{transform:rotate(45deg)}
.wf-studio .daily-overflow{display:grid;grid-template-columns:1fr 1fr;column-gap:44px}
.wf-studio .daily-note{padding:16px 0;border-top:1px solid var(--wf-rule);font-size:11px;color:var(--wf-muted)}
.wf-studio .daily-note summary{cursor:pointer;min-height:24px;width:fit-content}
.wf-studio .daily-note p{line-height:1.8;max-width:760px;margin:10px 0}
.wf-studio .daily-invitation{padding:32px 0;border-block:1px solid var(--wf-rule);margin-bottom:40px}
.wf-studio .daily-invitation h2{font:400 30px/1.2 var(--wf-serif);margin:14px 0}
.wf-studio .inspiration-intro{border:0;background:transparent;padding:0 0 24px;min-height:0;box-shadow:none;align-items:center;gap:24px}
.wf-studio .inspiration-intro h2{font:400 34px/1.1 var(--wf-serif);letter-spacing:-.8px;margin:14px 0}
.wf-studio .inspiration-intro-art{width:150px;height:150px;flex:0 0 150px;background:transparent}
.wf-studio .inspiration-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:28px}
.wf-studio .inspiration-card{border:0;background:transparent;border-radius:0;box-shadow:none}
.wf-studio .inspiration-art{border-radius:10px;overflow:hidden}
.wf-studio .inspiration-body{padding:22px 0}
.wf-studio .inspiration-body h2{font:400 25px/1.15 var(--wf-serif)}
.wf-studio .structure-grid{gap:32px}
.wf-studio .structure-card{border:0;background:transparent;box-shadow:none}
.wf-studio .structure-art{border-radius:120px 120px 8px 8px;overflow:hidden}
.wf-studio .structure-body{padding:24px 0}
.wf-studio .structure-body h2{font:400 27px/1.15 var(--wf-serif)}

/* Scenario lab: a changed skyline and a four-beat line, followed by compact evidence. */
.wf-studio .whatif-hero{border:0;border-radius:0;background:transparent;box-shadow:none;padding:12px 0 0;display:grid;grid-template-columns:1.1fr .9fr;gap:24px 48px;margin-bottom:48px;align-items:center}
.wf-studio .whatif-hero h2{font:400 clamp(36px,4vw,58px)/1.04 var(--wf-serif);letter-spacing:-1.9px;margin:18px 0 22px}
.wf-studio .whatif-hero>div:first-child>p{max-width:510px;font-size:14px;line-height:1.8;color:var(--wf-muted);margin-bottom:24px}
.wf-studio .scenario-window{aspect-ratio:1.3;min-width:0;display:grid;place-items:center;align-content:center;border:1px solid var(--wf-rule);border-radius:50% 50% 4px 4px / 42% 42% 4px 4px;color:var(--wf-accent-ink);background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--wf-highlight) 10%,transparent),transparent 70%)}
.wf-studio .scenario-window svg{width:100%;height:auto;aspect-ratio:500/330;max-height:300px;padding:16px 10px 0}
.wf-studio .scenario-window>span{font:9px/1.6 var(--wf-mono);letter-spacing:.15em;color:var(--wf-muted);padding-bottom:24px}
.wf-studio .whatif-event{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px 24px;border:0;border-top:1px solid var(--wf-rule);padding:24px 0 0;margin-top:16px}
.wf-studio .whatif-event b{font:11px/1.5 var(--wf-mono);color:var(--wf-accent-ink);grid-row:1}
.wf-studio .whatif-event span{font-size:13px;color:var(--wf-muted);grid-row:2;line-height:1.7}
.wf-studio .scenario-references{margin:48px 0;border-block:1px solid var(--wf-rule);padding:32px 0}
.wf-studio .scenario-references>h2{font:400 30px/1.2 var(--wf-serif);margin:14px 0 22px;letter-spacing:-.7px}
.wf-studio .reference-filters{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 24px}
.wf-studio .reference-filters a{font-size:11px;padding:5px 0;background:transparent;border:0;min-height:32px}
.wf-studio .reference-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.wf-studio .library-film{min-width:0;border:0;background:transparent;box-shadow:none;overflow:hidden;border-radius:0}
.wf-studio .library-frame{display:block;position:relative;width:100%;aspect-ratio:16/11;padding:12px 12px 28px;background:var(--wf-media);border:0;border-radius:8px;overflow:hidden;color:var(--wf-media-ink)}
.wf-studio .library-frame img{width:100%;height:100%;object-fit:contain;display:block}
.wf-studio .library-frame>span{position:absolute;bottom:8px;left:12px;right:12px;font-size:10px;text-align:left;background:transparent;color:var(--wf-media-ink)}
.wf-studio .library-film-body{padding:18px 0}
.wf-studio .library-film-body h3{font:400 23px/1.2 var(--wf-serif);margin:0 0 10px;letter-spacing:-.4px}
.wf-studio .library-film-body p{font-size:12px;line-height:1.75;color:var(--wf-muted)}
.wf-studio .library-film-body .button{font-size:11px;min-height:40px;padding:8px 14px}
.wf-studio main>.panel.brief-section{border:0;border-top:1px solid var(--wf-rule);border-radius:0;background:transparent;box-shadow:none;padding:32px 0;margin:32px 0}
.wf-studio .direction-beats{gap:28px}
.wf-studio .direction-beats>article{background:transparent;border:0;border-left:1px solid var(--wf-rule);border-radius:0;padding:0 0 0 20px}
.wf-studio .direction-beats h3{font:400 23px/1.2 var(--wf-serif);margin-bottom:12px}
.wf-studio .direction-beats p{font-size:13px;line-height:1.8;color:var(--wf-muted)}

/* Choose a pace first; exact allowances and billing terms stay close at hand. */
.wf-studio .billing-current{border:0;border-block:1px solid var(--wf-rule);border-radius:0;padding:24px 0;background:transparent;margin-bottom:0;box-shadow:none}
.wf-studio .billing-current h2{font:400 26px/1.2 var(--wf-serif);margin:10px 0}
.wf-studio .billing-current p{font-size:13px;line-height:1.6;color:var(--wf-muted)}
.wf-studio .billing-details{border-bottom:1px solid var(--wf-rule);padding:18px 0;margin-bottom:28px;font-size:13px;color:var(--wf-muted)}
.wf-studio .billing-details>summary{cursor:pointer;min-height:24px}
.wf-studio .billing-details>h3{color:var(--wf-ink);font-size:16px;margin-top:20px}
.wf-studio .billing-details p{font-size:12px;line-height:1.8}
.wf-studio .plan-grid{gap:24px;align-items:stretch;margin:32px 0 0}
.wf-studio .plan-card{border:1px solid var(--wf-rule);border-radius:16px;padding:28px;min-height:0;background:var(--wf-surface);box-shadow:none;display:flex;flex-direction:column}
.wf-studio .plan-card.plan-featured{background:color-mix(in srgb,var(--wf-highlight) 5%,var(--wf-surface));border:1px solid var(--wf-accent-ink);box-shadow:0 -4px 0 var(--wf-accent-ink)}
.wf-studio .plan-card h2{font:400 38px/1.1 var(--wf-serif);letter-spacing:-1px;margin:20px 0 12px}
.wf-studio .plan-card>p{font-size:12px;line-height:1.75;min-height:0;margin:10px 0}
.wf-studio .plan-card>p:first-of-type{min-height:44px;color:var(--wf-muted)}
.wf-studio .plan-price{font:400 40px/1.2 var(--wf-sans);letter-spacing:-2px;margin:20px 0}
.wf-studio .plan-price b{font-weight:400}
.wf-studio .plan-price>span{font-size:12px;letter-spacing:0;color:var(--wf-muted)}
.wf-studio .offer-promotion{padding:0;margin:12px 0 8px;border:0;border-radius:0;box-shadow:none;background:transparent}
.wf-studio .offer-badge{font:10px/1.5 var(--wf-mono);border-radius:0;padding:0;background:transparent;color:var(--wf-accent-ink);display:block;margin-bottom:12px}
.wf-studio .offer-standard{font-size:10px;line-height:1.6;color:var(--wf-muted)}
.wf-studio .offer-promotion .plan-price{margin:14px 0}
.wf-studio .offer-countdown{font-size:11px;line-height:1.6;margin-bottom:6px}
.wf-studio .offer-terms>summary{font-size:11px;color:var(--wf-muted);cursor:pointer;padding:8px 0}
.wf-studio .offer-terms p{font-size:11px;line-height:1.8}
.wf-studio .plan-credit-count{font-size:12px;line-height:1.8;padding:20px 0;border-block:1px solid var(--wf-rule);margin:20px 0 8px;min-height:88px}
.wf-studio .plan-credit-count b{font-size:27px;font-weight:400;letter-spacing:-1px;margin-right:4px}
.wf-studio .plan-card>.button{margin-top:auto;width:100%;font-size:12px}
.wf-studio .plan-card>p:last-of-type{margin-bottom:26px}
.wf-studio .plan-shared-features{font-size:12px;line-height:1.8;max-width:840px;color:var(--wf-muted);margin:24px 0 48px}
.wf-studio .packs-heading{border-top:1px solid var(--wf-rule);padding-top:32px}
.wf-studio .packs-heading h2{font:400 30px/1.2 var(--wf-serif);letter-spacing:-.7px;margin:12px 0}
.wf-studio .packs-heading p{font-size:13px;color:var(--wf-muted)}
.wf-studio .pack-grid{margin-top:24px;max-width:none}
.wf-studio .pack-grid .plan-card{padding:24px 28px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.wf-studio .pack-grid .plan-card>h2{grid-column:1;grid-row:2;margin:10px 0;font-size:30px}
.wf-studio .pack-grid .plan-card>.plan-price{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;margin:0;font-size:34px}
.wf-studio .pack-grid .plan-card>p,.wf-studio .pack-grid .plan-credit-count,.wf-studio .pack-grid .plan-card>.button{grid-column:1/-1}
.wf-studio .pack-grid .plan-card>p:first-of-type{min-height:0}
.wf-studio .billing-history{margin-top:48px;padding-top:28px;border-top:1px solid var(--wf-rule)}
.wf-studio .billing-history h2{font:400 26px/1.2 var(--wf-serif)}
.wf-studio .credit-reset{font-size:12px;line-height:1.85;max-width:960px;color:var(--wf-muted)}
.wf-studio .brief-main>.brief-section{border:0;border-top:1px solid var(--wf-rule);background:transparent;box-shadow:none;border-radius:0;padding:28px 0}
.wf-studio .brief-preview{border-radius:12px;overflow:hidden}
.wf-studio .brief-preview-cover{background:color-mix(in srgb,var(--wf-accent-ink) 8%,var(--wf-soft))}
.wf-studio .brief-preview-body h2{font:400 32px/1.15 var(--wf-serif)}
.wf-studio .board-card{box-shadow:none;border-radius:12px}
.wf-studio .board-card h3{font:400 24px/1.2 var(--wf-serif)}

@media(min-width:1800px){.wf-studio main{padding-top:54px}.wf-studio .studio-launch{gap:72px}.wf-studio .launch-visual{min-height:480px}}
@media(max-width:1200px){.wf-studio .plan-card{padding:24px 20px}.wf-studio .reference-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wf-studio .daily-selection,.wf-studio .daily-overflow{column-gap:28px}.wf-studio .launch-visual{min-height:380px}.wf-studio .launch-copy h2{font-size:48px}}
@media(max-width:1000px){.wf-studio .studio-launch{gap:28px}.wf-studio .launch-visual{min-height:340px}.wf-studio .launch-copy h2{font-size:42px;letter-spacing:-2px}.wf-studio .launch-caption>b{font-size:27px}.wf-studio .plan-grid{grid-template-columns:1fr}.wf-studio .plan-card{padding:28px}.wf-studio .plan-card>p:first-of-type{min-height:0}.wf-studio .plan-credit-count{min-height:0}.wf-studio .pack-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
 .wf-studio main{padding:28px 22px 56px}.wf-studio .page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:28px}.wf-studio .page-heading h1{font-size:32px;letter-spacing:-1px}.wf-studio .page-heading p{font-size:13px}.wf-studio .page-heading .heading-actions:empty{display:none}
 .wf-studio .context-tabs{gap:0;margin-bottom:28px;padding-bottom:12px}.wf-studio .context-tabs a{font-size:11px;padding:12px 14px}
 .wf-studio .studio-launch{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.wf-studio .launch-copy{padding:0}.wf-studio .launch-copy h2{font-size:48px;letter-spacing:-2px}.wf-studio .launch-visual{min-height:0;aspect-ratio:1.2;max-width:500px;width:100%;justify-self:center;transform:none}.wf-studio .launch-caption{left:24px;bottom:24px}.wf-studio .launch-caption>b{font-size:30px}.wf-studio .launch-sticker{top:30%;right:24px}
 .wf-studio #quick-idea-form{padding:18px}.wf-studio #quick-idea-form>div{gap:12px;flex-wrap:wrap}.wf-studio #quick-idea-form .button{font-size:12px}
 .wf-studio .project-library-heading{gap:16px;align-items:flex-start}.wf-studio .project-library-heading h2{font-size:27px}.wf-studio .film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.wf-studio .film-card h3{font-size:21px}.wf-studio .film-cover{aspect-ratio:4/3}.wf-studio .film-card-foot{flex-wrap:wrap;gap:8px}.wf-studio .new-film-tile{min-height:180px}.wf-studio .first-project{padding:28px 0}.wf-studio .empty-film-stack{max-width:190px}
 .wf-studio .starter-grid{grid-template-columns:1fr;gap:0}.wf-studio .starter-tile{padding:20px 0}.wf-studio .starter-tile>div{width:72px;height:72px}
 .wf-studio .daily-atelier{padding-top:28px;margin-bottom:40px}.wf-studio .daily-heading{display:block;margin-bottom:24px}.wf-studio .daily-heading h2{font-size:42px;margin-bottom:24px}.wf-studio .daily-heading>div:last-child{max-width:none}.wf-studio .daily-heading p{font-size:13px}.wf-studio .daily-selection{grid-template-columns:1fr}.wf-studio .spark-featured{grid-row:auto;padding-bottom:24px;border-bottom:1px solid var(--wf-rule)}.wf-studio .spark-art{height:230px;border-radius:140px 140px 8px 8px}.wf-studio .spark-featured h3{font-size:28px}.wf-studio .daily-spark:not(.spark-featured){padding:24px 0}.wf-studio .spark-copy h3{font-size:23px}.wf-studio .daily-overflow{grid-template-columns:1fr}.wf-studio .more-sparks>summary{font-size:22px}.wf-studio .more-sparks>summary>span{font-size:10px;gap:8px}
 .wf-studio .inspiration-intro-art{display:none}.wf-studio .inspiration-intro h2{font-size:30px}.wf-studio .inspiration-grid{grid-template-columns:1fr}.wf-studio .structure-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.wf-studio .structure-body h2{font-size:23px}
 .wf-studio .whatif-hero{grid-template-columns:1fr;gap:28px}.wf-studio .whatif-hero h2{font-size:42px;letter-spacing:-1.5px}.wf-studio .scenario-window{max-width:480px;width:100%;justify-self:center;aspect-ratio:1.5}.wf-studio .scenario-window svg{max-height:230px}.wf-studio .scenario-window>span{font-size:8px;padding-bottom:18px}.wf-studio .whatif-event{grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:0}.wf-studio .whatif-event b{grid-row:auto}.wf-studio .whatif-event span{grid-row:auto}.wf-studio .whatif-event b:nth-of-type(1){grid-area:1/1}.wf-studio .whatif-event span:nth-of-type(1){grid-area:2/1}.wf-studio .whatif-event b:nth-of-type(2){grid-area:1/2}.wf-studio .whatif-event span:nth-of-type(2){grid-area:2/2}.wf-studio .whatif-event b:nth-of-type(3){grid-area:3/1;margin-top:12px}.wf-studio .whatif-event span:nth-of-type(3){grid-area:4/1}.wf-studio .whatif-event b:nth-of-type(4){grid-area:3/2;margin-top:12px}.wf-studio .whatif-event span:nth-of-type(4){grid-area:4/2}
 .wf-studio .reference-film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.wf-studio .library-frame{aspect-ratio:1;padding:6px 6px 26px}.wf-studio .library-frame>span{font-size:8px;left:8px}.wf-studio .library-film-body h3{font-size:21px}.wf-studio .library-film-body .heading-actions{flex-direction:column;align-items:stretch}.wf-studio .library-film-body .button{padding:8px;font-size:10px}.wf-studio .library-film-body .field-help{font-size:10px}.wf-studio .direction-beats{grid-template-columns:1fr}
 .wf-studio .billing-current{align-items:flex-start;gap:20px;flex-wrap:wrap}.wf-studio .billing-current h2{font-size:25px}.wf-studio .plan-grid,.wf-studio .pack-grid{grid-template-columns:1fr;gap:24px}.wf-studio .plan-card{padding:28px}.wf-studio .packs-heading h2{font-size:28px}.wf-studio .pack-grid .plan-card{padding:24px}.wf-studio .profile-pricing{overflow-x:auto}.wf-studio .profile-pricing table{min-width:400px}
}
@media(max-width:380px){.wf-studio main{padding-inline:16px}.wf-studio .film-grid,.wf-studio .structure-grid,.wf-studio .reference-film-grid{grid-template-columns:1fr}.wf-studio .library-frame{aspect-ratio:16/10}.wf-studio .context-tabs a{padding-inline:11px}.wf-studio .launch-copy h2{font-size:43px}}
@media(max-width:700px){.wf-studio .daily-compact-heading h2{font-size:27px;margin:12px 0 14px}.wf-studio .daily-compact-heading~.daily-selection .spark-art{height:190px}.wf-studio .daily-compact-heading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.wf-studio :is(.button,.text-button,a,.film-card,.starter-tile){transition:none}.wf-studio .film-card:hover,.wf-studio .starter-tile:hover{transform:none}}
}

/* /studio-tools.css */
@layer atelier {
/* Voice is a first-class creative connection, near the top of Account. */
.wf-studio .voice-connection{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:36px;margin:0 0 40px;border:1px solid color-mix(in srgb,var(--wf-accent-ink) 30%,var(--wf-rule));border-radius:16px;background:radial-gradient(ellipse at 5% 0,color-mix(in srgb,var(--wf-accent-ink) 10%,transparent),transparent 60%),var(--wf-surface);scroll-margin-top:24px}
.wf-studio .voice-brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:650;letter-spacing:-.4px;margin-bottom:24px;color:var(--wf-ink)}
.wf-studio .voice-brand>span{font-size:24px;font-weight:750;letter-spacing:-4px;width:25px}
.wf-studio .voice-connection-intro>.section-kicker{color:var(--wf-muted)}
.wf-studio .voice-connection-intro h2{font:400 42px/1.04 var(--wf-serif);letter-spacing:-1.5px;margin:18px 0}
.wf-studio .voice-connection-intro h2 em{color:var(--wf-accent-ink);font-weight:400}
.wf-studio .voice-connection-intro>p{font-size:13px;line-height:1.8;max-width:330px;color:var(--wf-muted);margin-bottom:24px}
.wf-studio .voice-connection-state{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.7;color:var(--wf-muted)}
.wf-studio .voice-connection-state i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;flex:none}
.wf-studio .voice-connection-state.is-connected{color:var(--wf-accent-ink)}
.wf-studio .voice-connection-state.is-connected i{background:currentColor}
.wf-studio .voice-connection-setup{align-self:center;min-width:0;border-left:1px solid var(--wf-rule);padding-left:40px}
.wf-studio .voice-connection-setup>h3{font:400 25px/1.2 var(--wf-serif);margin:0 0 12px;letter-spacing:-.5px}
.wf-studio .voice-connection-setup .brief-field{margin:20px 0 16px;font-size:12px}
.wf-studio .voice-connection-setup input{font-size:14px;padding:12px;min-height:46px;background:var(--wf-soft)}
.wf-studio .voice-connection-setup .heading-actions{justify-content:flex-start;flex-wrap:wrap;gap:10px}
.wf-studio .voice-connection-setup [data-voice-settings-status]:empty{display:none}
.wf-studio .voice-connection-setup [data-voice-settings-status]{font-size:12px;line-height:1.7;margin:12px 0}
.wf-studio .voice-connected-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:12px}
.wf-studio .voice-connected-actions .text-button{font-size:11px}
.wf-studio .voice-setup-help{margin-top:20px;padding-top:18px;border-top:1px solid var(--wf-rule)}
.wf-studio .voice-setup-help summary{font-size:12px;cursor:pointer;min-height:32px}
.wf-studio .voice-setup-help p{font-size:12px;line-height:1.8;color:var(--wf-muted);margin:8px 0}
.wf-studio .voice-billing-note{font-size:11px;line-height:1.8;color:var(--wf-muted);margin:10px 0 0}
.wf-studio .narration-panel{padding:22px;margin:4px 0 28px;border:1px solid color-mix(in srgb,var(--wf-accent-ink) 30%,var(--wf-rule));border-radius:12px;background:color-mix(in srgb,var(--wf-accent-ink) 4%,var(--wf-surface))}
.wf-studio .narration-panel>summary{font-size:14px;font-weight:600;min-height:28px;cursor:pointer;color:var(--wf-ink)}
.wf-studio .narration-panel>p{font-size:12px;line-height:1.8;color:var(--wf-muted)}
.wf-studio .narration-panel>.field-grid{margin-top:20px}
.wf-studio .brief-voice-connect{padding-top:16px}
.wf-studio .brief-voice-connect .voice-brand{font-size:14px;margin:0 0 16px}
.wf-studio .brief-voice-connect h3{font:400 27px/1.2 var(--wf-serif);margin:0 0 10px}
.wf-studio .brief-voice-connect p{font-size:12px;line-height:1.8;color:var(--wf-muted);margin-bottom:16px}
.wf-studio .brief-voice-connect small{display:block;font-size:10px;line-height:1.7;color:var(--wf-muted);margin-top:12px}

/* Administration: overview, readable accounts, then execution and economics. */
.wf-studio .admin-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--wf-rule);padding:28px 0;margin-bottom:20px;gap:28px}
.wf-studio .admin-overview>div{border-right:1px solid var(--wf-rule);padding-right:20px;min-width:0}
.wf-studio .admin-overview>div:last-child{border:0}
.wf-studio .admin-overview b{display:block;font:400 48px/1.1 var(--wf-serif);letter-spacing:-2px;color:var(--wf-accent-ink);margin:12px 0}
.wf-studio .admin-overview small{display:block;font-size:12px;line-height:1.7;color:var(--wf-muted)}
.wf-studio .admin-section-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:0 0 24px;margin-bottom:12px}
.wf-studio .admin-section-nav button{min-height:44px;border:0;border-bottom:1px solid var(--wf-rule);background:transparent;color:var(--wf-muted);font-size:12px;cursor:pointer;padding:8px 0;display:flex;gap:12px;align-items:center}
.wf-studio .admin-section-nav button:hover{color:var(--wf-accent-ink);border-color:currentColor}
.wf-studio .admin-section-nav button span{font:11px var(--wf-mono);color:var(--wf-accent-ink)}
.wf-studio :is(.admin-accounts,.admin-requests,.admin-spending){margin:0 0 48px;scroll-margin-top:30px}
.wf-studio :is(.admin-requests,.admin-spending){padding-top:32px;border-top:1px solid var(--wf-rule)}
.wf-studio .admin-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.wf-studio .admin-section-heading h2{font:400 30px/1.2 var(--wf-serif);letter-spacing:-.7px;margin:10px 0 0}
.wf-studio .admin-search{width:280px;max-width:100%}
.wf-studio .admin-search input{width:100%;min-height:44px;font-size:13px;border:1px solid var(--wf-control-border);border-radius:30px;background:var(--wf-surface);color:var(--wf-ink);padding:12px 18px}
.wf-studio .admin-users{display:grid;gap:18px}
.wf-studio .admin-account-card{border:1px solid var(--wf-rule);border-radius:12px;padding:24px;background:var(--wf-surface);min-width:0}
.wf-studio .admin-account-card>header{display:flex;gap:14px;align-items:center}
.wf-studio .admin-avatar{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:color-mix(in srgb,var(--wf-accent-ink) 9%,var(--wf-soft));color:var(--wf-accent-ink);font:400 25px var(--wf-serif)}
.wf-studio .admin-account-identity{flex:1;min-width:0}
.wf-studio .admin-account-identity h3{font-size:15px;font-weight:600;margin:0 0 6px;overflow-wrap:anywhere}
.wf-studio .admin-account-identity p{font-size:11px;color:var(--wf-muted);margin:0;line-height:1.7;overflow-wrap:anywhere}
.wf-studio .admin-account-status{font:10px/1.5 var(--wf-mono);color:var(--wf-accent-ink);border-left:2px solid currentColor;padding-left:9px;flex:none}
.wf-studio .admin-account-status.is-disabled{color:var(--wf-muted)}
.wf-studio .admin-owner-note{font-size:12px;color:var(--wf-muted);margin:18px 0 0;line-height:1.7}
.wf-studio .admin-account-balances{display:flex;align-items:center;gap:14px 28px;flex-wrap:wrap;padding:20px 0 0;margin-top:20px;border-top:1px solid var(--wf-rule);font-size:11px;color:var(--wf-muted)}
.wf-studio .admin-account-balances b{font-size:22px;font-weight:500;color:var(--wf-ink);margin-right:4px}
.wf-studio .admin-account-editor{margin-top:20px;border-top:1px solid var(--wf-rule)}
.wf-studio .admin-account-editor>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:44px;padding-top:14px;font-size:12px;color:var(--wf-accent-ink);list-style:none}
.wf-studio .admin-account-editor[open]>summary>span,.wf-studio .admin-create-user[open]>summary>span:last-child{transform:rotate(45deg)}
.wf-studio .admin-user{display:block;padding:24px 0 0;margin:0;border:0}
.wf-studio .admin-credit-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wf-studio .admin-user .brief-field{font-size:12px;line-height:1.7;margin-bottom:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}
.wf-studio .admin-user :is(input:not([type=checkbox]),select){width:100%;min-width:0;min-height:44px;padding:10px 12px;font-size:14px;border:1px solid var(--wf-control-border);border-radius:8px;background:var(--wf-soft);color:var(--wf-ink)}
.wf-studio .admin-user>.field-help{margin:12px 0 24px;font-size:11px}
.wf-studio .admin-security-fields{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:end;padding-top:20px;border-top:1px solid var(--wf-rule)}
.wf-studio .admin-security-fields .brief-field>span{font-size:10px;margin-top:-6px}
.wf-studio .admin-disable{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;padding-bottom:6px}
.wf-studio .admin-disable input,.wf-studio .admin-execution-consent input{width:16px;height:16px;flex:none;accent-color:var(--wf-action);margin-top:2px}
.wf-studio .admin-disable small{display:block;font-size:10px;color:var(--wf-muted);margin-top:5px}
.wf-studio .admin-save-row{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;margin-top:24px;border-top:1px solid var(--wf-rule)}
.wf-studio .admin-save-row>span{font-size:11px;color:var(--wf-muted);line-height:1.7}
.wf-studio .admin-create-user{margin-top:28px;border:1px dashed var(--wf-control-border);border-radius:12px;background:transparent}
.wf-studio .admin-create-user>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;cursor:pointer;list-style:none}
.wf-studio .admin-create-user summary b{font:400 23px/1.2 var(--wf-serif);letter-spacing:-.4px}
.wf-studio .admin-create-user summary small{display:block;font-size:11px;color:var(--wf-muted);margin-top:8px}
.wf-studio .admin-create-user form{padding:6px 24px 24px}
.wf-studio .admin-create-user .brief-field{font-size:12px}
.wf-studio .admin-create-user input{min-height:44px;font-size:14px}
.wf-studio .admin-section-description{max-width:760px;font-size:13px;line-height:1.85;color:var(--wf-muted);margin-bottom:24px}
.wf-studio .admin-request-list{display:grid;gap:20px}
.wf-studio .admin-request{display:grid;grid-template-columns:1fr auto;gap:20px;padding:24px;background:var(--wf-surface);border:1px solid var(--wf-rule);border-radius:12px}
.wf-studio .admin-request h3{font:400 26px/1.2 var(--wf-serif);letter-spacing:-.5px;margin:12px 0}
.wf-studio .admin-request p{font-size:12px;line-height:1.8;color:var(--wf-muted);margin:6px 0;overflow-wrap:anywhere}
.wf-studio .admin-request>.button{align-self:start}
.wf-studio .admin-execution-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;border-top:1px solid var(--wf-rule);padding-top:20px}
.wf-studio .admin-request>.heading-actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;gap:16px}
.wf-studio .admin-quiet-state{display:flex;align-items:center;gap:20px;background:var(--wf-soft);border:1px solid var(--wf-rule);border-radius:12px;padding:28px}
.wf-studio .admin-quiet-state>span{font-size:26px;color:var(--wf-accent-ink)}
.wf-studio .admin-quiet-state h3{font:400 25px/1.2 var(--wf-serif);margin:0 0 8px}
.wf-studio .admin-quiet-state p{font-size:12px;color:var(--wf-muted);margin:0;line-height:1.8}
.wf-studio .admin-spending>.panel{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}
.wf-studio .admin-spending>.panel>h2{display:none}
.wf-studio .admin-spending>.panel>p{font-size:12px;line-height:1.85;max-width:900px;color:var(--wf-muted)}
.wf-studio .admin-spending .optional-tools{padding:18px 0;border:0;border-top:1px solid var(--wf-rule);border-radius:0;background:transparent}
.wf-studio .admin-spending .optional-tools>summary{font-size:13px;min-height:36px;cursor:pointer}
@media(max-width:1000px){.wf-studio .voice-connection{gap:28px;padding:28px}.wf-studio .voice-connection-setup{padding-left:28px}.wf-studio .admin-credit-fields{grid-template-columns:1fr 1fr}.wf-studio .admin-credit-fields>.brief-field:last-child{grid-column:1/-1}}
@media(max-width:700px){.wf-studio .voice-connection{grid-template-columns:1fr;gap:28px;padding:24px}.wf-studio .voice-connection-intro h2{font-size:36px}.wf-studio .voice-connection-intro h2 br{display:none}.wf-studio .voice-connection-intro>p{max-width:none;margin-bottom:18px}.wf-studio .voice-connection-setup{border-left:0;border-top:1px solid var(--wf-rule);padding:24px 0 0}.wf-studio .voice-brand{margin-bottom:18px}.wf-studio .narration-panel{padding:18px}.wf-studio .admin-overview{gap:12px;padding:24px 0}.wf-studio .admin-overview>div{padding-right:12px}.wf-studio .admin-overview .section-kicker{font-size:8px;letter-spacing:.04em}.wf-studio .admin-overview b{font-size:38px}.wf-studio .admin-overview small{font-size:10px}.wf-studio .admin-section-heading{display:block}.wf-studio .admin-section-heading h2{font-size:28px}.wf-studio .admin-search{display:block;width:100%;margin-top:20px}.wf-studio .admin-section-nav{gap:6px 20px}.wf-studio .admin-section-nav button{font-size:11px}.wf-studio .admin-account-card{padding:20px}.wf-studio .admin-account-balances{display:grid;gap:12px}.wf-studio .admin-account-balances b{font-size:23px}.wf-studio .admin-credit-fields,.wf-studio .admin-security-fields{grid-template-columns:1fr;gap:18px}.wf-studio .admin-credit-fields>.brief-field:last-child{grid-column:auto}.wf-studio .admin-user{padding-top:20px}.wf-studio .admin-save-row{align-items:flex-start;flex-direction:column;gap:16px}.wf-studio .admin-save-row .button{width:100%}.wf-studio .admin-create-user summary b{font-size:22px}.wf-studio .admin-create-user summary,.wf-studio .admin-create-user form{padding-inline:20px}.wf-studio .admin-request{grid-template-columns:1fr;padding:20px}.wf-studio .admin-request>.button{justify-self:start}.wf-studio .admin-execution-consent{grid-column:auto}.wf-studio .admin-request>.heading-actions{grid-column:auto}.wf-studio .admin-quiet-state{padding:22px}.wf-studio .admin-spending .profile-pricing{max-width:100%;overflow-x:auto}}
}

/* /brand/offers.css */
@layer atelier {
/* Real launch dates and real prices; one campaign shared by both pricing surfaces. */
:is(.wf-studio,.motion-landing) .launch-offer-banner{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;position:relative;isolation:isolate;overflow:hidden;padding:32px 36px;margin:28px 0 36px;background:var(--wf-ink);color:var(--wf-paper);border:1px solid var(--wf-accent-ink);border-radius:16px;box-shadow:0 12px 32px -22px var(--wf-accent-ink)}
:is(.wf-studio,.motion-landing) .launch-offer-banner:before{content:'';position:absolute;z-index:-1;width:350px;height:350px;right:-150px;top:-180px;border:45px solid color-mix(in srgb,var(--wf-paper) 7%,transparent);border-radius:50%;transform:rotate(-20deg)}
:is(.wf-studio,.motion-landing) .launch-offer-copy :is(.section-kicker,.eyebrow){font:600 11px/1.5 var(--wf-mono);letter-spacing:.12em;color:#f7d49d;margin:0}
:is(.wf-studio,.motion-landing) .launch-offer-copy :is(h2,h3){font:400 clamp(27px,2.8vw,38px)/1.12 var(--wf-serif);letter-spacing:-1px;margin:16px 0}
:is(.wf-studio,.motion-landing) .launch-offer-copy p{font-size:12px;line-height:1.8;max-width:400px;margin:0;opacity:.85}
:is(.wf-studio,.motion-landing) .launch-offer-clock{border-left:1px solid color-mix(in srgb,var(--wf-paper) 25%,transparent);padding-left:32px;min-width:0}
:is(.wf-studio,.motion-landing) .launch-offer-clock>span{display:block;font-size:11px;line-height:1.6;opacity:.85}
:is(.wf-studio,.motion-landing) .launch-offer-clock>strong{display:block;font:500 clamp(22px,2.4vw,32px)/1.3 var(--wf-sans);letter-spacing:-.7px;font-variant-numeric:tabular-nums;margin:14px 0;color:#f7d49d}
:is(.wf-studio,.motion-landing) .launch-offer-clock>small{display:block;font-size:10px;line-height:1.8;max-width:340px;opacity:.8}
html[data-theme=dark] :is(.wf-studio,.motion-landing) .launch-offer-banner{background:radial-gradient(ellipse at 70% 0,#5a3771,transparent 80%),#241c32;color:#f1f5f9;border-color:#75518e}
.wf-studio .plan-card .offer-promotion,.motion-landing .public-plan .offer-promotion{position:relative;margin:20px 0 12px;padding:18px;border:1px solid color-mix(in srgb,var(--wf-accent-ink) 48%,var(--wf-rule));border-radius:12px;background:color-mix(in srgb,var(--wf-accent-ink) 7%,var(--wf-surface))}
.wf-studio .plan-card .offer-badge,.motion-landing .public-plan .offer-badge{display:inline-block;padding:5px 9px;margin:0 0 10px;background:var(--wf-action);color:var(--wf-highlight-ink);border-radius:5px;font:600 10px/1.5 var(--wf-mono);letter-spacing:.02em}
.wf-studio .plan-card .offer-promotion .plan-price,.motion-landing .public-plan .offer-promotion .public-price{font-size:42px;line-height:1.1;margin:14px 0;letter-spacing:-2px}
.wf-studio .plan-card .offer-countdown,.motion-landing .public-plan .offer-countdown{font:600 12px/1.5 var(--wf-sans);color:var(--wf-accent-ink);padding-top:12px;border-top:1px solid color-mix(in srgb,var(--wf-accent-ink) 25%,var(--wf-rule));margin:12px 0 6px;font-variant-numeric:tabular-nums}
.wf-studio .plan-card .offer-standard,.motion-landing .public-plan .offer-standard{font-size:10px;line-height:1.7;color:var(--wf-muted);margin:0}
:is(.wf-studio,.motion-landing) [data-offer-state=closing] [data-offer-countdown]{font-weight:750}
:is(.wf-studio,.motion-landing) .launch-offer-banner[data-offer-state=ended]{display:block;padding:20px 28px;background:var(--wf-soft);color:var(--wf-muted);border-color:var(--wf-rule);box-shadow:none}
:is(.wf-studio,.motion-landing) .launch-offer-banner[data-offer-state=ended] .launch-offer-clock{border:0;padding:0}
:is(.wf-studio,.motion-landing) .launch-offer-banner[data-offer-state=ended] strong{font:400 13px/1.7 var(--wf-sans);color:var(--wf-muted);letter-spacing:0;margin:0}
:is(.wf-studio,.motion-landing) .offer-promotion[data-offer-state=ended]{background:transparent;border-color:var(--wf-rule)}
@media(max-width:700px){:is(.wf-studio,.motion-landing) .launch-offer-banner{grid-template-columns:1fr;gap:24px;padding:26px;margin:24px 0 28px}:is(.wf-studio,.motion-landing) .launch-offer-clock{padding:20px 0 0;border-left:0;border-top:1px solid color-mix(in srgb,var(--wf-paper) 25%,transparent)}:is(.wf-studio,.motion-landing) .launch-offer-clock>strong{font-size:26px;margin:12px 0}:is(.wf-studio,.motion-landing) .launch-offer-copy :is(h2,h3){font-size:31px}}
}