@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');

:root{--bg:#111314;--surface:#1c2224;--ink:#ece9e1;--muted:#a6a59c;--line:#35383a;--lime:var(--accent);--soft:#272b2d;--dark:#24292c;--accent:#da281b;--accent-hover:#ef4133;--accent-ink:#fff8f4;--accent-text:#ff8074;--radius:10px;color-scheme:dark;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{display:block;width:19px;height:19px;flex-shrink:0}button svg{pointer-events:none}.topbar{max-width:1540px;margin:0 auto;height:108px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1;flex-shrink:0}.brand-logo{display:block;width:185px;height:auto}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:8px;letter-spacing:2.1px;margin-top:5px;font-weight:650}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:9px;font-size:13px;font-weight:600;background:var(--accent);color:var(--accent-ink);white-space:nowrap;transition:background .15s,transform .15s}.button:hover{background:var(--accent-hover)}.button:active{transform:translateY(1px)}.button-quiet{background:transparent;border:1px solid var(--line);color:var(--ink)}.button-quiet:hover{background:var(--soft)}.button-small{padding:8px 12px;font-size:12px}.icon-button{width:35px;height:35px;display:inline-grid;place-items:center;border-radius:50%;background:var(--soft);flex-shrink:0}.icon-button:hover{background:#393e41}.icon-button svg{width:17px;height:17px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%}main{max-width:1540px;margin:0 auto;padding:46px 5% 38px;min-height:calc(100vh - 178px)}.intro{display:flex;justify-content:space-between;gap:36px;align-items:flex-end;margin-bottom:37px}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(36px,4vw,55px);font-weight:650;letter-spacing:-2.7px;line-height:1.13;margin:16px 0 14px}.intro h1 em{font-family:inherit;font-style:normal;font-weight:750;color:var(--accent)}.intro p{color:var(--muted);font-size:13px;line-height:1.8;max-width:530px}.stats{display:flex;align-items:center;gap:26px;padding-bottom:7px}.stat{padding-left:26px;border-left:1px solid var(--line)}.stat:first-child{padding-left:0;border:0}.stat strong{display:block;font-family:Manrope,sans-serif;font-size:29px;font-weight:500;letter-spacing:-1px}.stat span{display:block;font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap}.workspace-hint{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#202224;border:1px solid #3d3832;padding:15px 19px;border-radius:11px;margin-bottom:28px}.hint-copy{display:flex;gap:12px;align-items:center}.hint-copy>svg{color:var(--accent-text);width:21px;height:21px}.hint-copy p{font-size:12px;line-height:1.7;color:#aaa79b}.hint-copy strong{color:#ece5d7;font-weight:650}.text-button{background:none;color:var(--accent-text);display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;padding:4px;white-space:nowrap}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 23px}.section-label{font-size:13px;font-weight:650;display:flex;align-items:center;gap:10px}.pill-count{padding:3px 7px;background:#2c3032;color:#b4b3aa;border-radius:5px;font-size:10px}.toolbar-right{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px 11px;width:210px;color:var(--muted)}.search svg{width:16px;height:16px}.search input{background:none;border:0;outline:none;width:100%;font-size:11px;color:var(--ink)}.select{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:10px 30px 10px 11px;font-size:12px;color:var(--ink);max-width:100%}.toolbar .select{background:transparent;font-size:11px;max-width:200px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.variant-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .18s,box-shadow .18s;position:relative}.variant-card:hover{border-color:#64615a;box-shadow:0 7px 22px #00000035}.card-image-button{width:100%;height:235px;padding:0;display:block;background:#141719;overflow:hidden;position:relative;text-align:left}.card-image-button img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.variant-card:hover .card-image-button img{transform:scale(1.035)}.photo-count{position:absolute;left:15px;bottom:14px;padding:6px 9px;border-radius:6px;background:#101314e8;color:#ece9e1;font-size:10px;display:flex;gap:6px;align-items:center;backdrop-filter:blur(8px)}.photo-count svg{width:12px;height:12px}.card-open{position:absolute;right:15px;bottom:14px;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#24292cf0}.card-open svg{width:15px;height:15px}.card-info{padding:19px 19px 16px}.card-title{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:13px}.variant-name{display:flex;align-items:center;gap:9px;min-width:0}.swatch{width:12px;height:12px;border:1px solid #ffffff26;border-radius:50%;display:inline-block;flex-shrink:0}.card-title h2{font-family:Manrope,sans-serif;font-size:15px;font-weight:750;letter-spacing:-.3px}.card-title .number{font-family:Manrope,sans-serif;font-size:10px;color:#8c8c85}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:13px;border-top:1px solid #323638;font-size:10px;color:var(--muted)}.tag-progress{display:flex;align-items:center;gap:6px}.tag-dot{width:5px;height:5px;border-radius:50%;background:#777b78}.tag-dot.complete{background:var(--accent)}.card-meta button{font-size:10px;padding:0}.footer{max-width:1540px;margin:0 auto;padding:23px 5%;border-top:1px solid var(--line);font-size:9px;letter-spacing:.6px;color:#9b9c94;display:flex;align-items:center;justify-content:space-between;gap:16px}.footer>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600}.status-dot{height:5px;width:5px;background:var(--accent);border-radius:50%;display:inline-block}.footer-separator{margin:0 5px;color:#626762}.empty-state{text-align:center;padding:70px 24px;border:1px dashed #4d5253;border-radius:14px;grid-column:1/-1}.empty-state>svg{margin:0 auto 15px;width:29px;height:29px;color:#a5a390}.empty-state h3{font-size:16px;margin-bottom:9px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:17px}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;min-height:55vh;font-size:13px;color:var(--muted)}.loader{width:19px;height:19px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
dialog{padding:0;border:1px solid var(--line);border-radius:19px;color:var(--ink);background:var(--bg);box-shadow:0 25px 100px #00000099;max-height:90vh;max-height:90dvh}dialog::backdrop{background:#070909d9;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-head{padding:25px 29px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:var(--bg);z-index:2}.dialog-head h2{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.7px;display:flex;gap:10px;align-items:center}.dialog-head p{color:var(--muted);font-size:11px;margin-top:7px;line-height:1.7}.variant-dialog{width:1050px;max-width:calc(100vw - 40px)}.dialog-toolbar{padding:17px 29px;display:flex;align-items:center;gap:12px;justify-content:space-between}.dialog-toolbar p{font-size:11px;color:var(--muted)}.dialog-toolbar select{font-size:11px}.photo-grid{padding:0 29px 29px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.photo-card{border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}.photo-button{width:100%;height:280px;background:#111517;padding:8px;display:block;position:relative}.photo-button img{object-fit:contain;width:100%;height:100%}.photo-button .zoom-hint{position:absolute;right:13px;bottom:13px;background:#24292cf0;padding:7px;border-radius:6px}.photo-button .zoom-hint svg{width:16px;height:16px}.photo-tag{padding:12px 14px}.photo-tag label{display:block;font-size:9px;color:var(--muted);margin-bottom:7px;letter-spacing:.8px;text-transform:uppercase}.photo-tag select{width:100%;font-size:12px}.photo-tag select.untagged{color:#f4a097;border-color:#683b37;background:#2b2021}.photo-filename{font-size:9px;color:#9a9e95;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.master-dialog{width:550px;max-width:calc(100vw - 32px)}.master-body{padding:23px 29px}.master-description{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:20px}.master-list{display:flex;flex-direction:column;gap:8px}.master-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.master-row>svg{color:#a6a895;width:16px;height:16px}.master-row input{border:1px solid transparent;background:transparent;width:100%;min-width:0;padding:7px 4px;font-size:12px;color:var(--ink);border-radius:5px}.master-row input:hover,.master-row input:focus{border-color:var(--line);background:var(--surface)}.master-row .usage{font-size:9px;color:var(--muted);white-space:nowrap}.master-row .icon-button{width:29px;height:29px}.master-row .delete-view{background:transparent;color:#d8a394}.add-view{display:flex;gap:8px;padding-top:24px}.add-view input{min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;font-size:12px;background:var(--surface)}.master-footer{margin-top:17px;font-size:10px;color:var(--muted);line-height:1.8}.master-error{color:#f2a18a;font-size:11px;margin-top:12px;min-height:16px}.inline-confirm{font-size:10px;color:#efaa92;display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:9px 0}.inline-confirm button{font-size:10px;border-radius:5px;padding:6px 9px}.lightbox{width:calc(100vw - 50px);height:calc(100dvh - 50px);max-width:1500px;max-height:none;background:#0c1011;border-color:#333b3d;color:#ece9e1;overflow:hidden}.lightbox-layout{display:flex;flex-direction:column;height:100%}.lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:17px 23px;gap:16px;flex-shrink:0}.lightbox-header h2{font-size:15px}.lightbox-header p{font-size:10px;color:#b0b5aa;margin-top:6px}.lightbox-header .icon-button{color:var(--ink);background:#303739}.lightbox-image{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 45px;position:relative}.lightbox-image img{width:100%;height:100%;object-fit:contain}.lightbox-image>button{position:absolute;top:50%;transform:translateY(-50%);background:#2d3538ed;color:#ebe9df;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.lightbox-prev{left:14px}.lightbox-next{right:14px}.lightbox-bottom{padding:17px 23px;display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;color:#b0b6ad;flex-shrink:0}.lightbox-bottom select{background:#242c2f;color:var(--ink);border-color:#49504b;max-width:230px}.lightbox-bottom label{font-size:10px}.toast-visible{opacity:1!important;transform:translate(-50%,0)!important}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);opacity:0;transition:opacity .2s,transform .2s;padding:12px 19px;border-radius:9px;background:#2d3535;color:var(--ink);box-shadow:0 6px 30px #ffffff26;font-size:12px;max-width:90vw;z-index:30;pointer-events:none}#toast.error{background:#6e2421}.skeleton{background:linear-gradient(90deg,#272c2e,#373e40,#272c2e);background-size:200%;animation:skeleton 1.5s infinite}@keyframes skeleton{to{background-position:-200% 0}}@media(min-width:1450px){.card-image-button{height:275px}}
@media(max-width:1050px){.topbar{padding:0 4%;height:95px}main{padding:36px 4%}.grid{gap:18px}.card-image-button{height:200px}.card-info{padding:16px 15px}.intro h1{font-size:43px}.stats{gap:18px}.stat{padding-left:18px}}
@media(max-width:760px){.topbar{height:85px;gap:12px}.brand-logo{width:145px}.brand small{font-size:7px;letter-spacing:1.8px}.master-button{padding:9px}.master-button>span:last-child{display:none}main{padding-top:30px}.intro{display:block;margin-bottom:25px}.intro h1{font-size:43px;letter-spacing:-2px}.intro p{font-size:12px}.stats{margin-top:24px;gap:25px}.stat{padding-left:25px}.stat strong{font-size:24px}.workspace-hint{padding:12px 14px;align-items:flex-start}.hint-copy{align-items:flex-start;gap:9px}.hint-copy>svg{margin-top:3px;flex-shrink:0}.hint-copy p{font-size:10px}.workspace-hint>.text-button{font-size:10px;margin-top:4px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card-image-button{height:215px}.toolbar{gap:10px;flex-wrap:wrap}.toolbar-right{gap:7px}.search{width:175px}.section-label{font-size:12px}.toolbar .select{max-width:155px}.card-title h2{font-size:13px}.card-title{gap:4px}.card-title .number{font-size:9px}.card-meta{font-size:9px}.card-meta button{font-size:9px}.footer{font-size:8px;gap:12px;padding:19px 4%;flex-wrap:wrap}.photo-grid{padding:0 18px 20px;gap:13px}.dialog-head{padding:20px}.dialog-toolbar{padding:15px 20px}.photo-button{height:230px}.photo-tag{padding:10px}.photo-tag select{font-size:11px}.dialog-head h2{font-size:21px}.variant-dialog{max-width:calc(100vw - 24px)}}
@media(max-width:480px){.topbar{gap:8px}.brand-logo{width:105px}.brand small{font-size:6px;letter-spacing:1.5px}.master-button svg{width:16px;height:16px}.master-button{padding:9px}.intro h1{font-size:39px}.toolbar-right{width:100%}.search{flex:1;width:auto}.grid{gap:12px}.card-image-button{height:175px}.card-info{padding:13px 11px}.card-title h2{font-size:12px}.card-title .number{display:none}.card-meta{align-items:flex-start;gap:9px;flex-direction:column}.card-title{margin-bottom:11px}.swatch{height:9px;width:9px}.variant-name{gap:6px}.photo-count{left:10px;bottom:10px;font-size:9px;padding:5px 7px}.card-open{width:24px;height:24px;right:10px;bottom:10px}.workspace-hint{gap:8px}.workspace-hint>.text-button{align-self:center}.hint-copy p span{display:none}.photo-grid{grid-template-columns:1fr}.photo-button{height:310px}.dialog-toolbar{align-items:flex-start;gap:10px}.dialog-toolbar p{font-size:10px}.dialog-toolbar select{max-width:155px}.dialog-head p{font-size:10px}.master-body{padding:20px}.master-row{gap:5px}.master-row .usage{font-size:8px}.lightbox{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:12px}.lightbox-header{padding:15px}.lightbox-image{padding:0 12px}.lightbox-image>button{width:29px;height:29px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-bottom{padding:15px;gap:10px;flex-wrap:wrap}.footer>span:last-child{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.collection-actions{display:flex;justify-content:flex-end;gap:9px;margin:0 0 22px}.empty-cover{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#aaae9e;font-size:12px}.empty-cover svg{width:30px;height:30px}.dialog-toolbar{flex-wrap:wrap}.dialog-toolbar>p{flex:1;min-width:180px}.photo-details{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.photo-details>div{min-width:0}.photo-details input{width:100%;padding:10px 11px;font-size:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--surface);min-width:0}.photo-details>button{grid-column:1/-1}.photo-details-status{grid-column:1/-1;font-size:10px;color:var(--accent-text);line-height:1.6;overflow-wrap:anywhere}.photo-details-status:empty{display:none}.variants-dialog{width:790px;max-width:calc(100vw - 32px)}.upload-dialog{width:650px;max-width:calc(100vw - 32px)}.variant-master-list{display:flex;flex-direction:column;gap:14px}.variant-master-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 65px;gap:10px;align-items:end;padding-bottom:15px;border-bottom:1px solid var(--line)}.variant-master-row label,.upload-fields>label{display:flex;flex-direction:column;gap:7px;font-size:9px;letter-spacing:.6px;color:var(--muted);font-weight:600}.variant-master-row input,.upload-fields input{width:100%;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px;letter-spacing:0;color:var(--ink);height:38px;font-weight:400}.variant-master-row input[type=color]{padding:4px;cursor:pointer}.variant-master-row small{grid-column:1/-1;font-size:9px;color:var(--muted)}.variant-master-row button{height:38px}.form-section-title{font-size:13px;margin:27px 0 15px}.upload-body{padding:24px 29px}.file-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #614844;background:#252624;min-height:174px;border-radius:12px;padding:21px;gap:10px;cursor:pointer;text-align:center}.file-drop>svg{width:27px;height:27px;color:var(--accent-text)}.file-drop strong{font-size:14px;font-weight:600}.file-drop>span{font-size:10px;color:var(--muted)}.file-drop input{font-size:11px;max-width:100%;margin-top:3px;color:var(--muted)}.file-drop input::file-selector-button{font:inherit;background:var(--dark);border:0;border-radius:5px;color:var(--ink);padding:7px 11px;margin-right:9px;cursor:pointer}.upload-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:end;margin-top:23px}.upload-fields>label:first-child{grid-column:1}.new-variant-link{justify-self:end;align-self:end;margin-bottom:6px}.upload-fields .select{width:100%;height:38px}.upload-help{font-size:10px;color:var(--muted);line-height:1.8;margin-top:14px}.upload-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:19px}.upload-actions>span{font-size:11px;color:var(--muted)}.upload-list{max-height:230px;overflow:auto;display:flex;flex-direction:column;gap:8px}.upload-list:not(:empty){padding-top:17px}.upload-file{display:flex;align-items:center;gap:11px;padding:9px;border:1px solid var(--line);background:var(--surface);border-radius:8px}.upload-file>img{width:42px;height:42px;object-fit:cover;border-radius:5px}.upload-file>span:nth-child(2){min-width:0;flex:1}.upload-file strong{font-size:11px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-file small{display:block;font-size:9px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere;line-height:1.6}.upload-file-state{font-size:10px;color:var(--accent-text);white-space:nowrap}.error-text{color:#f0a18c}
@media(max-width:760px){.collection-actions{justify-content:flex-start}.variant-master-row{grid-template-columns:minmax(0,1fr) 80px 65px}.variant-master-row small{grid-column:1/-1}.upload-body{padding:20px}.photo-details{gap:8px}.photo-details input{font-size:11px;padding:10px 8px}}
@media(max-width:480px){.collection-actions .button{font-size:11px;padding:10px 13px}.variant-master-row{grid-template-columns:minmax(0,1fr) 80px 60px;gap:7px}.variant-master-row input{padding:8px 6px;font-size:11px}.variant-master-row label{font-size:8px}.upload-fields{gap:12px}.upload-actions{align-items:flex-start;flex-direction:column}.upload-actions>.button{width:100%}.upload-fields .select,.upload-fields input{font-size:11px}}

.upload-fields>label:last-child{grid-column:1/-1}
.timeline-trigger{gap:10px;font-size:12px}.timeline-trigger-days{border-left:1px solid var(--line);padding-left:10px;font-size:10px;color:var(--accent-text);font-variant-numeric:tabular-nums}.timeline-panel{position:fixed;inset:0;margin:0 0 0 auto;width:460px;max-width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border:0;border-left:1px solid #51403d;border-radius:0;background:linear-gradient(165deg,#24282a,#13191b 75%);overflow-y:auto;overflow-x:hidden;box-shadow:-20px 0 80px #0009}.timeline-panel[open]{animation:timeline-enter .22s ease-out}.timeline-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#1c2224f5;z-index:2;backdrop-filter:blur(14px)}.timeline-panel-head>span{font:9px 'SFMono-Regular',Consolas,'Liberation Mono',monospace;letter-spacing:1.4px;color:#b6ada7}.timeline-body{padding:34px 30px 25px}.timeline-body h2{font:750 35px/1.2 Manrope,sans-serif;letter-spacing:-1.3px;margin-top:17px}.timeline-body h2 em{font-style:normal;color:var(--accent)}.timeline-intro{font-size:12px;color:var(--muted);line-height:1.8;margin-top:13px}.timeline-countdown{display:flex;align-items:center;gap:22px;padding:28px 0 25px}.timeline-countdown>strong{font:750 83px/1 Manrope,sans-serif;letter-spacing:-5px;font-variant-numeric:tabular-nums;color:#f3ece6}.timeline-countdown>div>span,.timeline-target>div>span{font:10px 'SFMono-Regular',Consolas,'Liberation Mono',monospace;letter-spacing:1.8px;color:var(--accent-text)}.timeline-countdown p{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.7}.timeline-target{display:flex;align-items:center;gap:14px;padding:18px;background:#301e1f77;border:1px solid #643330;border-radius:7px}.timeline-target>svg{color:var(--accent-text);width:23px;height:23px}.timeline-target>div{flex:1}.timeline-target>div>span{font-size:8px;letter-spacing:1px}.timeline-target time{display:block;font-size:15px;font-weight:600;margin-top:6px}.timeline-year{font:10px 'SFMono-Regular',Consolas,monospace;color:#ca9288;border:1px solid #643330;border-radius:4px;padding:6px}.timeline-progress-section{margin-top:30px;padding-bottom:25px;border-bottom:1px solid var(--line)}.timeline-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font:9px 'SFMono-Regular',Consolas,monospace;color:#b6b3aa;letter-spacing:1px}.timeline-progress-heading strong{font-weight:500;color:var(--accent-text);font-size:12px;letter-spacing:0}.timeline-track{position:relative;margin-top:44px}.timeline-track progress{display:block;width:100%;height:8px;border:0;border-radius:2px;overflow:hidden;background:#353b3e;appearance:none;color:var(--accent);accent-color:var(--accent)}.timeline-track progress::-webkit-progress-bar{background:#353b3e}.timeline-track progress::-webkit-progress-value{background:linear-gradient(90deg,#8b201b,var(--accent));border-radius:2px}.timeline-track progress::-moz-progress-bar{background:linear-gradient(90deg,#8b201b,var(--accent));border-radius:2px}.timeline-marker{position:absolute;top:-27px;height:32px;width:0;border-left:1px solid var(--accent-text);pointer-events:none}.timeline-marker>span{display:block;width:max-content;position:absolute;top:0;transform:translateX(var(--marker-shift));padding:3px 5px;font:8px 'SFMono-Regular',Consolas,monospace;letter-spacing:1px;background:#522521;color:#ffd3cc;border-radius:2px}.timeline-marker:after{content:'';position:absolute;bottom:-4px;left:-4px;width:7px;height:7px;background:var(--accent-text);border-radius:50%;box-shadow:0 0 9px #da281b77}.timeline-track-dates{display:flex;justify-content:space-between;gap:12px;font:9px 'SFMono-Regular',Consolas,monospace;color:#a8a59e;margin-top:13px}.timeline-track-dates time:last-child{text-align:right}.timeline-progress-section>p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:16px}.timeline-milestones{list-style:none;padding:28px 0 0;margin:0}.timeline-milestones>li{display:flex;gap:16px;position:relative;padding:0 0 27px}.timeline-milestones>li:before{content:'';position:absolute;top:26px;left:13px;bottom:0;border-left:1px solid #424749}.timeline-milestones>li:last-child{padding-bottom:0}.timeline-milestones>li:last-child:before{display:none}.milestone-dot{width:27px;height:27px;display:grid;place-items:center;flex-shrink:0;border:1px solid #535859;border-radius:50%;background:#202628;color:#9caaa8}.milestone-dot svg{width:13px;height:13px}.timeline-milestones .is-complete>.milestone-dot{background:#522521;border-color:#8b3b32;color:#ffada2}.timeline-milestones .is-current>.milestone-dot{border-color:var(--accent);box-shadow:0 0 0 4px #da281b18}.timeline-milestones .is-current>.milestone-dot:after{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent)}.timeline-milestones>li>div{padding-top:2px}.timeline-milestones>li>div>span{display:block;font:8px 'SFMono-Regular',Consolas,monospace;letter-spacing:1.2px;color:#9d9e96}.timeline-milestones time{display:block;font-size:13px;font-weight:500;margin-top:7px}.timeline-milestones p{color:var(--muted);font-size:10px;line-height:1.7;margin-top:6px}.timeline-milestones .is-current>div>span{color:var(--accent-text)}.timeline-panel-footer{display:flex;align-items:center;gap:9px;font:8px 'SFMono-Regular',Consolas,monospace;letter-spacing:1px;color:#a5a69d;padding-top:23px;margin-top:29px;border-top:1px solid var(--line)}@keyframes timeline-enter{from{transform:translateX(100%);opacity:.6}to{transform:translateX(0);opacity:1}}@media(max-width:600px){.timeline-trigger{order:3;width:100%;justify-content:center}.timeline-panel-head{padding:20px 23px}.timeline-body{padding:28px 23px 22px}.timeline-body h2{font-size:32px}.timeline-countdown>strong{font-size:76px}}
.delete-photo-button{color:#e7a18b;margin-top:10px;font-size:11px}.delete-photo-button:hover{color:#ffd0bf}.lightbox-bottom .delete-photo-button{margin-top:0}.delete-photo-dialog{width:440px;max-width:calc(100vw - 32px)}.delete-photo-body{padding:22px}.delete-photo-body>img{display:block;width:100%;height:180px;object-fit:contain;background:#101416;border-radius:6px;margin-bottom:17px}.delete-photo-body>p{font-size:12px;line-height:1.8;color:var(--muted)}.delete-photo-body>small{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere;margin-top:9px}.delete-photo-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.button-danger{background:#b52e25;color:#fff1e8}.button-danger:hover{background:#cf372b}

/* Charcoal panels, Royal Enfield red accents, and stamped instrument labels. */
[hidden]{display:none!important}
body{background-color:var(--bg);background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:80px 80px}
::selection{background:#da281b55;color:#fff5e6}
input,select,button{color-scheme:dark}
input::placeholder{color:#8b908e;opacity:1}
.topbar{background:linear-gradient(180deg,#1b1e20c9,#141718a8);box-shadow:0 1px 0 #0008}
.brand small{color:#d1c5b4;letter-spacing:2.8px;margin-top:8px}
.header-actions{display:flex;align-items:center;gap:9px}
.lock-button{width:39px;height:39px;border:1px solid var(--line);border-radius:7px;background:#1e2325}
.button{font-weight:700;border-radius:6px}
.button-quiet{background:#1b2022}
.icon-button,.search,.select{border-radius:6px}
.eyebrow,.brand small,.stat span,.section-label,.card-meta,.photo-count,.number,.footer,.photo-tag label,.variant-master-row label,.upload-fields>label,.gate-divider,.gate-form>label,.gate-note,.gate-footer{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
.eyebrow{color:#bbb5a7;letter-spacing:1.7px}
.eyebrow:before{width:7px;height:7px;border-radius:1px;box-shadow:0 0 12px #da281b44}
.intro{border-left:2px solid #943a32;padding-left:23px}
.intro h1{font-weight:750;letter-spacing:-2px}
.stats{padding-bottom:9px}
.stat strong{color:#e7dcc6;font-variant-numeric:tabular-nums}
.stat span{font-size:9px;letter-spacing:.3px}
.workspace-hint{border-radius:7px;border-left:3px solid var(--accent);background:linear-gradient(100deg,#2b2021,#1e2325)}
.section-label{text-transform:uppercase;letter-spacing:1px;font-size:11px;color:#c7c5ba}
.variant-card{box-shadow:0 7px 20px #0002;background:linear-gradient(135deg,#24292a,#1a1f21)}
.variant-card:hover{box-shadow:0 10px 28px #0005}
.card-image-button{border-bottom:1px solid var(--line)}
.card-open{color:#efebe0;border:1px solid #4a4f50;border-radius:5px}
.card-title h2{font-weight:750}
.card-meta{font-size:9px}
.photo-count{letter-spacing:.3px}.photo-card{box-shadow:0 5px 22px #0003}
.footer{background:#121617b3;letter-spacing:.7px}
.footer .status-dot{box-shadow:0 0 7px #da281b55}
dialog{border-radius:10px;box-shadow:0 25px 100px #000b}
.dialog-head{background:linear-gradient(135deg,#232728,#171c1e)}
.dialog-head h2{font-weight:750}
.dialog-toolbar{background:#171c1e}
.file-drop{background:repeating-linear-gradient(135deg,#272824,#272824 14px,#242622 14px,#242622 28px);border-color:#754b46}
.upload-file{background:#1c2224}
.inline-confirm button{background:#382627;color:#f4c5bf}
.master-row input:focus{background:#252b2d}
.lightbox{background:#0c1012}
.gate-copy{color:#a8aaa3;font-size:13px;line-height:1.9}
.garage-gate{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:34px 22px;background:radial-gradient(ellipse at 75% 10%,#da281b18,transparent 55%),repeating-linear-gradient(135deg,#ffffff02 0 1px,transparent 1px 9px),#0e1112}
.gate-card{width:100%;max-width:480px;padding:37px;border:1px solid #45433b;border-radius:10px;background:linear-gradient(140deg,#25292a,#181e20 65%);box-shadow:0 22px 90px #0009,inset 0 1px 0 #c3b9a61a;position:relative}
.gate-card:before,.gate-card:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#64685f;box-shadow:inset 1px 1px 1px #000a,0 1px 0 #ffffff1a;top:12px}
.gate-card:before{left:12px}.gate-card:after{right:12px}
.gate-brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-bottom:32px}
.gate-brand img{max-width:100%;height:auto}
.gate-brand>span{font-size:8px;font-weight:650;letter-spacing:2.9px;color:#cfbfa8}
.gate-divider{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #45443d;padding-top:18px;font-size:9px;letter-spacing:1.4px;color:#bca689;margin-bottom:23px}
.gate-card h1{font-family:Manrope,sans-serif;font-size:34px;font-weight:750;line-height:1.2;letter-spacing:-1.3px;margin-bottom:16px}
.gate-card h1 em{font-style:normal;color:var(--accent)}
.gate-form{margin-top:29px}
.gate-form>label{font-size:9px;letter-spacing:1.5px;font-weight:600;display:block;margin-bottom:10px;color:#c7bda9}
.gate-form>input{width:100%;height:48px;padding:13px 14px;border:1px solid #555448;border-radius:5px;background:#111719;color:#f3eee1;font-size:14px;letter-spacing:.5px;box-shadow:inset 0 2px 4px #0004}
.gate-form>input[aria-invalid=true]{border-color:#c47762}
#gate-error{min-height:18px;font-size:11px;color:#f1ad93;margin:9px 0 14px;line-height:1.7}
.gate-form>.button{width:100%;min-height:47px;justify-content:flex-start;padding:13px 16px}
.gate-form>.button>span:last-child{margin-left:auto}
.gate-note{font-size:9px;line-height:1.8;color:#aaa799;margin-top:17px;text-align:center}
.gate-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #3c423f;margin-top:31px;padding-top:17px;font-size:8px;letter-spacing:.6px;color:#9d9f93}
.gate-footer>span:first-child{display:flex;align-items:center;gap:8px}
@media(max-width:760px){.intro{padding-left:18px}.card-meta{font-size:9px}.brand small{letter-spacing:1.8px}.header-actions{gap:7px}.lock-button{width:35px;height:35px}}
@media(max-width:600px){.topbar{height:auto;min-height:118px;flex-wrap:wrap;padding:16px 4% 12px;gap:16px 10px}.brand-logo{width:145px}.brand small{font-size:7px;letter-spacing:1.8px}.header-actions{margin-left:auto}.intro{padding-left:15px}.intro h1{font-size:38px}.gate-card{padding:29px 24px}.gate-card h1{font-size:30px}.gate-copy{font-size:12px}.gate-footer{font-size:7px;letter-spacing:.2px}.gate-brand{margin-bottom:27px}.garage-gate{padding:22px 16px}}