.project-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:30px 0}
.project-heading h1{font-size:48px}
.status-pill{border:1px solid #9caf9b;border-radius:30px;padding:8px 16px;white-space:nowrap;font-size:12px}
.project-updated{margin:5px 0 0;color:var(--muted);font-size:12px}
.project-progress{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0}
.project-progress li{position:relative;display:grid;grid-template-columns:28px 1fr;gap:1px 9px;align-items:center;padding:12px 10px;border-top:2px solid #d3dccd;color:var(--muted)}
.project-progress li>span{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border:1px solid #b5c0b2;border-radius:50%;font-size:11px}
.project-progress li>strong{font-size:12px}
.project-progress li>small{font-size:10px;line-height:1.3}
.project-progress .active{border-color:#325944;color:var(--ink)}
.project-progress .active>span{border-color:#325944;background:#325944;color:white;font-weight:700}
.project-progress .complete{border-color:#80a18d;color:#315e49}
.project-progress .complete>span{border-color:#80a18d;background:#dcebe1;color:#315e49}
.project-guide{background:#e7eee1;padding:20px 25px;border-radius:10px;font-size:14px}
.project-guide p{margin:8px 0 0}
.source-group{margin:40px 0}
.source-heading{display:flex;justify-content:space-between;align-items:center}
.source-heading h2{font-size:29px;margin-bottom:15px}
.preview-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.preview-option{display:flex;flex-direction:column;position:relative;border:2px solid #ccd5c5;border-radius:12px;overflow:hidden;cursor:pointer;background:white}
.preview-option:has(input:checked){border-color:#286947;box-shadow:0 0 0 2px #286947}
.preview-option input[type=radio]{position:absolute;top:12px;left:12px;z-index:2;accent-color:#286947;width:20px;height:20px}
.preview-option img{width:100%;aspect-ratio:1.5;object-fit:contain;background:#e8ebe2}
.preview-option video{width:100%;max-height:500px;background:#152019}
.preview-option span{padding:12px 16px;font-size:13px;font-weight:650}
.reel-options{max-width:290px}
.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:inherit;font-size:12px;padding:8px;cursor:pointer}
.revision-details{margin-top:16px;font-size:13px}
.revision-details summary{cursor:pointer}
.revision-details textarea{display:block;width:100%;max-width:600px;margin:15px 0;padding:12px;border:1px solid var(--line);border-radius:8px}
.cart-bar{position:sticky;bottom:15px;z-index:20;border:1px solid #acbfa8;background:#e4efdc;box-shadow:0 4px 30px #0002;padding:20px;border-radius:12px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.cart-bar strong,.cart-bar small{display:block}
.cart-bar strong{font-size:21px}
.cart-bar small{font-size:12px}
.downloads{padding:50px 0 20px}
.downloads h2{font-size:34px}
.downloads>p{font-size:13px}
.download-list{display:grid;gap:9px;margin:20px 0}
.download-row{background:white;border:1px solid var(--line);padding:14px 18px;border-radius:8px;text-align:left;overflow-wrap:anywhere;font-size:12px}
.customer-controls{padding:35px 0 15px;border-top:1px solid var(--line)}
.customer-controls>h2{font-size:34px}
.payment-history,.support-history{display:grid;gap:9px;margin:18px 0}
.record-row{display:flex;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:white;font-size:12px}
.record-row strong,.record-row span{display:block}
.record-row span{color:var(--muted);margin-top:3px}
.record-row>span{text-align:right;color:var(--ink);margin:0}
.support-form,.privacy-controls{max-width:720px;padding:20px;border:1px solid var(--line);border-radius:10px;margin:20px 0;background:#f3f6ef}
.support-form h3{margin-bottom:7px}
.support-form>p,.privacy-controls>p{font-size:12px;color:var(--muted)}
.privacy-controls summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.danger{border-color:#9c3c32;color:#8a2f27}
.project-list{display:grid;gap:15px;margin:30px 0}
.project-row{padding:23px;background:white;border:1px solid var(--line);border-radius:10px;text-decoration:none}
.project-row strong,.project-row span{display:block}
.project-row span{font-size:12px;color:var(--muted);margin-top:7px}
.admin-metrics{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0}
.metric{padding:18px;background:#e5eedf;border-radius:9px;font-size:13px}
.metric strong{display:block;font-size:25px}
.admin-layout{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:start}
.admin-order{display:block;width:100%;text-align:left;padding:16px;border:1px solid var(--line);background:white;border-radius:8px;margin:0 0 10px;font-size:12px;overflow-wrap:anywhere}
.admin-order strong,.admin-order span{display:block}
.admin-order.active{border:2px solid #286947}
.admin-assets{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.admin-asset{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.admin-asset img{aspect-ratio:1.5;object-fit:contain;width:100%;background:#dee4d5}
.admin-asset video{width:100%;max-height:350px}
.admin-asset figcaption{padding:8px;font-size:11px}
.admin-panel{padding:20px;border:1px solid var(--line);border-radius:10px;margin:20px 0}
.admin-panel h3{font-size:18px}
.admin-panel .button{margin:7px 8px 7px 0}
.admin-panel pre{white-space:pre-wrap;font-size:11px;word-break:break-word}
.admin-panel input,.admin-panel textarea{font-size:14px}
.reel-photo-choices,.reel-soundtrack{border:0;margin:18px 0;padding:0;min-width:0}
.reel-photo-choices legend,.reel-soundtrack legend{font-weight:700;margin-bottom:10px;padding:0}
.reel-photo-choice,.reel-soundtrack-choice{align-items:flex-start;border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;margin:8px 0;padding:12px}
.reel-photo-choice input,.reel-soundtrack-choice input{flex:0 0 auto;margin-top:3px}
.reel-soundtrack-choice span{display:grid;gap:4px}
.reel-soundtrack-choice small{color:var(--muted);line-height:1.45}

@media(max-width:760px){.project-heading{display:block}
.project-heading h1{font-size:39px}
.status-pill{display:inline-block}
 .project-progress{grid-template-columns:1fr 1fr;gap:8px}
 .project-progress li{padding:10px 6px}
.preview-options{grid-template-columns:1fr;gap:13px}
.cart-bar{padding:15px;flex-wrap:wrap;bottom:8px}
.cart-bar>.button{width:100%}
.cart-bar strong{font-size:19px}
.admin-layout{grid-template-columns:1fr}
.admin-assets{grid-template-columns:1fr}
.project-guide{padding:17px}
.store-header .button{font-size:11px;padding:8px 10px}
.store-header{gap:12px}
.store-brand{font-size:19px}
.record-row{display:grid}.record-row>span{text-align:left}
}


.project-comparison{position:relative}
.project-comparison img{display:block;width:100%}
.project-comparison .comparison-original{position:absolute;inset:0;height:100%}
.comparison-control{padding:12px 16px;font-size:12px}
.comparison-control input[type=range]{display:block;position:static;width:100%;height:28px;margin:6px 0;accent-color:#286947}
.direction-label{padding:12px 16px;font-size:13px;font-weight:650;cursor:pointer}
.preferences-panel{max-width:760px;margin:34px 0;padding:28px;border:1px solid var(--line);border-radius:12px;background:#f3f6ef}
.preferences-panel h2{margin:0 0 10px;font-size:30px}
.preferences-panel>p:not(.eyebrow){max-width:62ch}
.preferences-panel form{display:grid;gap:18px;margin-top:22px}
.preferences-branding{margin:0;padding:18px;border:1px solid var(--line);border-radius:9px}
.preferences-branding legend{padding:0 7px;font-size:13px;font-weight:700}
.preferences-actions{display:flex;gap:12px;flex-wrap:wrap}
.preferences-actions .button{margin:0}
@media(max-width:760px){.preferences-panel{padding:20px;margin:26px 0}.preferences-panel h2{font-size:27px}.preferences-actions{display:grid}.preferences-actions .button{width:100%}}