/* The same paper, ink and playful details as the welcome desk. */
body:not(.login-mode) .page{max-width:1440px;margin:auto;padding-bottom:24px}
.studio-path{display:flex;gap:12px;padding:0 0 22px;margin-bottom:20px;border-bottom:1px dashed #cdd6bc;flex-wrap:wrap}
.studio-path span{font-size:11px;line-height:1.7;color:#59664e}.studio-path b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf2e3;color:#50643b;font-size:9px;margin-right:5px}
.production-card{box-shadow:0 4px 18px #283c2c04;border-radius:16px}
.production-card p{color:#56614e;font-size:13px}.production-card label{font-size:13px}
.production-card button,.secondary{min-height:42px;transition:background .18s,box-shadow .18s,transform .18s}
.production-card button:active:enabled,.secondary:active{transform:translateY(1px)}
.production-card button:focus-visible,textarea:focus-visible{outline:3px solid #607d3d;outline-offset:3px}
#quote{position:relative;border:1px solid #b7c799;background:linear-gradient(145deg,#fffffb,#f4f7e9);padding:28px}
#quote:before{content:'YOUR DIRECTOR’S DESK';display:block;font-size:9px;letter-spacing:1.8px;color:#667b4b;margin-bottom:16px}
#price{font-family:Manrope,sans-serif;font-size:46px;letter-spacing:-2px}
#quote-story:not(:empty){border-top:1px dashed #c9d2b7;padding-top:18px;margin-top:18px;max-height:420px;overflow:auto;overscroll-behavior:contain}
#quote-story h3{font:600 17px Manrope,sans-serif;margin-bottom:8px}#quote-story p{white-space:pre-wrap}
.approval-note{font-size:11px!important;color:#647448!important}#pay[aria-busy=true]{cursor:wait}
.purchase-mode:not(.projects-mode) #studio,.purchase-mode:not(.projects-mode) .feature-card,.purchase-mode:not(.projects-mode) .intro,.purchase-mode:not(.projects-mode) .process-section{display:none!important}
.purchase-mode:not(.projects-mode) .studio-grid{display:block;max-width:820px;margin:24px auto}
.purchase-mode:not(.projects-mode) #wallet{max-width:820px;margin:24px auto}
#quote .card-heading{align-items:flex-start;gap:12px}#quote .card-heading h2{margin-bottom:8px}#close-quote{background:transparent;font-size:11px}
.projects-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}
.projects-heading h2{font:600 32px Manrope,sans-serif;letter-spacing:-1px;margin:8px 0}.projects-heading p{margin:0}
#projects{background:none;border:0;box-shadow:none;padding:0}
#project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#project-list article{position:relative;min-width:0;margin:0;padding:24px;background:var(--paper);border:1px solid #dde2d2;border-radius:16px;box-shadow:0 5px 18px #283c2c04;transition:border-color .2s,box-shadow .2s}
#project-list article:hover{border-color:#b4c698;box-shadow:0 8px 24px #283c2c0b}
#project-list article h3{font:600 20px Manrope,sans-serif;letter-spacing:-.5px;line-height:1.4;margin:18px 0 12px}
.project-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1px;color:#6e7a60}
.project-badge{border:1px solid #dce2d1;background:#eff2e7;border-radius:20px;padding:6px 10px;letter-spacing:0;font-size:10px;text-align:right}
[data-tone=complete] .project-badge{background:#e2edc9;border-color:#c6d8a8;color:#45602d}
[data-tone=cancelled] .project-badge,[data-tone=stopped] .project-badge{background:#f1e9df;border-color:#e2d1bc;color:#765c3e}
.project-date{font-size:11px!important;color:#79826e!important}.project-link{float:none;display:inline-block;text-decoration:none;margin:0 0 8px}
#project-list article>button{display:block;margin:10px 0 0;max-width:100%;white-space:normal}#project-list .empty-state{grid-column:1/-1;background:#f0f2e7;min-height:220px;display:grid;place-content:center;font-size:18px;padding:50px}
#detail-status{display:inline-block;border-radius:20px;padding:7px 12px;background:#e9eedc;color:#50633d;font-size:12px;margin:8px 0 0}
#project-detail .view-heading{margin-bottom:26px}#project-detail .view-heading h1{line-height:1.2;overflow-wrap:anywhere}
.status-card{background:linear-gradient(150deg,#edf2e1,#e4ead7);border-radius:16px;padding:28px}
.status-card>p{font-size:13px;color:#58674a}.status-card .estimate-note{font-size:11px;color:#657357}
.time-stats{padding-top:20px;border-top:1px solid #d0dac0}.time-stats small{font-size:9px;color:#657357}.time-stats strong{font-variant-numeric:tabular-nums}
.timeline-step h3{font-size:13px!important;line-height:1.5}.timeline-step{align-items:center}.timeline-step.current .step-marker{box-shadow:0 0 0 5px #d4eb833d}
[data-tone=active] .status-orbit{animation:studio-orbit 16s linear infinite;transform-origin:center;display:inline-block}
[data-tone=cancelled] .status-card,[data-tone=stopped] .status-card{background:#f0ece4;border-color:#e0d7c8}
[data-tone=cancelled] .status-orbit,[data-tone=stopped] .status-orbit{color:#95836c}
#cancel-job,#cancel-from-review{border:1px solid #c3cdb4;background:transparent;padding:10px 14px;border-radius:8px;min-height:42px;font:inherit;font-size:12px}
#cancel-job:hover:enabled,#cancel-from-review:hover:enabled{background:#f8e7db;border-color:#cfac91}
.review-frames figure{border:1px solid #dde4d0;background:#f0f3e8}.review-frames img{cursor:zoom-in;transition:opacity .2s}.review-frames img:hover{opacity:.9}.review-frames img:focus-visible{outline:3px solid #627f40;outline-offset:-3px}
.review-frames figcaption{font-size:12px;color:#59684b}#story-summary h2,#storyboard-review h2,#detail-output h2{font:600 22px Manrope,sans-serif}
#frame-viewer{width:min(1100px,94vw);max-height:92vh;border:1px solid #d1dac2;border-radius:16px;padding:18px;background:var(--paper);color:var(--ink)}
#frame-viewer::backdrop{background:#182316bb;backdrop-filter:blur(5px)}#frame-image{display:block;width:100%;max-height:75vh;object-fit:contain;border-radius:8px}
.frame-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.frame-toolbar p{margin:0;font-size:13px}.frame-toolbar button{border:1px solid #cfd7c1;border-radius:7px;background:#edf2e3;padding:10px 16px;white-space:nowrap}
#budget-panel{position:static;width:auto;max-height:none;margin-top:24px;padding:24px;box-shadow:none}#budget-panel section{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}#budget-panel h2,#budget-panel progress,#budget-panel small{grid-column:1/-1}
#notice{position:relative;font-size:13px}a,button{touch-action:manipulation}
@keyframes studio-orbit{to{transform:rotate(360deg)}}
@media(max-width:1050px){#project-list{grid-template-columns:1fr}}
@media(max-width:600px){.projects-heading{align-items:flex-start;flex-direction:column}.projects-heading h2{font-size:28px}#quote{padding:20px}.studio-path{gap:8px}.studio-path span{font-size:10px}#project-list article{padding:20px}.project-card-meta{align-items:flex-start;flex-direction:column;gap:8px}.time-stats{gap:24px;justify-content:space-between}.time-stats strong{font-size:19px}#budget-panel section{grid-template-columns:1fr}#budget-panel p{grid-column:1}#storyboard-review .card-heading{align-items:flex-start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){[data-tone=active] .status-orbit{animation:none}}
.less-motion [data-tone=active] .status-orbit{animation:none}