:root{--ink:#171a17;--muted:#747871;--paper:#f7f6f1;--card:#fff;--line:#e3e2dc;--forest:#18251e;--green:#557d63;--sage:#dfe9df;--lime:#dff58b;--warm:#f3eadc;--danger:#9d4e45;--shadow:0 18px 55px rgba(28,32,27,.08)}*{box-sizing:border-box}html{background:var(--forest)}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--forest);color:#f7f7f2;padding:28px 18px 22px;display:flex;flex-direction:column;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:0 10px 28px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--lime);color:var(--forest);font-family:Manrope;font-weight:800;font-size:13px}.sidebar-brand>span:last-child{display:flex;flex-direction:column}.sidebar-brand strong{font:800 18px Manrope}.sidebar-brand small{font-size:8px;letter-spacing:.16em;color:#9daaa1}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar-nav a,.sidebar-bottom a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;color:#b8c1bb;text-decoration:none;font-weight:600;font-size:14px}.sidebar-nav a span,.sidebar-bottom a span{width:19px;text-align:center;color:#85928a}.sidebar-nav a:hover,.sidebar-nav a.active,.sidebar-bottom a:hover{background:rgba(255,255,255,.08);color:#fff}.sidebar-nav a.active span{color:var(--lime)}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.sidebar-bottom p{font-size:10px;color:#69766e;padding:10px 13px;margin:8px 0 0}.workspace{min-width:0}.workspace-top{height:70px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(247,246,241,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5;color:var(--muted);font-size:13px}.status-dot{display:inline-block;width:7px;height:7px;background:#6eb97f;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(110,185,127,.12)}.new-project-link{color:var(--ink);text-decoration:none;font-weight:700}main{max-width:1240px;margin:0 auto;padding:54px 48px 100px}.eyebrow,.step-count{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--green);margin:0 0 14px}.content-head,.flow-head{margin-bottom:36px}.content-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.content-head h1,.flow-head h1,.page-head h1{font:800 clamp(38px,4vw,58px)/1.02 Manrope;margin:0 0 12px;letter-spacing:-.045em}.content-head p,.flow-head>p:last-child,.page-head p{font-size:17px;color:var(--muted);margin:0;line-height:1.55}.back-link{display:inline-block;color:var(--muted);text-decoration:none;font-size:13px;font-weight:700;margin-bottom:30px}.back-link:hover{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:11px;padding:14px 19px;background:var(--forest);color:#fff;text-decoration:none;font-weight:700;cursor:pointer;font:700 14px "DM Sans"}.button:hover{transform:translateY(-1px)}.button.secondary{background:var(--sage);color:var(--forest)}.button.large{padding:17px 24px;font-size:15px}.button.wide{width:100%;margin-top:4px}.button:disabled{opacity:.72;cursor:wait;transform:none}.button-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.actions{display:flex;gap:12px;margin-top:26px}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow)}.form{display:flex;flex-direction:column;gap:22px}.form label,.form fieldset{font-weight:700;display:flex;flex-direction:column;gap:9px}.form label>span,.form legend span{font-weight:500;color:var(--muted);font-size:12px}.form input,.form select,.form textarea,.approval-card select,.approval-card textarea{width:100%;border:1px solid #d5d7d0;border-radius:10px;padding:13px 14px;background:#fff;font:inherit;color:var(--ink);outline:none}.form input:focus,.form select:focus,.form textarea:focus,.approval-card select:focus,.approval-card textarea:focus{border-color:#89a691;box-shadow:0 0 0 3px rgba(85,125,99,.1)}.form textarea{resize:vertical}.form small{font-weight:500;color:var(--muted)}.form fieldset{border:0;padding:0;margin:0}.page-head{margin-bottom:34px}.notice{background:#fff4e5;border:1px solid #f1d2a8;border-radius:11px;padding:16px;color:#74471f;line-height:1.5}.notice.success{background:#edf8ef;border-color:#bfdbc3;color:#285f35}.notice.error{background:#fff0ee;border-color:#efc2ba;color:#873d32}.notice.prominent{margin-bottom:24px}.muted{color:var(--muted)}.list{display:flex;flex-direction:column;gap:9px}.item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:11px;color:var(--ink);text-decoration:none}.item span{display:flex;flex-direction:column;gap:4px}.item small{color:var(--muted)}.item em{font-style:normal;color:var(--green);font-size:12px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.summary>div{padding:16px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:5px}.summary span{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.empty-state{min-height:430px;border:1px dashed #cfd1ca;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:50px}.empty-state h2{font:700 26px Manrope;margin:15px 0 8px}.empty-state p{color:var(--muted);max-width:440px;margin:0 0 24px}.empty-icon{width:60px;height:60px;border-radius:18px;background:var(--sage);display:grid;place-items:center;color:var(--green);font-size:24px}blockquote{margin:0;padding:18px 22px;border-left:3px solid var(--green);background:#f4f7f2;line-height:1.6}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{font:700 25px Manrope}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:28px}.radio{display:flex!important;flex-direction:row!important;align-items:center;border:1px solid var(--line);padding:14px;border-radius:10px}.radio input{width:auto}.radio span{display:flex;flex-direction:column}.check{display:flex!important;flex-direction:row!important;align-items:center;border:1px solid var(--line);padding:13px;border-radius:10px}.check input{width:auto}@media(max-width:900px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.sidebar-brand>span:last-child,.sidebar-nav a:not(.active){font-size:0}.sidebar-nav a span{font-size:18px}.sidebar-nav a,.sidebar-bottom a{justify-content:center}.sidebar-bottom p{display:none}main{padding:40px 28px}.workspace-top{padding:0 28px}}@media(max-width:680px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px;flex-direction:row;align-items:center}.sidebar-brand{padding:0}.sidebar-nav{margin-left:auto;flex-direction:row}.sidebar-bottom{display:none}.workspace-top{display:none}main{padding:32px 18px}.content-head{align-items:flex-start;flex-direction:column}.two-column{grid-template-columns:1fr}}
.file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.upload-zone{display:flex;flex-direction:column;gap:10px;position:relative}.upload-zone.drag-active{border-color:var(--green);background:#edf5eb;box-shadow:0 0 0 5px rgba(85,125,99,.1)}.choose-files{margin-top:8px;border:1px solid #cdd5cc;border-radius:9px;background:#fff;color:var(--forest);padding:10px 15px;font:700 12px "DM Sans";cursor:pointer}.choose-files:hover{border-color:var(--green)}.selected-files:empty{display:none}.selected-files{border:1px solid var(--line);border-radius:12px;overflow:hidden}.selected-files-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f5f7f3;font-size:12px}.selected-files-head button{border:0;background:transparent;color:var(--danger);font:700 11px "DM Sans";cursor:pointer}.selected-file{display:flex;align-items:center;gap:11px;padding:11px 14px;border-top:1px solid var(--line)}.selected-file>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--sage);color:var(--green);font-size:9px}.selected-file>div{min-width:0;display:flex;flex-direction:column;gap:2px}.selected-file strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-file small{font-size:10px;color:var(--muted)}.elapsed-timer{width:max-content;min-width:150px;margin:20px auto 5px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 8px 25px rgba(28,32,27,.05)}.elapsed-timer span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.elapsed-timer strong{font:700 16px Manrope;font-variant-numeric:tabular-nums}.progress-page .elapsed-timer{margin:18px 0}
.file-input-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;pointer-events:auto!important;z-index:3}
.revision-primary{border:2px solid var(--green);background:#f4f8f3;border-radius:16px;padding:22px;margin-top:24px}.revision-primary h2{font:700 24px Manrope;margin:5px 0 8px}.revision-primary p{color:var(--muted);line-height:1.5}.revision-primary form{display:flex;flex-direction:column;gap:10px}.revision-primary label{font-weight:700}.approval-secondary{margin-top:20px;border:1px solid var(--line);background:#fbfbf8;padding:22px}.approval-secondary .button{margin-top:12px}.approval-confirm{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.4;color:var(--muted)}.approval-confirm input{margin-top:3px;width:auto}
.review-actions{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:24px;margin-top:28px;align-items:start}.review-actions .revision-primary,.review-actions .approval-secondary{margin-top:0;height:100%}.focus-options{border:0;padding:0;margin:4px 0 8px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.focus-options legend{grid-column:1/-1;font-weight:700;margin-bottom:2px}.focus-options legend span,.approval-metrics p span{font-weight:500;color:var(--muted);font-size:12px}.focus-options label{font-weight:500!important;display:flex!important;flex-direction:row!important;align-items:center;gap:7px}.focus-options input{width:auto}.approval-metrics{border-top:1px solid var(--line);margin-top:18px;padding-top:14px;display:flex;flex-direction:column;gap:9px}.approval-metrics>p{margin:0 0 3px}.approval-metrics label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:700}.approval-metrics select,.approval-metrics textarea{border:1px solid #d5d7d0;border-radius:9px;padding:9px;background:#fff;font:inherit}.approval-metrics textarea{resize:vertical}@media(max-width:900px){.review-actions{grid-template-columns:1fr}.focus-options{grid-template-columns:1fr 1fr}}@media(max-width:560px){.focus-options{grid-template-columns:1fr}}

.welcome{min-height:calc(100vh - 225px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.welcome-copy h1{font:800 clamp(48px,5vw,76px)/.98 Manrope;letter-spacing:-.06em;margin:0 0 24px;max-width:760px}.welcome-copy>p:not(.eyebrow){font-size:19px;line-height:1.6;color:var(--muted);max-width:640px}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:38px;color:var(--muted);font-size:12px}.trust-row span::first-letter{color:var(--green)}.welcome-visual{height:600px;border-radius:28px;background:linear-gradient(145deg,#26382e,#101813);position:relative;overflow:hidden;box-shadow:0 38px 90px rgba(24,37,30,.28)}.welcome-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(223,245,139,.18),transparent 37%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.45))}.film-frame{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:linear-gradient(150deg,rgba(226,232,216,.2),rgba(18,28,22,.7));box-shadow:0 25px 55px rgba(0,0,0,.25)}.frame-one{width:58%;height:52%;top:12%;left:10%;transform:rotate(-7deg)}.frame-two{width:55%;height:54%;top:22%;right:6%;transform:rotate(7deg);background:linear-gradient(140deg,rgba(141,176,150,.4),rgba(14,22,17,.8))}.play-orb{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--forest);padding-left:4px;box-shadow:0 15px 40px rgba(0,0,0,.3)}.visual-caption{position:absolute;left:34px;right:34px;bottom:34px;color:#fff;display:flex;flex-direction:column;gap:7px}.visual-caption strong{font:700 22px Manrope}.visual-caption small{color:#b7c2bb}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;text-decoration:none;color:var(--ink);transition:.2s}.project-card:hover,.style-card:hover,.choice-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cfd4cc}.project-thumb{height:190px;background:linear-gradient(145deg,#dfe8de,#adbdae);position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding:14px}.project-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(24,37,30,.22))}.project-thumb>span{position:relative;background:rgba(255,255,255,.8);padding:6px 9px;border-radius:7px;font-size:10px;font-weight:700}.thumb-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.87);font-size:11px;padding-left:2px}.project-card-body{padding:17px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-card h2{font:700 17px Manrope;margin:0 0 5px}.project-card p{color:var(--muted);font-size:12px;margin:0}.status-pill{padding:6px 9px;border-radius:999px;background:#f0f1ed;color:var(--muted);white-space:nowrap;font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.status-pill.approved,.status-pill.rough_cut_ready{background:#e3f0e5;color:#3d7049}.status-pill.rough_cut_failed,.status-pill.analysis_failed{background:#f9e6e2;color:#91483f}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.style-card{min-height:250px;border:1px solid var(--line);border-radius:17px;background:#fff;padding:24px;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;transition:.2s}.style-card-icon{width:42px;height:42px;border-radius:12px;background:var(--sage);display:grid;place-items:center;color:var(--green);margin-bottom:22px}.style-card h2{font:700 19px Manrope;margin:0 0 10px}.style-card p{color:var(--muted);line-height:1.5;font-size:13px;margin:0 0 25px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.style-card>div:last-child{margin-top:auto;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.style-card em{font-style:normal;color:var(--green);font-weight:700}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.choice-card{min-height:255px;padding:28px;border-radius:18px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;position:relative;transition:.2s}.choice-card.featured{border-color:#9eb69e;background:linear-gradient(180deg,#fff,#f6faf3)}.choice-icon{width:48px;height:48px;border-radius:14px;background:var(--sage);color:var(--forest);display:grid;place-items:center;font-size:18px;margin-bottom:30px}.choice-card h2{font:700 21px Manrope;margin:0 0 10px}.choice-card p{color:var(--muted);line-height:1.5;margin:0;font-size:14px}.choice-card small{display:block;color:var(--green);font-weight:700;margin-top:12px}.choice-arrow{position:absolute;right:24px;bottom:22px;font-size:20px}.flow-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:28px;align-items:start}.flow-aside{padding:24px 8px}.flow-aside>span,.selected-direction>span,.review-summary>span{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--green)}.flow-aside h3{font:700 21px/1.3 Manrope;margin:12px 0}.flow-aside p{color:var(--muted);line-height:1.6;font-size:13px}.flow-aside small{color:var(--muted)}.selected-direction{padding:16px;border-radius:12px;background:#f3f6f1;display:flex;flex-direction:column;gap:5px}.selected-direction strong{font:700 17px Manrope}.selected-direction small{line-height:1.45}.upload-zone{min-height:230px!important;border:1.5px dashed #b8c1b8;border-radius:15px;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#fafbf8}.upload-zone:hover{border-color:var(--green);background:#f6faf4}.upload-zone input{position:absolute;opacity:0;pointer-events:none}.upload-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:var(--green);font-size:22px}.brief-box textarea{font-size:16px;line-height:1.6;background:#fafbf8}.production-page{max-width:760px;margin:35px auto;text-align:center}.production-page h1{font:800 42px Manrope;margin:25px 0 10px}.production-lead{color:var(--muted);font-size:17px;line-height:1.55}.production-orb{position:relative;width:115px;height:115px;margin:30px auto}.production-orb span{position:absolute;inset:0;border:1px solid rgba(85,125,99,.3);border-radius:50%;animation:pulse 2.2s ease-out infinite}.production-orb span:nth-child(2){animation-delay:.7s}.production-orb span:nth-child(3){animation-delay:1.4s}.production-orb b{position:absolute;inset:25px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:var(--lime);font-size:23px}@keyframes pulse{0%{transform:scale(.62);opacity:0}35%{opacity:1}100%{transform:scale(1.2);opacity:0}}.production-stages{max-width:600px;margin:38px auto;text-align:left;background:#fff;border:1px solid var(--line);border-radius:17px;padding:12px 22px}.stage{display:flex;align-items:center;gap:15px;padding:17px 0;color:#a2a59f}.stage+.stage{border-top:1px solid var(--line)}.stage i{width:30px;height:30px;border:1px solid #d6d8d3;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800}.stage span{display:flex;flex-direction:column;gap:3px}.stage strong{font-size:14px}.stage small{font-size:11px}.stage.active{color:var(--ink)}.stage.active i{background:var(--lime);border-color:var(--lime);color:var(--forest);box-shadow:0 0 0 6px rgba(223,245,139,.23)}.stage.done{color:var(--green)}.stage.done i{background:var(--sage);border-color:var(--sage)}.review-head{align-items:center}.review-layout{display:grid;grid-template-columns:minmax(0,720px) 340px;gap:24px;align-items:start}.video-stage{border-radius:20px;background:#131613;padding:22px;display:flex;justify-content:center;box-shadow:0 25px 65px rgba(20,25,21,.17)}.review-video{display:block;height:min(68vh,720px);max-width:100%;aspect-ratio:9/16;background:#000;border-radius:10px}.review-panel{display:flex;flex-direction:column;gap:16px}.review-summary,.approval-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.review-summary h2{font:700 19px Manrope;margin:8px 0}.review-summary p{font-size:13px;line-height:1.5;color:var(--muted)}.review-summary>div{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;font-size:12px}.approval-card{text-align:center}.approval-icon{width:44px;height:44px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:var(--green);font-size:18px}.approval-card h2{font:700 20px Manrope;margin:8px}.approval-card p{color:var(--muted);font-size:12px;line-height:1.5}.approval-card details{text-align:left;margin:16px 0}.approval-card summary{cursor:pointer;font-weight:700;font-size:12px}.approval-card summary span{float:right;color:var(--muted);font-weight:500}.approval-card label{display:flex;flex-direction:column;gap:7px;margin-top:12px;font-size:11px;font-weight:700}.approval-card.approved{background:#f2f8f2}.compact-clips{max-height:210px;overflow:auto;margin-top:10px}.compact-clips label{flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px}.compact-clips select{width:110px}.revision-section{margin-top:42px;padding:32px;border-radius:18px;background:var(--warm);display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.revision-section h2{font:700 28px Manrope;margin:5px 0}.revision-section p{color:var(--muted);font-size:13px;line-height:1.5}.revision-section form{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.revision-section textarea{width:100%;border:1px solid #d9d0c3;border-radius:12px;padding:15px;font:inherit;resize:vertical}.revision-history{margin-top:35px}.revision-row{display:flex;gap:10px;overflow:auto}.revision-row a{min-width:210px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:5px}.revision-row small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-stack{display:flex;flex-direction:column;gap:9px;margin-bottom:24px}.media-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:11px;padding:13px}.media-icon{width:34px;height:34px;border-radius:9px;background:var(--sage);display:grid;place-items:center;font-size:10px}.media-row>div{display:flex;flex-direction:column;gap:3px}.media-row small{color:var(--muted)}.media-row em{margin-left:auto;font-style:normal;color:var(--green);font-size:11px}.workflow-box,.profile{margin-top:28px;border-top:1px solid var(--line);padding-top:26px}.trait-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.trait-grid article{border:1px solid var(--line);border-radius:12px;padding:17px}.trait-grid p,.trait-grid li,.profile li{color:var(--muted);line-height:1.5}.output-video{display:block;width:min(100%,420px);aspect-ratio:9/16;background:#111;border-radius:12px;margin:18px 0}.wizard-track,.workflow-steps{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:26px}.wizard-track span,.workflow-steps span{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:11px;font-weight:700}.wizard-track .done{background:#eef5ef;color:#477253}.wizard-track .current,.workflow-steps .active{background:var(--forest);color:#fff}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.asset-list{display:flex;flex-direction:column;gap:9px}.asset-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:11px;padding:14px}.danger-button{border:1px solid #ddb7b1;background:#fff4f2;color:var(--danger);border-radius:8px;padding:8px 10px;font-weight:700}.settings-layout{align-items:start}.cost-line{background:#f3f5ef;border-radius:9px;padding:11px}.check-inline{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:5px;margin-right:12px}.check-inline input{width:auto}@media(max-width:1100px){.project-grid,.style-grid,.choice-grid{grid-template-columns:1fr 1fr}.welcome{grid-template-columns:1fr}.welcome-visual{display:none}.flow-layout{grid-template-columns:1fr}.flow-aside{display:none}.review-layout{grid-template-columns:1fr}.review-panel{display:grid;grid-template-columns:1fr 1fr}.review-video{height:620px}}@media(max-width:720px){.project-grid,.style-grid,.choice-grid{grid-template-columns:1fr}.review-panel{display:flex}.revision-section{grid-template-columns:1fr}.welcome-copy h1{font-size:46px}.trust-row{flex-direction:column}.wizard-actions{flex-direction:column-reverse}}
.failure-orb{width:72px;height:72px;margin:28px auto 12px;border-radius:50%;display:grid;place-items:center;background:#f9e6e2;color:var(--danger);font:800 28px Manrope}.production-failure{max-width:600px;margin:30px auto;text-align:left}.production-failure>strong{font:700 17px Manrope}.production-failure>p{color:var(--muted);line-height:1.55}.production-failure form{display:inline-block;margin:10px 12px 12px 0}.production-failure>a{color:var(--green);font-weight:700;font-size:13px}.production-failure details{margin-top:20px;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:12px}.production-failure summary{cursor:pointer;font-weight:700}

:root{
  --ink:#1d1820;--muted:#777178;--paper:#fff;--card:#fff;--line:#ece8ed;
  --purple:#71327e;--purple-dark:#54225f;--purple-soft:#f6eff8;
  --peanut:#c47a2b;--peanut-soft:#fff6e9;--forest:#71327e;--green:#71327e;
  --sage:#f3e9f6;--lime:#f0dff4;--warm:#fbf4ec;--danger:#a44343;
  --shadow:0 18px 55px rgba(49,28,53,.08)
}
*{-webkit-tap-highlight-color:transparent}
html{background:#fff;color-scheme:light}
body{background:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif}
.app-shell{grid-template-columns:224px minmax(0,1fr)}
.sidebar{background:#fff;color:var(--ink);border-right:1px solid var(--line);padding:30px 18px}
.sidebar-brand{color:var(--ink);padding:0 12px 34px}
.brand-wordmark{display:inline-flex!important;align-items:baseline;letter-spacing:-.09em;font-size:32px;font-weight:900;line-height:1}
.brand-wordmark>span{background:linear-gradient(180deg,#e4a654,#ae611b);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.brand-wordmark>b{background:linear-gradient(180deg,#a956ad,#5b186d);-webkit-background-clip:text;background-clip:text;color:transparent;font:inherit;margin-left:1px}
.brand-wordmark-large{font-size:62px}
.sidebar-nav{gap:8px}.sidebar-nav a,.sidebar-bottom a{color:#777078;border-radius:13px;padding:13px 14px}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--purple-soft);color:var(--purple-dark)}.sidebar-nav a.active span{color:var(--purple)}
.sidebar-bottom{border-top-color:var(--line)}.sidebar-bottom p{color:#a29ca3}
.workspace-top{height:64px;padding:0 38px;background:rgba(255,255,255,.88);border-color:var(--line)}
.compact-brand{display:none;text-decoration:none}.privacy-status{font-size:12px;color:var(--muted)}.privacy-status i{display:inline-block;width:7px;height:7px;background:#68bf7b;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #e7f6ea}
main{max-width:1180px;padding:50px 44px 110px}
.button{background:var(--purple);border-radius:14px;padding:14px 20px;min-height:48px}.button:hover{background:var(--purple-dark)}.button.secondary{background:var(--purple-soft);color:var(--purple-dark)}
.panel,.project-card,.style-card,.choice-card,.review-summary,.approval-card{border-color:var(--line);box-shadow:0 12px 38px rgba(59,37,63,.055)}
.form input,.form select,.form textarea,.approval-card select,.approval-card textarea,.owner-unlock input{border-color:#ded8df;border-radius:13px;min-height:48px;font-size:16px}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(113,50,126,.1)}
.eyebrow,.step-count{color:var(--purple);font-size:11px}.back-link{color:var(--purple)}
.content-head h1,.flow-head h1,.page-head h1,.mobile-page-head h1{font-family:inherit;font-weight:800}
.home-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;min-height:530px}.home-hero h1{font-size:clamp(54px,6vw,82px);line-height:.98;letter-spacing:-.065em;margin:0 0 24px}.home-hero h1 span{color:var(--purple)}.home-hero>div>p:not(.eyebrow){font-size:18px;color:var(--muted);line-height:1.6;max-width:620px;margin-bottom:28px}.home-brand-art{border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 24px 75px rgba(73,40,78,.12)}.home-brand-art img{display:block;width:100%;height:auto}.home-recents{margin-top:50px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.section-title h2{margin:0;font-size:28px}.section-title a{color:var(--purple);font-weight:700;text-decoration:none}.home-trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}.home-trust span{background:#faf8fa;border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--muted);font-size:12px}
.home-dashboard{max-width:720px;padding-top:35px}.home-dashboard>h1{font-size:clamp(58px,7vw,92px);line-height:.88;letter-spacing:-.07em;margin:28px 0 25px}.home-dashboard>p:not(.eyebrow){font-size:22px;line-height:1.45;color:var(--muted);margin:0 0 32px}.home-dashboard>.button{width:min(100%,420px);font-size:18px}.home-project-list{display:grid;gap:16px;margin-top:32px}.home-project-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;padding:24px 28px;border:1px solid var(--line);border-radius:22px;color:var(--ink);text-decoration:none;box-shadow:var(--shadow)}.home-project-card h2{font-size:25px;margin:0 0 7px}.home-project-card p{font-size:17px;color:var(--muted);line-height:1.4;margin:0}.home-project-card>span{color:#3e714d;font-weight:700}
.focused-flow{max-width:780px;margin:0 auto}.focused-flow>h1{font-size:clamp(46px,6vw,76px);line-height:1;letter-spacing:-.055em;margin:0 0 18px}.flow-copy{font-size:19px;color:var(--muted);line-height:1.55;margin:0 0 30px}.prompt-first-form{gap:24px}.prompt-first-form textarea{min-height:190px;background:#fdfbfd}.reference-project-form{margin-top:20px}.compact-upload{min-height:260px!important}.skip-form{text-align:center;margin-top:16px}.skip-form button{border:0;background:transparent;color:var(--purple);font:700 14px inherit;cursor:pointer;padding:12px}.direction-recap{background:var(--purple-soft);border-radius:18px;padding:18px 20px;margin-bottom:22px}.direction-recap span{font-size:10px;letter-spacing:.14em;color:var(--purple);font-weight:800}.direction-recap p{margin:8px 0 0;line-height:1.5}.prompt-chips{display:flex;gap:8px;flex-wrap:wrap}.prompt-chips button{border:1px solid #d9c7dd;background:#fff;color:var(--purple-dark);border-radius:999px;padding:9px 12px;font-weight:700;cursor:pointer}
.project-card-wrap{min-width:0}.project-card-wrap .project-card{display:block}.project-delete{border:0;background:transparent;color:#9b929c;font-weight:600;font-size:12px;padding:11px 5px;cursor:pointer}.project-delete:hover{color:var(--danger)}.compact-project{min-height:95px;display:block}.compact-project .project-card-body{height:100%}
.choice-grid{grid-template-columns:1fr;max-width:760px}.choice-card{min-height:unset;padding:22px;display:grid;grid-template-columns:58px 1fr 25px;gap:15px;align-items:center}.choice-icon{margin:0;width:54px;height:54px;font-size:22px}.choice-arrow{position:static;font-size:30px;color:var(--purple)}.choice-card.featured{border-color:#d9c1de;background:linear-gradient(135deg,#fff,#fbf6fc)}
.menu-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--shadow);margin-bottom:24px}.menu-list a{display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:12px;padding:17px 18px;color:var(--ink);text-decoration:none}.menu-list a+a{border-top:1px solid var(--line)}.menu-icon{width:44px;height:44px;border-radius:13px;background:var(--purple-soft);display:grid;place-items:center;font-size:20px}.menu-list div{display:flex;flex-direction:column;gap:3px}.menu-list small{color:var(--muted)}.menu-list>b,.menu-list a>b{color:#aaa2ab;font-size:22px}.mobile-page-head{margin-bottom:28px}.mobile-page-head h1{font-size:48px;letter-spacing:-.045em;margin:0 0 8px}.mobile-page-head>p:last-child{color:var(--muted)}
.owner-unlock,.install-card{border:1px solid var(--line);border-radius:20px;padding:20px;margin-top:18px}.owner-unlock summary{font-weight:750;cursor:pointer}.owner-unlock p,.install-card p{color:var(--muted);line-height:1.5}.owner-unlock form{display:flex;gap:9px}.owner-unlock input{flex:1;padding:12px}.install-card{display:flex;gap:14px;align-items:flex-start;background:var(--purple-soft)}.install-card>span{font-size:25px}.install-card p{margin:5px 0 0;font-size:13px}
.access-body{min-height:100vh;display:grid;place-items:center;padding:28px;background:linear-gradient(180deg,#fff,#fbf7fc)}.access-shell{width:min(100%,440px);padding:36px;border:1px solid var(--line);border-radius:28px;box-shadow:0 28px 90px rgba(62,31,68,.12)}.access-shell h1{font-size:42px;line-height:1.03;letter-spacing:-.05em;margin:20px 0 14px}.access-lead{color:var(--muted);line-height:1.55}.access-form{display:flex;flex-direction:column;gap:10px;margin:26px 0 15px}.access-form label{font-weight:700}.access-form input{min-height:52px;border:1px solid #ded8df;border-radius:14px;padding:0 15px;font-size:16px}.access-shell>small{color:var(--muted)}
.upload-zone{background:#fdfbfd;border-color:#cdbfd0}.upload-zone:hover,.upload-zone.drag-active{border-color:var(--purple);background:var(--purple-soft)}.upload-icon{background:var(--purple-soft);color:var(--purple)}
.production-orb b{background:var(--purple);color:#fff}.stage.active i{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 0 0 6px rgba(113,50,126,.12)}.wizard-track .current,.workflow-steps .active{background:var(--purple)}

@media(max-width:900px){.app-shell{grid-template-columns:190px minmax(0,1fr)}main{padding:40px 28px 100px}}
@media(max-width:720px), (max-width:900px) and (max-height:500px){
  body{padding-bottom:env(safe-area-inset-bottom)}.app-shell{display:block}.desktop-navigation{display:none}.workspace-top{display:flex;position:sticky;height:58px;padding:0 18px;top:0;z-index:20}.compact-brand{display:block}.compact-brand .brand-wordmark{font-size:27px}.privacy-status{font-size:11px}
  main{padding:28px 18px 46px;max-width:680px}
  .home-hero{display:block;min-height:auto}.home-hero h1{font-size:51px}.home-hero>div>p:not(.eyebrow){font-size:16px}.home-brand-art{display:none}.home-hero .button{width:100%}.home-recents{margin-top:48px}.home-trust{flex-direction:column}.home-trust span{border-radius:14px}
  .home-dashboard{padding-top:18px}.home-dashboard>h1{font-size:56px;margin-top:22px}.home-dashboard>p:not(.eyebrow){font-size:18px}.home-dashboard>.button{width:100%}.home-project-card{padding:20px;grid-template-columns:1fr auto}.home-project-card h2{font-size:21px}.home-project-card p{font-size:14px}.focused-flow>h1{font-size:44px}.flow-copy{font-size:16px}.compact-upload{min-height:230px!important}
  .content-head,.flow-head{margin-bottom:26px}.content-head{gap:18px}.content-head h1,.flow-head h1,.page-head h1,.mobile-page-head h1{font-size:40px;line-height:1.03}.content-head .button{width:100%}.flow-head>p:last-child,.page-head p{font-size:15px}.back-link{margin-bottom:22px}
  .panel{padding:20px;border-radius:20px}.choice-card{padding:18px;grid-template-columns:50px 1fr 18px}.choice-icon{width:48px;height:48px}.choice-card h2{font-size:18px}.choice-card p{font-size:13px}.choice-arrow{font-size:25px}
  .project-grid,.style-grid{grid-template-columns:1fr}.project-thumb{height:150px}.empty-state{min-height:350px;padding:32px 20px}.wizard-actions{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:15;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:17px;padding:8px;box-shadow:0 15px 45px rgba(45,27,49,.14);display:grid;grid-template-columns:minmax(92px,.35fr) minmax(0,1fr);flex-direction:unset}.wizard-actions .button,.wizard-actions form,.wizard-actions form .button{width:100%;margin:0}.upload-zone{min-height:210px!important}.flow-aside{display:none}
  .review-layout{display:block}.video-stage{padding:8px;border-radius:18px}.review-video{width:100%;height:auto;max-height:68vh}.review-panel{display:flex;margin-top:18px}.revision-section{padding:20px}.summary{grid-template-columns:1fr 1fr}.score-grid{grid-template-columns:1fr}.owner-unlock form{flex-direction:column}.owner-unlock .button{width:100%}
}
@media(display-mode:standalone){.workspace-top{padding-top:env(safe-area-inset-top);height:calc(58px + env(safe-area-inset-top))}.access-body{padding-top:calc(28px + env(safe-area-inset-top))}}

/* Canonical review -> revision or approval decision flow. */
.review-decision-card{border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--purple-soft)}
.review-decision-card h2{font-size:25px;letter-spacing:-.025em;margin:4px 0 10px}
.review-decision-card>p:not(.eyebrow){color:var(--muted);line-height:1.55;margin:0 0 20px}
.approval-link{display:flex;align-items:center;justify-content:center;min-height:48px;color:var(--purple);font-weight:750;text-decoration:none}
.operator-audit{margin-top:32px}
.decision-flow{max-width:760px}
.decision-flow>h1{font-size:clamp(48px,7vw,76px);line-height:.98;letter-spacing:-.055em;margin:0 0 18px}
.revision-form,.approval-form{border:1px solid var(--line);border-radius:24px;padding:28px;background:#fff;box-shadow:var(--shadow)}
.revision-form textarea{min-height:170px}
.revision-chips{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:10px!important}
.revision-chips legend{width:100%;margin-bottom:4px}
.revision-chips label{display:block!important;cursor:pointer}
.revision-chips input{position:absolute;opacity:0;pointer-events:none}
.revision-chips label span{display:block;border:1px solid #d9c7dd;border-radius:999px;padding:10px 14px;background:#fff;color:var(--purple-dark);font-size:14px;font-weight:700}
.revision-chips input:checked+span{background:var(--purple);border-color:var(--purple);color:#fff}
.approval-check-card{display:flex;align-items:center;gap:16px;margin-bottom:18px;text-align:left}
.approval-check-card .approval-icon{flex:0 0 auto;margin:0}
.approval-check-card h2{margin:0 0 5px;font-size:20px}.approval-check-card p{margin:0;color:var(--muted)}
.approval-form{gap:20px}
.approval-form .approval-confirm{display:flex;flex-direction:row;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--purple-soft);font-size:14px;color:var(--ink)}
.approval-form .approval-confirm input{width:auto;min-height:auto;margin-top:3px}
.rating-details{border-top:1px solid var(--line);padding-top:18px}
.rating-details summary{cursor:pointer;font-weight:800}.rating-details summary span{float:right;color:var(--muted);font-size:12px;font-weight:500}
.rating-details>p{color:var(--muted);font-size:13px}
.approval-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.approval-score-grid label{font-size:13px}.approval-score-grid select{margin-top:6px}
@media(max-width:720px), (max-width:900px) and (max-height:500px){.review-head .back-link{display:block}.review-decision-card{padding:20px}.decision-flow>h1{font-size:46px}.revision-form,.approval-form{padding:20px;border-radius:20px}.approval-score-grid{grid-template-columns:1fr}.revision-chips label span{padding:9px 12px;font-size:13px}}
.form .approval-confirm{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;color:var(--muted)}
.form .approval-confirm input{width:auto;min-height:auto;margin-top:3px;flex:0 0 auto}

:root {
  color-scheme: light;

  --pbj-accent: #8b5cf6;
  --pbj-accent-deep: #6d3be8;
  --pbj-accent-soft: #eee7ff;
  --pbj-toast: #f2a65a;
  --pbj-bg-cream: linear-gradient(180deg, #fff 0%, #fff8f1 100%);
  --pbj-bg: var(--pbj-bg-cream);
  --pbj-surface: #f5f5f5;
  --pbj-surface-elevated: #fff;
  --pbj-text: #1d1d1f;
  --pbj-text-muted: #6b6b6b;
  --pbj-text-secondary: #8e8e93;
  --pbj-text-tertiary: #aeaeb2;
  --pbj-border: #e5e5ea;
  --pbj-border-strong: #d1d1d6;
  --pbj-danger: #d64545;
  --pbj-success: #2fa86a;
  --pbj-overlay: rgba(20, 16, 14, .45);

  --pbj-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;
  --pbj-ease: cubic-bezier(.22, 1, .36, 1);

  --pbj-space-1: 8px;
  --pbj-space-2: 16px;
  --pbj-space-3: 24px;
  --pbj-space-4: 32px;
  --pbj-space-6: 48px;
  --pbj-gutter: var(--pbj-space-3);
  --pbj-safe-top: env(safe-area-inset-top, 0px);
  --pbj-safe-bottom: env(safe-area-inset-bottom, 0px);
  --pbj-safe-left: env(safe-area-inset-left, 0px);
  --pbj-safe-right: env(safe-area-inset-right, 0px);

  --pbj-type-header-size: 34px;
  --pbj-type-header-line: 40px;
  --pbj-type-header-weight: 700;
  --pbj-type-subhead-size: 17px;
  --pbj-type-body-size: 17px;
  --pbj-type-caption-size: 13px;

  --pbj-radius-sm: 10px;
  --pbj-radius-md: 16px;
  --pbj-radius-lg: 22px;
  --pbj-radius-xl: 28px;
  --pbj-radius-pill: 999px;
  --pbj-shadow-sm: 0 1px 2px rgba(20, 16, 14, .06), 0 1px 1px rgba(20, 16, 14, .04);
  --pbj-shadow-md: 0 8px 24px rgba(20, 16, 14, .10), 0 2px 6px rgba(20, 16, 14, .06);
  --pbj-shadow-raised: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);

  --pbj-button-height: 56px;
  --pbj-button-radius: 28px;
  --pbj-input-height: 56px;
  --pbj-input-radius: 14px;
  --pbj-tap-min: 44px;

  /* Compatibility aliases while PBJ-owned templates move to the new tokens. */
  --ink: var(--pbj-text);
  --muted: var(--pbj-text-muted);
  --paper: #fffaf5;
  --card: var(--pbj-surface-elevated);
  --line: var(--pbj-border);
  --forest: #000;
  --green: var(--pbj-accent);
  --purple: var(--pbj-accent);
  --purple-dark: var(--pbj-accent-deep);
  --purple-soft: var(--pbj-accent-soft);
  --sage: var(--pbj-accent-soft);
  --lime: var(--pbj-accent-soft);
  --warm: #fff8f1;
  --danger: var(--pbj-danger);
  --shadow: var(--pbj-shadow-md);
}

html {
  min-height: 100%;
  background: #fff8f1;
  color-scheme: light;
}

body {
  min-height: 100dvh;
  background: var(--pbj-bg);
  color: var(--pbj-text);
  font-family: var(--pbj-font);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overscroll-behavior-y: none;
}

.access-body {
  background: var(--pbj-bg);
}

button,
input,
select,
textarea {
  font-family: inherit;
}

button,
a,
label {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--pbj-accent) 55%, transparent);
  outline-offset: 3px;
}

.pbj-type-header {
  margin: 0;
  color: var(--pbj-text);
  font-size: var(--pbj-type-header-size);
  font-weight: var(--pbj-type-header-weight);
  letter-spacing: -.4px;
  line-height: var(--pbj-type-header-line);
}

.pbj-type-subhead {
  margin: 0;
  color: var(--pbj-text-muted);
  font-size: var(--pbj-type-subhead-size);
  font-weight: 400;
}

.pbj-type-body {
  margin: 0;
  color: var(--pbj-text);
  font-size: var(--pbj-type-body-size);
  font-weight: 600;
}

.pbj-type-caption {
  margin: 0;
  color: var(--pbj-text-muted);
  font-size: var(--pbj-type-caption-size);
  font-weight: 400;
}

.button,
.pbj-button {
  display: inline-flex;
  min-height: var(--pbj-button-height);
  align-items: center;
  justify-content: center;
  gap: var(--pbj-space-1);
  border: 0;
  border-radius: var(--pbj-button-radius);
  padding: 0 var(--pbj-space-3);
  background: #000;
  box-shadow: var(--pbj-shadow-raised);
  color: #fff;
  cursor: pointer;
  font-size: var(--pbj-type-body-size);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  touch-action: manipulation;
  transition: transform .15s var(--pbj-ease), opacity .15s var(--pbj-ease),
    box-shadow .15s var(--pbj-ease), background .15s var(--pbj-ease);
}

.button:hover,
.pbj-button:hover {
  background: #000;
  transform: none;
}

.button:active,
.pbj-button:active {
  transform: scale(.97);
}

.button.secondary,
.pbj-button.secondary {
  border: 1px solid var(--pbj-border-strong);
  background: var(--pbj-surface-elevated);
  color: #000;
}

.button.text,
.pbj-button.text {
  min-height: var(--pbj-tap-min);
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--pbj-text-muted);
  font-weight: 400;
}

.button:disabled,
.pbj-button:disabled {
  background: var(--pbj-border);
  box-shadow: none;
  color: #a1a1a6;
  cursor: not-allowed;
  transform: none;
}

.button.wide,
.pbj-button.wide {
  width: 100%;
}

.panel,
.pbj-card {
  border: 1px solid var(--pbj-border);
  border-radius: var(--pbj-radius-md);
  background: var(--pbj-surface-elevated);
  box-shadow: var(--pbj-shadow-sm);
}

.form input,
.form select,
.form textarea,
.access-form input,
.owner-unlock input,
.pbj-input {
  min-height: var(--pbj-input-height);
  border: 1px solid transparent;
  border-radius: var(--pbj-input-radius);
  background: #f2f2f7;
  color: var(--pbj-text);
  font-size: 16px;
  outline: none;
  transition: border-color .15s var(--pbj-ease), box-shadow .15s var(--pbj-ease);
}

.form textarea,
textarea.pbj-input {
  min-height: 132px;
}

.form input:focus,
.form select:focus,
.form textarea:focus,
.access-form input:focus,
.owner-unlock input:focus,
.pbj-input:focus {
  border-color: var(--pbj-accent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--pbj-accent) 12%, transparent);
}

.pbj-back-button {
  display: inline-flex;
  width: var(--pbj-tap-min);
  height: var(--pbj-tap-min);
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: var(--pbj-surface);
  color: var(--pbj-text);
  cursor: pointer;
  text-decoration: none;
  transition: transform .12s var(--pbj-ease), background .15s var(--pbj-ease);
}

.pbj-back-button:active {
  background: var(--pbj-border);
  transform: scale(.93);
}

.pbj-sheet {
  position: fixed;
  z-index: 50;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--pbj-space-3) var(--pbj-gutter)
    calc(var(--pbj-space-3) + var(--pbj-safe-bottom));
  border-radius: var(--pbj-radius-xl) var(--pbj-radius-xl) 0 0;
  background: var(--pbj-surface-elevated);
  box-shadow: 0 -12px 45px rgba(20, 16, 14, .16);
}

.pbj-sheet::before {
  display: block;
  width: 36px;
  height: 5px;
  margin: -8px auto var(--pbj-space-3);
  border-radius: var(--pbj-radius-pill);
  background: var(--pbj-border-strong);
  content: "";
}

.pbj-progress {
  height: 6px;
  overflow: hidden;
  border-radius: var(--pbj-radius-pill);
  background: var(--pbj-accent-soft);
}

.pbj-progress > span {
  display: block;
  width: var(--pbj-progress, 0%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--pbj-accent), var(--pbj-accent-deep));
  transition: width .35s var(--pbj-ease);
}

.pbj-sandwich-logo {
  display: block;
  width: 76px;
  height: 76px;
  object-fit: contain;
  user-select: none;
}

.pbj-sandwich-build {
  position: relative;
  width: 155px;
  aspect-ratio: 480 / 517;
  flex: 0 0 auto;
}

.pbj-sandwich-build > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

/* Phase 2: Troy-derived mobile shell applied to PBJ's real routes/state. */
.pbj-access {
  width: min(100%, 390px);
  min-height: 100dvh;
  margin: 0 auto;
  padding: calc(var(--pbj-safe-top) + 72px) var(--pbj-gutter)
    calc(var(--pbj-safe-bottom) + var(--pbj-space-3));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}
.pbj-access__intro { display: flex; flex-direction: column; align-items: center; }
.pbj-access__mark { width: 76px; height: 76px; object-fit: contain; animation: pbj-slide-up .5s var(--pbj-ease); }
.pbj-access__kicker { margin: 24px 0 8px; color: var(--pbj-accent); font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.pbj-access h1 { margin: 0; font-size: 34px; line-height: 40px; letter-spacing: -.5px; }
.pbj-access .access-lead { margin: 10px 0 0; color: var(--pbj-text-muted); font-size: 17px; line-height: 1.45; }
.pbj-access__entry { display: flex; flex-direction: column; gap: 14px; }
.pbj-access__entry > small { color: var(--pbj-text-secondary); font-size: 12px; }
.pbj-access .access-form { display: flex; flex-direction: column; gap: 12px; text-align: left; }
.pbj-access .access-form label { color: var(--pbj-text-muted); font-size: 13px; font-weight: 600; }
.pbj-access .access-form input { width: 100%; padding: 0 16px; text-align: center; }

.pbj-home { position: relative; min-height: calc(100dvh - 128px); }
.pbj-home__settings { position: absolute; top: 0; right: 0; z-index: 2; display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: var(--pbj-surface); color: var(--pbj-text-secondary); font-size: 18px; text-decoration: none; }
.pbj-home__center { min-height: inherit; display: flex; flex-direction: column; align-items: stretch; }
.pbj-home__intro { display: flex; flex-direction: column; align-items: center; padding: 18px 52px 0; text-align: center; }
.pbj-home__mark { width: 68px; height: 68px; margin-bottom: 18px; object-fit: contain; animation: pbj-slide-up .5s var(--pbj-ease); }
.pbj-home__greeting { margin: 0 0 5px; color: var(--pbj-accent); font-size: 12px; font-weight: 700; text-transform: capitalize; }
.pbj-home__intro h1 { margin: 0; max-width: 520px; font-size: clamp(34px, 7vw, 54px); line-height: 1.05; letter-spacing: -.045em; }
.pbj-home__intro > p:last-child { max-width: 440px; margin: 12px 0 0; color: var(--pbj-text-muted); font-size: 16px; line-height: 1.45; }
.pbj-home__recents { width: min(100%, 620px); margin: 40px auto 24px; display: flex; flex-direction: column; gap: 10px; }
.pbj-section-label { display: flex; align-items: center; justify-content: space-between; padding: 0 3px; color: var(--pbj-text-muted); font-size: 13px; font-weight: 600; }
.pbj-section-label a { color: var(--pbj-accent); text-decoration: none; }
.pbj-home__project { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-radius: var(--pbj-radius-md); background: rgba(255,255,255,.82); box-shadow: var(--pbj-shadow-sm); color: var(--pbj-text); text-decoration: none; }
.pbj-home__project h2 { margin: 0 0 4px; font-size: 16px; }
.pbj-home__project p { margin: 0; color: var(--pbj-text-muted); font-size: 12px; }
.pbj-project-state { flex: 0 0 auto; padding: 6px 9px; border-radius: 999px; background: var(--pbj-surface); color: var(--pbj-text-muted); font-size: 10px; font-weight: 700; }
.pbj-project-state.approved, .pbj-project-state.rough_cut_ready { background: var(--pbj-accent-soft); color: var(--pbj-accent-deep); }
.pbj-project-state.rough_cut_failed, .pbj-project-state.analysis_failed { background: #fff0ee; color: var(--pbj-danger); }
.pbj-home__actions { width: min(100%, 420px); margin: auto auto 0; display: flex; flex-direction: column; gap: 12px; }

.pbj-projects-head, .pbj-more-head, .pbj-settings-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.pbj-more-head, .pbj-settings-head { display: block; }
.pbj-projects-head h1, .pbj-more-head h1, .pbj-settings-head h1 { margin: 0 0 8px; font-size: 40px; line-height: 1; letter-spacing: -.04em; }
.pbj-projects-head p:last-child, .pbj-more-head p:last-child, .pbj-settings-head p:last-child { margin: 0; color: var(--pbj-text-muted); font-size: 15px; }
.pbj-new-project { display: grid; width: 48px; height: 48px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #000; color: #fff; font-size: 27px; line-height: 1; text-decoration: none; }
.pbj-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 16px; }
.pbj-project-tile { min-width: 0; }
.pbj-project-tile__link { color: var(--pbj-text); text-decoration: none; }
.pbj-project-tile__thumb { position: relative; aspect-ratio: 3 / 4; overflow: hidden; border-radius: var(--pbj-radius-md); background: linear-gradient(145deg, #332b3d, #8b5cf6 55%, #f2a65a); box-shadow: var(--pbj-shadow-sm); }
.pbj-project-tile__thumb::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.38)); content: ""; }
.pbj-project-tile__clips, .pbj-project-tile__duration { position: absolute; z-index: 1; bottom: 8px; padding: 4px 6px; border-radius: 7px; background: rgba(0,0,0,.55); color: #fff; font-size: 9px; font-weight: 700; }
.pbj-project-tile__clips { left: 8px; }.pbj-project-tile__duration { right: 8px; }
.pbj-project-tile__meta { display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; padding: 9px 1px 0; }
.pbj-project-tile__meta h2 { max-width: 150px; overflow: hidden; margin: 0 0 3px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.pbj-project-tile__meta p { margin: 0; color: var(--pbj-text-muted); font-size: 11px; }
.pbj-project-tile__delete { min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--pbj-danger); font: 500 12px var(--pbj-font); cursor: pointer; }
.pbj-projects-empty { min-height: 54dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.pbj-projects-empty__mark { width: 68px; height: 68px; object-fit: contain; opacity: .9; }
.pbj-projects-empty h2 { margin: 18px 0 4px; font-size: 20px; }.pbj-projects-empty p { margin: 0 0 24px; color: var(--pbj-text-muted); }

.pbj-menu-list { overflow: hidden; border: 1px solid var(--pbj-border); border-radius: var(--pbj-radius-lg); background: rgba(255,255,255,.88); box-shadow: var(--pbj-shadow-sm); }
.pbj-menu-list > a { display: flex; min-height: 72px; align-items: center; gap: 13px; padding: 10px 16px; color: var(--pbj-text); text-decoration: none; }
.pbj-menu-list > a + a { border-top: 1px solid var(--pbj-border); }
.pbj-menu-list a div { min-width: 0; display: flex; flex: 1; flex-direction: column; gap: 3px; }.pbj-menu-list strong { font-size: 15px; }.pbj-menu-list small { overflow: hidden; color: var(--pbj-text-muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.pbj-menu-list b { color: var(--pbj-text-tertiary); font-size: 25px; font-weight: 300; }
.pbj-menu-icon { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 12px; background: var(--pbj-accent-soft); color: var(--pbj-accent-deep); font-size: 18px; }
.owner-unlock { margin-top: 20px; border: 1px solid var(--pbj-border); border-radius: var(--pbj-radius-md); padding: 16px; background: rgba(255,255,255,.78); }.owner-unlock summary { cursor: pointer; font-weight: 650; }.owner-unlock p { color: var(--pbj-text-muted); font-size: 13px; line-height: 1.45; }.owner-unlock form { display: flex; gap: 10px; }.owner-unlock input { width: 100%; padding: 0 14px; }
.pbj-install-card { display: flex; align-items: center; gap: 14px; margin-top: 20px; padding: 18px; border-radius: var(--pbj-radius-md); background: var(--pbj-accent-soft); }.pbj-install-card > span { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: var(--pbj-accent); color: #fff; font-size: 20px; }.pbj-install-card strong { font-size: 14px; }.pbj-install-card p { margin: 4px 0 0; color: var(--pbj-text-muted); font-size: 12px; line-height: 1.4; }

.pbj-settings-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr); gap: 24px; align-items: start; }
.pbj-settings-form, .pbj-settings-info { padding: 22px; border: 1px solid var(--pbj-border); border-radius: var(--pbj-radius-lg); background: rgba(255,255,255,.88); box-shadow: var(--pbj-shadow-sm); }
.pbj-settings-form label > span { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }.pbj-settings-form label small { color: var(--pbj-text-muted); font-size: 11px; font-weight: 400; }.pbj-settings-form input { padding: 0 14px; }
.pbj-settings-info h2 { margin: 0 0 20px; font-size: 20px; }.pbj-settings-info > div + div { margin-top: 18px; }.pbj-settings-info p { margin: 4px 0 0; color: var(--pbj-text-muted); font-size: 13px; line-height: 1.45; }.pbj-settings-info > small { display: block; margin-top: 24px; color: var(--pbj-text-secondary); font-size: 11px; line-height: 1.4; }

/* Phase 3: canonical project creation, backed entirely by PBJ routes/state. */
.pbj-create-flow { width: min(100%, 760px); margin: 0 auto; }
.pbj-create-top { display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; margin-bottom: 14px; text-align: center; }
.pbj-create-top > span:nth-child(2) { font-size: 15px; font-weight: 650; }
.pbj-create-step { color: var(--pbj-text-muted); font-size: 11px; font-variant-numeric: tabular-nums; }
.pbj-create-flow > .pbj-progress { width: calc(100% - 88px); height: 4px; margin: 0 auto 36px; }
.pbj-create-hero { max-width: 600px; margin: 0 auto 28px; text-align: center; animation: pbj-slide-up .4s var(--pbj-ease); }
.pbj-create-hero h1 { margin: 0; font-size: clamp(34px, 6vw, 52px); line-height: 1.03; letter-spacing: -.045em; }
.pbj-create-hero > p:last-child { max-width: 520px; margin: 10px auto 0; color: var(--pbj-text-muted); font-size: 16px; line-height: 1.5; }
.pbj-create-form { padding: 22px; border: 1px solid rgba(94,62,22,.1); border-radius: var(--pbj-radius-lg); background: rgba(255,255,255,.78); box-shadow: var(--pbj-shadow-sm); }
.pbj-create-form label { color: var(--pbj-text); font-size: 14px; }
.pbj-create-form label > span { color: var(--pbj-text-muted); font-weight: 400; }
.pbj-create-form input, .pbj-create-form textarea { padding: 15px 16px; }
.pbj-create-form .pbj-recipe-field { min-height: 235px; border: 1px solid rgba(94,62,22,.1); background: color-mix(in srgb, #f2a65a 5%, white); box-shadow: inset 0 3px 6px rgba(94,62,22,.07); font-size: 18px; line-height: 1.5; }
.pbj-create-form .upload-zone { min-height: 260px !important; border: 1.5px dashed var(--pbj-border-strong); border-radius: var(--pbj-radius-lg); background: rgba(242,242,247,.72); }
.pbj-create-form .upload-zone:hover, .pbj-create-form .upload-zone.drag-active { border-color: var(--pbj-accent); background: var(--pbj-accent-soft); }
.pbj-create-form .upload-icon { width: 52px; height: 52px; background: var(--pbj-accent-soft); color: var(--pbj-accent-deep); font-size: 25px; }
.pbj-create-form .choose-files { min-height: 44px; display: inline-flex; align-items: center; border: 0; border-radius: 22px; padding: 0 18px; background: #000; color: #fff; font: 600 14px var(--pbj-font); }
.pbj-create-form .selected-files { border-color: var(--pbj-border); border-radius: var(--pbj-radius-md); background: #fff; }
.pbj-create-form .selected-files-head { background: var(--pbj-surface); }
.pbj-create-form .selected-file > span, .pbj-create-form .media-icon { background: var(--pbj-accent-soft); color: var(--pbj-accent-deep); }
.pbj-media-note { display: flex; gap: 7px; margin: 0; color: var(--pbj-text-muted); font-size: 12px; line-height: 1.45; }
.pbj-create-flow .skip-form button { min-height: 44px; color: var(--pbj-text-muted); font-weight: 500; }
.pbj-create-media-layout { grid-template-columns: minmax(0, 1fr) 240px; }
.pbj-create-media-layout .flow-aside { border-radius: var(--pbj-radius-lg); background: rgba(255,255,255,.5); padding: 22px; }
.pbj-create-media-layout .flow-aside > span { color: var(--pbj-accent); }
.pbj-create-form .media-row { border: 0; border-radius: var(--pbj-radius-md); background: var(--pbj-surface); }
.pbj-create-form .media-row em { color: var(--pbj-accent-deep); font-weight: 650; }
.pbj-create-flow .direction-recap { border: 1px solid color-mix(in srgb, var(--pbj-accent) 18%, transparent); background: var(--pbj-accent-soft); box-shadow: none; }
.pbj-create-flow .prompt-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -22px; padding: 2px 22px 7px; scrollbar-width: none; }
.pbj-create-flow .prompt-chips::-webkit-scrollbar { display: none; }
.pbj-create-flow .prompt-chips button { flex: 0 0 auto; min-height: 44px; border-color: rgba(94,62,22,.1); background: #fff; color: var(--pbj-text); font-weight: 500; }

/* Phase 4: truthful real-job cooking and validated Timeline Ready states. */
.pbj-cooking-page { width: min(100%, 700px); min-height: calc(100dvh - 128px); margin: 0 auto; display: flex; flex-direction: column; }
.pbj-cooking-top { display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; text-align: center; }
.pbj-cooking-top > span:nth-child(2) { font-size: 15px; font-weight: 650; }
.pbj-cooking-body { display: flex; flex-direction: column; align-items: center; padding-top: 32px; text-align: center; }
.pbj-cooking-sandwich { width: 138px; animation: pbj-cooking-float 3.2s ease-in-out infinite; }
.pbj-cooking-body .eyebrow, .pbj-cooking-body .step-count { margin-top: 24px; }
.pbj-cooking-body h1, .pbj-cooking-failure h1 { margin: 0; font-size: 36px; line-height: 1.06; letter-spacing: -.04em; }
.pbj-cooking-body .production-lead, .pbj-cooking-failure .production-lead { max-width: 560px; margin: 10px auto 0; color: var(--pbj-text-muted); font-size: 15px; line-height: 1.5; }
.pbj-cooking-body .elapsed-timer { margin-top: 20px; border-color: var(--pbj-border); box-shadow: var(--pbj-shadow-sm); }
.pbj-cooking-stages { width: min(100%, 600px); margin: 30px auto 0; border-color: var(--pbj-border); border-radius: var(--pbj-radius-lg); box-shadow: var(--pbj-shadow-sm); }
.pbj-cooking-stages .stage.active i { border-color: var(--pbj-accent); background: var(--pbj-accent); color: #fff; box-shadow: 0 0 0 6px color-mix(in srgb, var(--pbj-accent) 13%, transparent); }
.pbj-cooking-stages .stage.done { color: var(--pbj-accent-deep); }.pbj-cooking-stages .stage.done i { border-color: var(--pbj-accent-soft); background: var(--pbj-accent-soft); }
.pbj-cooking-nudge { max-width: 520px; margin: 22px auto 0; color: var(--pbj-text-secondary); font-size: 12px; line-height: 1.45; text-align: center; }
.pbj-cooking-failure { padding-top: 30px; text-align: center; }.pbj-cooking-failure .failure-orb { background: #fff0ee; color: var(--pbj-danger); }.pbj-cooking-failure .eyebrow { color: var(--pbj-danger); }
.pbj-failure-card { width: min(100%, 600px); margin: 28px auto 0; border: 1px solid var(--pbj-border); border-radius: var(--pbj-radius-lg); background: rgba(255,255,255,.84); box-shadow: var(--pbj-shadow-sm); }.pbj-failure-card > a { color: var(--pbj-text-muted); }
.pbj-reference-cooking .pbj-cooking-body { flex: 1; justify-content: center; padding-bottom: 40px; }
@keyframes pbj-cooking-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }

.pbj-ready-page { width: min(100%, 620px); min-height: calc(100dvh - 128px); margin: 0 auto; display: flex; flex-direction: column; }
.pbj-ready-card-zone { display: flex; justify-content: center; padding: 18px 0 26px; background: radial-gradient(75% 85% at 50% 10%, var(--pbj-accent-soft), transparent 78%); }
.pbj-ready-card { position: relative; width: min(100%, 300px); display: flex; flex-direction: column; align-items: center; gap: 9px; padding: 26px 20px 16px; border: 1.5px dashed var(--pbj-border-strong); border-radius: var(--pbj-radius-lg); background: #fff; box-shadow: var(--pbj-shadow-md); animation: pbj-ready-in .5s var(--pbj-ease) both; }
.pbj-ready-card__brand { color: var(--pbj-text-tertiary); font-size: 10px; font-weight: 800; letter-spacing: .16em; }.pbj-ready-card__mark { width: 72px; height: 72px; margin: 3px 0; object-fit: contain; }.pbj-ready-card > p { margin: 0; font-size: 14px; font-weight: 650; }
.pbj-ready-stamp { display: flex; flex-direction: column; align-items: center; margin: 12px 0 14px; border: 2px solid var(--pbj-accent); outline: 1px solid var(--pbj-accent); outline-offset: 3px; border-radius: 11px; padding: 8px 22px; color: var(--pbj-accent); transform: rotate(-6deg); }.pbj-ready-stamp strong { font-size: 21px; letter-spacing: .04em; }.pbj-ready-stamp small { font-size: 8px; font-weight: 700; letter-spacing: .08em; }
.pbj-ready-card__footer { width: 100%; display: flex; justify-content: space-between; border-top: 1px dashed var(--pbj-border); padding-top: 10px; color: var(--pbj-text-tertiary); font-size: 9px; font-weight: 650; letter-spacing: .04em; }
.pbj-ready-copy { text-align: center; }.pbj-ready-copy h1 { margin: 0; font-size: 34px; line-height: 1.05; letter-spacing: -.04em; }.pbj-ready-copy > p:last-child { max-width: 520px; margin: 10px auto 0; color: var(--pbj-text-muted); font-size: 14px; line-height: 1.5; }
.pbj-ready-actions { width: min(100%, 420px); margin: auto auto 0; padding-top: 24px; display: flex; flex-direction: column; gap: 4px; }
@keyframes pbj-ready-in { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }

@keyframes pbj-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes pbj-slide-up {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pbj-spin {
  to { transform: rotate(360deg); }
}

.button-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, .35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: pbj-spin .7s linear infinite;
}

@media (max-width: 767px), (max-width: 900px) and (max-height: 500px) {
  main {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding-right: max(var(--pbj-gutter), var(--pbj-safe-right));
    padding-left: max(var(--pbj-gutter), var(--pbj-safe-left));
  }

  .panel,
  .pbj-card {
    padding: var(--pbj-space-2);
  }

  .workspace-top { background: rgba(255,255,255,.72); border-bottom-color: rgba(229,229,234,.72); }
  .compact-brand .brand-wordmark { color: #000; }
  .privacy-status { color: var(--pbj-text-muted); }
  .pbj-home { min-height: calc(100dvh - 104px - var(--pbj-safe-bottom)); }
  .pbj-home__intro { padding-top: 4px; }
  .pbj-home__intro h1 { font-size: 34px; }
  .pbj-home__recents { margin-top: 32px; }
  .pbj-projects-head, .pbj-more-head, .pbj-settings-head { margin-bottom: 24px; }
  .pbj-projects-head h1, .pbj-more-head h1, .pbj-settings-head h1 { font-size: 34px; }
  .pbj-project-state { font-size: 9px; }
  .pbj-settings-layout { grid-template-columns: 1fr; }
  .pbj-settings-form, .pbj-settings-info { padding: 18px; }
  .pbj-settings-form label > span { align-items: flex-start; flex-direction: column; gap: 3px; }
  .pbj-create-flow { min-height: calc(100dvh - 82px - var(--pbj-safe-bottom)); }
  .pbj-create-top { margin-top: -8px; }
  .pbj-create-flow > .pbj-progress { margin-bottom: 30px; }
  .pbj-create-hero { margin-bottom: 24px; }
  .pbj-create-hero h1 { font-size: 34px; }
  .pbj-create-hero > p:last-child { font-size: 15px; }
  .pbj-create-form { padding: 18px; }
  .pbj-create-form .pbj-recipe-field { min-height: 220px; }
  .pbj-create-form .upload-zone { min-height: 230px !important; }
  .pbj-create-media-layout { display: block; }
  .pbj-create-media-layout .flow-aside { display: none; }
  .pbj-create-flow .wizard-actions { bottom: calc(8px + var(--pbj-safe-bottom)); border-color: var(--pbj-border); background: rgba(255,255,255,.92); }
  .pbj-cooking-page, .pbj-ready-page { min-height: calc(100dvh - 104px - var(--pbj-safe-bottom)); }
  .pbj-cooking-top { margin-top: -8px; }
  .pbj-cooking-body { padding-top: 20px; }
  .pbj-cooking-sandwich { width: 120px; }
  .pbj-cooking-body h1, .pbj-cooking-failure h1 { font-size: 32px; }
  .pbj-cooking-stages { margin-top: 24px; padding: 8px 18px; }
  .pbj-cooking-stages .stage { padding: 14px 0; }
  .pbj-failure-card { padding: 20px; }
  .pbj-ready-card-zone { padding-top: 4px; }
  .pbj-ready-card { max-width: 280px; }
  .pbj-ready-copy h1 { font-size: 31px; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* Screen compositions ported from Swag420Money/PB-J at 10c8efd.
   PBJ supplies real routes, data, uploads, progress, and rendered-cut review. */

.pbj-back-floating{position:fixed;top:calc(var(--pbj-safe-top) + 24px);left:var(--pbj-gutter);z-index:30}
.pbj-screen-exact .button,.pbj-screen-exact button,.pbj-screen-exact input,.pbj-screen-exact textarea{font-family:var(--pbj-font)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.pbj-np2,.pbj-np1,.pbj-teach-it,.pbj-projects{position:relative;min-height:100dvh;background:var(--pbj-bg)}

.pbj-np2__form,.pbj-np1__form,.pbj-teach-it__form{min-height:100dvh;display:flex;flex-direction:column}
.pbj-np2__body{display:flex;flex-direction:column;padding:calc(var(--pbj-safe-top) + 92px) var(--pbj-gutter) 0}
.pbj-np2__hero{text-align:center;animation:pbj-slide-up .5s var(--pbj-ease)}
.pbj-np2__title{margin:0;color:var(--pbj-text);font-size:var(--pbj-type-header-size);font-weight:700;letter-spacing:-.7px;line-height:var(--pbj-type-header-line)}
.pbj-np2__subtitle{margin:4px 0 0;color:var(--pbj-text-muted);font-size:17px;font-weight:400}
.pbj-np2__name{display:flex;flex-direction:column;gap:7px;margin-top:28px;color:var(--pbj-text-muted);font-size:12px;font-weight:600}
.pbj-np2__name span{font-weight:400}.pbj-np2__name input{height:44px;border:0;border-bottom:1px solid rgba(94,62,22,.12);border-radius:0;background:transparent;padding:0;font-size:16px;outline:0}
.pbj-np2__prompt-wrap{width:100%;margin:32px 0 0}
.pbj-np2__prompt{width:100%;box-sizing:border-box;min-height:235px;max-height:256px;resize:none;overflow-y:auto;border:1px solid rgba(94,62,22,.1);border-radius:16px;background:color-mix(in srgb,#f2a65a 7%,white);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 3px 6px rgba(94,62,22,.09);outline:0;padding:16px;font:400 19px/1.5 var(--pbj-font);color:rgba(0,0,0,.9);caret-color:#000}
.pbj-np2__prompt::placeholder{color:rgba(60,60,67,.4)}
.pbj-np2__chips-row{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;margin:32px calc(-1 * var(--pbj-gutter)) 0;padding:0 var(--pbj-gutter)}
.pbj-np2__chips-row::-webkit-scrollbar{display:none}.pbj-np2__chip{flex:0 0 auto;border:1px solid rgba(94,62,22,.1);border-radius:999px;background:color-mix(in srgb,#f2a65a 5%,white);box-shadow:0 2px 5px rgba(94,62,22,.07);padding:10px 16px;color:var(--pbj-text);font-size:15px;font-weight:500}
.pbj-np2__summary{margin:26px 0 0;text-align:center;color:var(--pbj-text-muted);font-size:13px}
.pbj-np2__footer,.pbj-np1__footer{margin-top:auto;padding:24px var(--pbj-gutter) calc(var(--pbj-safe-bottom) + 18px)}

.pbj-np1__body{min-height:100dvh;display:flex;flex-direction:column;padding:calc(var(--pbj-safe-top) + 72px) var(--pbj-gutter) 0}
.pbj-np1__hero{text-align:center;animation:pbj-slide-up .5s var(--pbj-ease)}
.pbj-np1__title-display{margin:0;font-size:34px;font-weight:700;letter-spacing:-.4px;line-height:40px}
.pbj-np1__intro{max-width:460px;margin:12px auto 0;color:var(--pbj-text-muted);font-size:15px;line-height:1.5}
.pbj-np1__middle{flex:1;min-height:0;display:flex;flex-direction:column;gap:24px}
.pbj-np1__section{flex:1;display:flex;flex-direction:column;padding-top:28px}
.pbj-np1__form{flex:1;min-height:0}
.pbj-np1__dropzone-empty{position:relative;width:min(100%,560px);min-height:136px;margin:0 auto;box-sizing:border-box;padding:22px 24px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;border:1.5px dashed var(--pbj-border-strong);border-radius:22px;background:var(--pbj-surface);color:var(--pbj-text-secondary);font-size:14px;text-align:left}
.pbj-np1__dropzone-empty:hover,.pbj-np1__dropzone-empty.drag-active{border-color:var(--pbj-accent);background:var(--pbj-accent-soft)}
.pbj-np1__dropzone-copy{display:grid;gap:5px}.pbj-np1__dropzone-copy strong{color:var(--pbj-text);font-size:17px}.pbj-np1__dropzone-copy small{font-weight:400;color:var(--pbj-text-muted)}
.pbj-np1__plus{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--pbj-accent-soft);font-size:28px;color:var(--pbj-accent)}
.pbj-np1__choose{padding:9px 14px;border-radius:999px;background:#000;color:#fff;font-size:13px;font-weight:700}
.pbj-np1__form>.selected-files{width:min(100%,560px);margin:16px auto 0}
.pbj-np1__clip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.pbj-np1__clip-tile{aspect-ratio:1;border-radius:16px;background:linear-gradient(145deg,#d8c8fb,#8b5cf6);padding:8px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden}.pbj-np1__clip-tile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.pbj-teach-it{display:flex;flex-direction:column}.pbj-teach-it__body{min-height:100dvh;display:flex;flex-direction:column;padding:calc(var(--pbj-safe-top) + 92px) var(--pbj-gutter) 0}.pbj-teach-it__ask-hero{text-align:center;animation:pbj-slide-up .5s var(--pbj-ease)}
.pbj-teach-it__title{margin:0 0 8px;font-size:34px;line-height:40px;letter-spacing:-.4px}.pbj-teach-it__sub{max-width:320px;margin:0 auto;color:var(--pbj-text-muted);font-size:17px;line-height:1.35}
.pbj-teach-it__form{flex:1;min-height:0}.pbj-teach-it__dropzone-wrap{flex:1;min-height:220px;display:flex;align-items:center;justify-content:center}.pbj-teach-it__dropzone{position:relative;width:160px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;border:1.5px solid #000;border-radius:22px;background:#fff;box-shadow:var(--pbj-shadow-sm);font-size:13px;text-align:center}.pbj-teach-it__dropzone small{color:var(--pbj-text-muted);font-weight:400}.pbj-teach-it__plus{font-size:26px}.pbj-teach-it .selected-files{margin:0}.pbj-teach-it__privacy{text-align:center;color:var(--pbj-text-muted);font-size:12px}.pbj-teach-it__footer{padding:12px 0 calc(var(--pbj-safe-bottom) + 10px)}.pbj-teach-it__skip{text-align:center;padding-bottom:calc(var(--pbj-safe-bottom) + 12px)}.pbj-teach-it__skip button{min-height:44px;border:0;background:transparent;color:var(--pbj-text-muted);font-size:14px}

.pbj-projects__body{min-height:100dvh;display:flex;flex-direction:column;padding:calc(var(--pbj-safe-top) + 92px) var(--pbj-gutter) calc(var(--pbj-safe-bottom) + 24px)}.pbj-projects__title{margin:0 0 32px;font-size:34px;line-height:40px;letter-spacing:-.4px}.pbj-projects .pbj-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pbj-projects .pbj-project-tile{padding:5px;border:0;border-radius:20px;background:rgba(255,255,255,.64);box-shadow:none}.pbj-projects .pbj-project-tile__thumb{aspect-ratio:3/4;border-radius:16px}.pbj-projects .pbj-project-tile__meta{padding:7px 2px 0}.pbj-projects .pbj-project-tile__meta h2{font-size:13px}.pbj-projects .pbj-project-tile__meta p,.pbj-projects .pbj-project-state{font-size:10px}.pbj-projects .pbj-project-tile__delete{min-height:44px;margin-top:2px;font-size:11px}.pbj-projects .pbj-projects-empty{flex:1;min-height:0}.pbj-projects .pbj-projects-empty__mark,.pbj-projects .pbj-projects-empty .button{display:none}

.pbj-settings-exact{position:relative;min-height:100dvh;background:var(--pbj-bg);padding:calc(var(--pbj-safe-top) + 92px) var(--pbj-gutter) calc(var(--pbj-safe-bottom) + 24px)}
.pbj-settings-exact__hero h1{margin:0 0 8px;font-size:34px;line-height:40px;letter-spacing:-.4px}.pbj-settings-exact__hero p{margin:0;color:var(--pbj-text-muted);font-size:17px}.pbj-settings-exact__avatar{width:64px;height:64px;margin:32px auto;display:grid;place-items:center;border-radius:50%;background:var(--pbj-accent);color:#fff;font-size:22px;font-weight:700}.pbj-settings-exact__list{overflow:hidden;border-radius:16px;background:rgba(120,120,128,.06)}.pbj-settings-exact__list a{min-height:58px;display:flex;align-items:center;gap:12px;padding:0 16px;color:var(--pbj-text);text-decoration:none}.pbj-settings-exact__list a+a{border-top:.5px solid rgba(60,60,67,.12)}.pbj-settings-exact__list a span{width:30px;color:var(--pbj-accent);text-align:center}.pbj-settings-exact__list a div{display:flex;flex:1;flex-direction:column}.pbj-settings-exact__list a strong{font-size:16px}.pbj-settings-exact__list a small{color:var(--pbj-text-muted);font-size:12px}.pbj-settings-exact__list a b{color:var(--pbj-text-tertiary);font-size:22px}.pbj-settings-exact__owner{margin-top:24px}.pbj-settings-exact__install{margin-top:24px;padding:16px;border-radius:16px;background:var(--pbj-accent-soft);color:var(--pbj-text-muted);font-size:13px;line-height:1.45}.pbj-settings-exact__install strong{display:block;margin-bottom:3px;color:var(--pbj-text);font-size:15px}

@media(max-width:720px),(max-width:900px) and (max-height:500px){
  .desktop-navigation,.workspace-top{display:none!important}.app-shell,.workspace{display:block;min-height:100dvh}
  .workspace main{width:100%;max-width:480px;margin:0 auto;padding:calc(var(--pbj-safe-top) + 16px) max(var(--pbj-gutter),var(--pbj-safe-right)) calc(var(--pbj-safe-bottom) + 24px) max(var(--pbj-gutter),var(--pbj-safe-left))!important}
  .workspace main:has(> .pbj-screen-exact){max-width:none;padding:0!important}
  .pbj-screen-exact{width:100%;max-width:none;margin:0}
  .pbj-home{min-height:100dvh}.pbj-home__settings{position:fixed;top:calc(var(--pbj-safe-top) + 24px);right:var(--pbj-gutter)}.pbj-home__center{min-height:100dvh;justify-content:space-between;padding:calc(var(--pbj-safe-top) + 88px) var(--pbj-gutter) calc(var(--pbj-safe-bottom) + 18px)}.pbj-home__mark{width:64px;height:64px;margin:0 auto}.pbj-home__recents{margin:auto 0;max-height:38dvh;overflow:auto}.pbj-home__actions{margin:0;width:100%}
  .pbj-access{min-height:100dvh;padding:calc(var(--pbj-safe-top) + 72px) var(--pbj-gutter) calc(var(--pbj-safe-bottom) + 18px)}
}

@media(min-width:721px) and (min-height:501px){.pbj-screen-exact{max-width:760px;margin:0 auto}.pbj-np2__form,.pbj-np1__body,.pbj-teach-it__body,.pbj-projects__body{min-height:calc(100vh - 180px)}}
.pbj-roughcut-player{width:min(100%,430px);margin:0 auto 24px;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 18px 50px rgba(24,16,28,.16)}
.pbj-roughcut-player video{display:block;width:100%;max-height:62vh;background:#000}
.pbj-revision-panel{width:100%;padding:16px 0;border-top:1px solid rgba(24,16,28,.12)}
.pbj-revision-panel summary{cursor:pointer;font-weight:700;text-align:center}
.pbj-revision-panel form{display:grid;gap:12px;margin-top:16px;text-align:left}
.pbj-revision-panel textarea{width:100%;box-sizing:border-box;border:1px solid rgba(24,16,28,.18);border-radius:16px;padding:14px;font:inherit;background:#fff}
.pbj-cut-prompt{width:min(100%,620px);margin:0 auto 20px;padding:18px 20px;border:1px solid rgba(139,92,246,.2);border-radius:20px;background:rgba(139,92,246,.06)}
.pbj-cut-prompt span{display:block;margin-bottom:8px;color:#8b5cf6;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pbj-cut-prompt p{margin:0;line-height:1.55;color:#312a35}
.pbj-cut-pagination{width:min(100%,620px);margin:0 auto 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.pbj-cut-pagination>a:last-child{justify-self:end}.pbj-cut-pagination strong{text-align:center;white-space:nowrap}
@media(max-width:600px){.pbj-cut-pagination{grid-template-columns:1fr 1fr}.pbj-cut-pagination strong{grid-column:1/-1;grid-row:1}.pbj-cut-pagination>a{grid-row:2}.pbj-cut-pagination span{display:none}}
@media(max-width:520px){.pbj-np1__dropzone-empty{min-height:116px;padding:18px;grid-template-columns:46px minmax(0,1fr)}.pbj-np1__plus{width:46px;height:46px}.pbj-np1__choose{display:none}.pbj-np1__title-display{font-size:32px}}

.pbj-analysis-page{max-width:760px;margin:0 auto;padding:24px 0 72px}.pbj-analysis-header{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:start;margin-bottom:28px}.pbj-analysis-header h1{margin:0 0 8px;font-size:clamp(34px,6vw,52px);line-height:1;letter-spacing:-.045em}.pbj-analysis-header>div>p:last-child{margin:0;color:var(--pbj-text-muted)}.pbj-analysis-files{display:grid;gap:20px}.pbj-analysis-file{padding:24px;border:1px solid var(--pbj-border);border-radius:24px;background:rgba(255,255,255,.82);box-shadow:var(--pbj-shadow-sm)}.pbj-analysis-file__title{display:flex;justify-content:space-between;gap:18px;align-items:start}.pbj-analysis-file__title span{color:var(--pbj-accent);font-size:11px;font-weight:800;letter-spacing:.13em}.pbj-analysis-file__title h2{margin:5px 0 0;font-size:22px;line-height:1.15;overflow-wrap:anywhere}.pbj-analysis-file__title small{flex:none;padding:7px 10px;border-radius:999px;background:var(--pbj-accent-soft);color:var(--pbj-accent);font-weight:700}.pbj-analysis-summary{margin:18px 0 22px;color:var(--pbj-text-secondary);font-size:16px;line-height:1.55}.pbj-analysis-segments{display:grid;gap:12px}.pbj-analysis-segment{display:grid;grid-template-columns:76px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--pbj-border)}.pbj-analysis-segment__time{color:var(--pbj-accent);font-size:13px;font-weight:800}.pbj-analysis-segment__body p{margin:0 0 10px;line-height:1.5}.pbj-analysis-segment__body blockquote{margin:10px 0;padding:11px 14px;border-left-color:var(--pbj-accent);border-radius:0 12px 12px 0;background:var(--pbj-accent-soft);font-size:14px}.pbj-analysis-segment__body small{display:block;margin-top:10px;color:var(--pbj-text-muted);line-height:1.45}.pbj-analysis-tags{display:flex;flex-wrap:wrap;gap:6px}.pbj-analysis-tags span{padding:6px 9px;border-radius:999px;background:rgba(120,120,128,.08);color:var(--pbj-text-secondary);font-size:11px;font-weight:650}.pbj-analysis-details{border-top:1px solid var(--pbj-border);padding:16px 0 2px}.pbj-analysis-details summary{cursor:pointer;font-weight:750}.pbj-analysis-details h3{margin:16px 0 5px;font-size:14px}.pbj-analysis-details ul{margin:8px 0 4px;padding-left:20px;color:var(--pbj-text-secondary);line-height:1.5}.pbj-analysis-technical p,.pbj-analysis-empty{color:var(--pbj-text-muted);font-size:13px}.pbj-analysis-actions{width:min(100%,420px);margin:24px auto 0}.pbj-analysis-empty-state{text-align:center;padding:56px 24px;border:1px dashed var(--pbj-border-strong);border-radius:24px}.pbj-analysis-empty-state p{color:var(--pbj-text-muted)}
@media(max-width:720px){.pbj-analysis-page{padding:calc(var(--pbj-safe-top) + 24px) var(--pbj-gutter) calc(var(--pbj-safe-bottom) + 32px)}.pbj-analysis-header{grid-template-columns:44px 1fr;gap:12px}.pbj-analysis-file{padding:20px 17px;border-radius:20px}.pbj-analysis-segment{grid-template-columns:1fr;gap:7px}.pbj-analysis-file__title h2{font-size:19px}}

.evaluation-shell{width:min(100%,880px);margin:0 auto;padding:8px 0 72px}.evaluation-narrow{width:min(100%,560px)}.evaluation-brand,.evaluation-step,.evaluation-header span,.evaluation-card>span{display:block;color:var(--pbj-accent,#8b5cf6);font-size:11px;font-weight:800;letter-spacing:.13em}.evaluation-shell h1{margin:10px 0 14px;font-size:clamp(38px,8vw,62px);line-height:.98;letter-spacing:-.055em}.evaluation-lead,.evaluation-header p,.evaluation-progress>p{color:var(--pbj-text-muted,#74717a);font-size:17px;line-height:1.55}.evaluation-header{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:28px}.evaluation-header nav{display:flex;gap:8px;flex-wrap:wrap}.evaluation-header nav a{padding:10px 12px;border-radius:999px;background:var(--pbj-accent-soft,#f1e9ff);color:var(--pbj-accent,#7c3aed);font-weight:750;text-decoration:none}.evaluation-card{margin:20px 0;padding:22px;border:1px solid var(--pbj-border,#e8e2ea);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:var(--pbj-shadow-sm,0 12px 35px rgba(36,24,40,.06))}.evaluation-submit label,.evaluation-form label{display:flex;flex-direction:column;gap:8px;font-weight:750}.evaluation-submit input,.evaluation-form input,.evaluation-form textarea,.evaluation-form select,.invite-result input{width:100%;border:1px solid var(--pbj-border-strong,#d9cfdc);border-radius:13px;padding:14px;background:#fff;color:inherit;font:inherit}.evaluation-form{display:grid;gap:18px}.evaluation-form label>span,.evaluation-submit p,.evaluation-fine{color:var(--pbj-text-muted,#74717a);font-size:12px;font-weight:500;line-height:1.45}.evaluation-check{display:flex!important;flex-direction:row!important;align-items:flex-start;padding:14px;border:1px solid var(--pbj-border,#e8e2ea);border-radius:14px}.evaluation-check input{width:auto;margin-top:3px}.evaluation-check span{display:flex;flex-direction:column}.evaluation-section-head{display:flex;align-items:center;justify-content:space-between;margin:34px 0 12px}.evaluation-section-head h2{margin:0;font-size:24px}.evaluation-section-head>span{color:var(--pbj-text-muted,#74717a)}.evaluation-list{display:grid;gap:10px}.evaluation-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border:1px solid var(--pbj-border,#e8e2ea);border-radius:16px;background:rgba(255,255,255,.72)}.evaluation-row>div{display:flex;flex-direction:column;gap:4px}.evaluation-row small,.evaluation-platform{color:var(--pbj-text-muted,#74717a);font-size:11px}.evaluation-platform{color:var(--pbj-accent,#7c3aed);font-weight:800;letter-spacing:.1em}.evaluation-empty{padding:34px;border:1px dashed var(--pbj-border-strong,#d9cfdc);border-radius:18px;color:var(--pbj-text-muted,#74717a);text-align:center}.evaluation-text-button{margin:30px auto;display:block;border:0;background:transparent;color:var(--pbj-text-muted,#74717a);font:700 13px inherit}.evaluation-orb{position:relative;width:104px;height:104px;margin:52px auto 22px;display:grid;place-items:center;border-radius:50%;background:#111;color:#fff;font-weight:850}.evaluation-orb span{position:absolute;inset:-14px;border:2px solid var(--pbj-accent,#8b5cf6);border-radius:50%;animation:pulse 2s infinite}.evaluation-orb.failed{background:#9d4e45;font-size:36px}.evaluation-progress{text-align:center}.evaluation-stages{margin:30px 0;text-align:left}.evaluation-stages>div{display:flex;align-items:center;gap:12px;padding:14px 0;color:#aaa}.evaluation-stages>div+div{border-top:1px solid var(--pbj-border,#e8e2ea)}.evaluation-stages i{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ddd;border-radius:50%;font-style:normal}.evaluation-stages .done,.evaluation-stages .active{color:var(--pbj-text,#211d22)}.evaluation-stages .done i{background:var(--pbj-accent-soft,#f1e9ff);color:var(--pbj-accent,#7c3aed)}.evaluation-stages .active i{background:var(--pbj-accent,#8b5cf6);border-color:var(--pbj-accent,#8b5cf6);color:#fff}.evaluation-watch{display:flex;align-items:center;gap:14px;margin:22px 0;padding:18px;border-radius:18px;background:#111;color:#fff;text-decoration:none}.evaluation-watch>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--pbj-accent,#8b5cf6)}.evaluation-watch div{display:flex;flex:1;flex-direction:column}.evaluation-watch small{color:#bbb}.evaluation-scoreboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.evaluation-scoreboard article{padding:20px;border-radius:20px;background:#111;color:#fff}.evaluation-scoreboard span{display:block;color:#bbb;font-size:10px;font-weight:800;letter-spacing:.1em}.evaluation-scoreboard strong{display:block;margin:8px 0;font-size:42px;line-height:1}.evaluation-scoreboard small{color:#bbb}.evaluation-scoreboard .aligned{background:var(--pbj-accent,#8b5cf6)}.evaluation-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.evaluation-two-column p{line-height:1.55}.evaluation-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.evaluation-dimensions>div{display:flex;justify-content:space-between;gap:12px;padding:13px;border-radius:12px;background:rgba(120,120,128,.07)}.evaluation-dimensions span{font-size:13px}.evidence article>div+div{margin-top:18px;padding-top:18px;border-top:1px solid var(--pbj-border,#e8e2ea)}.evidence b{color:var(--pbj-accent,#7c3aed);font-size:12px}.evaluation-next{margin-top:20px}.evaluation-danger{border:0;background:#fff0ee;color:#9d4e45;border-radius:10px;padding:10px;font-weight:750}.invite-result input{margin-top:10px}.evaluation-shell .notice{margin:16px 0}@media(max-width:720px){.evaluation-shell{padding-top:6px}.evaluation-header{display:block}.evaluation-header nav{margin-top:18px}.evaluation-scoreboard{grid-template-columns:1fr}.evaluation-two-column,.evaluation-dimensions{grid-template-columns:1fr}.evaluation-row{align-items:flex-start;flex-direction:column}.evaluation-row .button,.evaluation-row form,.evaluation-row form button{width:100%}}