@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#171b1a;--muted:#858d88;--lime:#d4f77d;--line:#343a36;--cream:#eeeee7;--pink:#da6586;font-family:'DM Sans',system-ui,sans-serif;color:#f1f2ed;background:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:4px}button{transition:background .18s,color .18s,transform .18s}button:hover{filter:brightness(1.07)}button:active{transform:translateY(1px)}a{color:inherit;text-decoration:none}.topbar{height:84px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:22px}.brand{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:800;letter-spacing:2px}.brand-sub{display:block;font-size:9px;font-weight:500;letter-spacing:3px;color:#b4bcb4;margin-top:3px}.brand-mark{font-family:'Barlow Condensed',Impact,sans-serif;font-style:italic;font-weight:800;font-size:48px;position:relative;letter-spacing:-8px;color:var(--lime);width:42px}.brand-mark span{font-size:26px;position:absolute;right:0;top:5px}.top-model{font-size:10px;font-weight:600;letter-spacing:1.4px;color:#b4bcb4;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none}.separator{color:#637060;margin:0 4px}.top-actions{display:flex;gap:8px;align-items:center}.quiet{background:transparent;color:#d8ded6;padding:10px 12px;font-size:12px}.primary{padding:15px 20px;background:var(--lime);color:#1c2419;font-size:12px;font-weight:700;border-radius:5px}.primary.small{padding:12px 23px}main{display:grid;grid-template-columns:344px minmax(0,1fr);max-width:1800px;margin:auto}.sidebar{padding:30px 25px;border-right:1px solid var(--line)}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;margin:0 0 10px;color:var(--muted)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:43px;line-height:1.05;margin:0;font-weight:700;letter-spacing:-.7px}h1 span{color:var(--lime)}.intro{font-size:12px;line-height:1.7;color:#a2aaa3;margin:14px 0 24px}.steps{display:flex;gap:15px;margin-bottom:27px;color:#778078;font-size:9px}.steps span{display:flex;gap:5px}.steps b{font-weight:500}.steps .active{color:var(--lime)}h2{font-size:13px;font-weight:600;margin:0}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.micro{font-size:10px;color:#636e63}.control-section{border-top:1px solid var(--line);padding-top:20px;margin-top:23px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preset{background:transparent;padding:0;text-align:left;color:#d8ddd5}.preset-art{display:block;height:64px;border-radius:4px;margin-bottom:9px;border:2px solid transparent;overflow:hidden}.preset.active .preset-art{border-color:var(--lime)}.preset b{display:block;font-size:11px;font-weight:500}.preset small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.sakura{background:#f8e9e9 url('./assets/0/sakura-sheet.jpg') center 40%/cover}.stealth{background:repeating-linear-gradient(135deg,#202826 0 13px,#26312c 13px 14px)}.signal{background:linear-gradient(132deg,#d4f77d 0 48%,#253c32 49% 55%,#d4f77d 56% 64%,#253c32 65% 74%,#d4f77d 75%)}.segmented{background:#242a26;padding:4px;border-radius:5px;display:flex;gap:4px}.segmented button{flex:1;padding:10px 4px;background:transparent;color:#939e94;font-size:11px;border-radius:3px}.segmented button.active{background:#414a40;color:#f4f7f0}.surface-caption{display:flex;justify-content:space-between;font-size:9px;color:#939e94;margin:10px 0 16px}.upload-zone{border:1px dashed #56614f;display:flex;align-items:center;flex-direction:column;position:relative;padding:18px 8px 14px;border-radius:5px;background:#1d231e;cursor:pointer;gap:5px}.upload-zone:hover,.upload-zone.dragover{border-color:var(--lime);background:#293122}.upload-zone input{position:absolute;width:100%;height:100%;opacity:0;inset:0;cursor:pointer}.upload-zone:focus-within{outline:3px solid var(--pink);outline-offset:3px}.upload-icon{font-size:24px;line-height:1;color:var(--lime);margin-bottom:5px}.upload-zone b{font-size:11px;font-weight:500}.upload-zone small{font-size:10px;color:#8c988b}.file-name{font-size:9px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#afbaa8;margin-top:7px}.color-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:15px}.color-row label{font-size:11px}.color-row label span{display:block;font-size:9px;color:var(--muted);margin-top:5px}input[type=color]{padding:0;border:1px solid #5b6657;width:32px;height:32px;border-radius:5px;background:transparent;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:3px}input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}details{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}summary{cursor:pointer;list-style:none;font-size:11px;display:flex;justify-content:space-between;color:#bac4b5}summary::-webkit-details-marker{display:none}summary span{color:var(--muted)}.placement-fields{padding-top:14px;display:grid;gap:12px}.placement-fields label{font-size:10px}.placement-fields output{float:right;color:#a5b89a}.placement-fields input{display:block;width:100%;height:12px;margin:8px 0;accent-color:var(--lime)}.finish-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:18px}.finish-row select{border:1px solid #414b3c;background:#242b23;color:#d2dacb;font-size:11px;border-radius:4px;padding:7px 16px 7px 9px}.gpt-card{margin-top:26px;background:#2b3426;border:1px solid #47523c;border-radius:7px;padding:17px;display:grid;grid-template-columns:22px 1fr;gap:10px}.gpt-icon{color:var(--lime);font-size:24px;line-height:1}.gpt-card h2{font-size:12px;color:#e1edce;line-height:1.4}.gpt-card p{font-size:10px;color:#a4b092;line-height:1.6;margin:7px 0 0}.kit-button{grid-column:1/-1;color:var(--lime);background:transparent;padding:14px 0 0;border-top:1px solid #46523c;margin-top:3px;display:flex;justify-content:space-between;font-size:11px;font-weight:500}.local-note{font-size:9px;color:var(--muted);display:flex;justify-content:center;gap:8px;align-items:center;margin:21px 0 0}.local-note .status-dot{width:4px;height:4px}.workbench{background:var(--cream);color:var(--ink);min-width:0}#viewport{position:relative;height:clamp(440px,57vw,640px);background:radial-gradient(ellipse at 50% 45%,#fbfcf6 0%,#e7e9e0 77%);overflow:hidden}.viewer-title{position:absolute;top:28px;left:32px;z-index:2;pointer-events:none}.viewer-title .eyebrow{color:#7c8378;margin-bottom:6px}.viewer-title>span{font-size:13px;font-weight:500}.edition{position:absolute;top:65px;right:36px;text-align:right;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(58px,8vw,110px);font-weight:800;letter-spacing:-2px;line-height:.83;color:#dce0d4;pointer-events:none}.edition span{font-family:'DM Sans',sans-serif;font-size:9px;font-weight:600;letter-spacing:4px;color:#97a28a}#bike-canvas{width:100%;height:100%;display:block;position:relative;touch-action:none}#loading{position:absolute;z-index:4;inset:0;background:#e9ece4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;font-size:12px;color:#53614a}#loading strong{font-weight:500;font-size:15px}#load-progress{font-size:10px}.loader{width:30px;height:30px;border:2px solid #cbd3c4;border-top-color:#658741;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer-tools{position:absolute;right:25px;top:46%;display:flex;flex-direction:column;gap:8px;z-index:2}.tool{width:36px;height:36px;background:#fafbf5d9;color:#4f5b46;border:1px solid #d1d7c9;border-radius:6px;font-size:20px;backdrop-filter:blur(5px)}.tool[aria-pressed=true]{background:#d5efb3}.view-bottom{position:absolute;bottom:23px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.view-presets{display:flex;gap:3px;background:#f5f6efcc;padding:4px;border:1px solid #d6dcce;border-radius:6px;backdrop-filter:blur(6px)}.view-presets button{padding:8px 12px;font-size:10px;background:transparent;color:#7a8470;border-radius:3px}.view-presets button.active{background:#263021;color:#e1ebd8}.orbit-hint{font-size:8px;font-weight:600;letter-spacing:1px;color:#7b8771}.orbit-hint span{margin:0 5px}.texture-section{padding:25px 30px 32px;background:#f9faf4;border-top:1px solid #dce1d4}.texture-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.texture-head .eyebrow{color:#8d9684;font-size:8px;margin-bottom:8px}.texture-head h2{font-size:18px;font-weight:500;letter-spacing:-.5px}.toggle{display:flex;align-items:center;gap:8px;font-size:10px;color:#6b7860;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle>span{width:27px;height:15px;border-radius:10px;background:#d5dcce;position:relative}.toggle>span:before{content:'';width:11px;height:11px;background:white;border-radius:50%;position:absolute;left:2px;top:2px;transition:left .2s}.toggle input:checked+span{background:#608141}.toggle input:checked+span:before{left:14px}.toggle input:focus-visible+span{outline:3px solid var(--pink);outline-offset:3px}.texture-content{display:flex;gap:27px;margin-top:22px;align-items:center}.texture-preview{width:180px;height:175px;flex:none;background:repeating-conic-gradient(#ecefe6 0% 25%,#f5f7ef 0% 50%) 50%/14px 14px;border:1px solid #dce2d3;border-radius:4px;padding:10px;display:flex;align-items:center;justify-content:center}.texture-preview canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 2px 10px #1c291317}.surface-tag{font-size:8px;font-weight:600;letter-spacing:1.3px;color:#667b52;background:#edf3e4;padding:5px 7px;border-radius:3px}.texture-description h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:13px 0 8px}.texture-description p{font-size:11px;color:#74816a;line-height:1.65;max-width:450px;margin:0}.texture-actions{display:flex;gap:18px;align-items:center;margin-top:17px}.outline{background:transparent;border:1px solid #bcc9ae;border-radius:4px;color:#465c32;font-size:10px;padding:10px 14px;font-weight:500}.text-button{background:transparent;color:#859977;font-size:10px;padding:7px 0}.texture-description .fine-print{font-size:9px;line-height:1.5;color:#8a9382;margin-top:16px}.fine-print{font-size:10px;color:#87907e;line-height:1.6;margin:20px 0 0}dialog{width:min(580px,calc(100% - 32px));border:1px solid #47503e;background:#1d241d;color:#f1f3eb;padding:36px;border-radius:12px;box-shadow:0 30px 120px #0008;max-height:90dvh}dialog::backdrop{background:#11170fbf;backdrop-filter:blur(7px)}dialog h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;line-height:1.1;margin-top:8px;font-weight:600}dialog .eyebrow{color:#a7c589}.close{position:absolute;right:18px;top:12px;color:#b6c1aa;background:transparent;font-size:26px;padding:4px 8px}.dialog-intro{font-size:12px;line-height:1.7;color:#a5b199;margin:15px 0 24px}.kit-steps{padding:0;list-style:none;display:grid;gap:20px;margin-bottom:27px}.kit-steps li{display:flex;gap:15px}.kit-steps li>span{font-size:10px;background:#34412a;color:var(--lime);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;flex:none}.kit-steps b{font-size:12px;font-weight:500}.kit-steps p{font-size:11px;color:#929f88;line-height:1.5;margin:5px 0 0}.prompt-label{font-size:11px;color:#b2c59f;display:block;margin-bottom:10px}textarea{width:100%;background:#141b14;border:1px solid #3c4b32;border-radius:5px;color:#e2eada;padding:12px;font-size:12px;line-height:1.6;resize:vertical}textarea::placeholder{color:#748569}.prompt-details textarea{font-size:10px;color:#a8b59b;margin-top:14px}.dialog-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.dialog-actions .outline{color:#cfddbd;border-color:#536245;font-size:11px}.export-options{display:grid;gap:12px;margin-top:25px}.export-options button{display:flex;align-items:center;gap:17px;text-align:left;border:1px solid #3f4b35;background:#252e22;border-radius:6px;padding:20px;color:#d9e5ca}.export-options button>span{font-size:22px;color:var(--lime)}.export-options button>span:last-child{margin-left:auto;font-size:18px}.export-options b{display:block;font-size:12px;font-weight:500}.export-options small{display:block;font-size:10px;color:#94a483;margin-top:7px;line-height:1.5}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);background:#202b1c;color:#e8f3dd;border:1px solid #657b50;box-shadow:0 8px 30px #0003;z-index:30;padding:13px 20px;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px);width:max-content}#toast.visible{opacity:1;transform:translate(-50%,0)}@media(min-width:1450px){main{grid-template-columns:380px minmax(0,1fr)}.sidebar{padding:38px 32px}#viewport{height:680px}.texture-content{gap:35px}.texture-preview{width:200px;height:200px}}@media(max-width:1100px){.top-model{display:none}.orbit-hint{display:none}.sidebar{padding:25px 20px}main{grid-template-columns:310px minmax(0,1fr)}.texture-content{gap:18px;align-items:flex-start}.texture-preview{width:125px;height:150px}.texture-actions{gap:10px;flex-wrap:wrap}.texture-description h3{font-size:16px}.texture-section{padding:23px}.texture-head h2{font-size:16px}}@media(max-width:760px){.topbar{height:70px;padding:0 16px}.brand{font-size:16px;gap:10px}.brand-mark{font-size:38px;width:31px}.brand-mark span{font-size:20px}.brand-sub{font-size:7px}.top-actions{gap:2px}.quiet{font-size:10px;padding:8px}.top-actions .primary{padding:10px 14px;font-size:10px}main{display:flex;flex-direction:column}.workbench{display:contents}.sidebar{order:2;border-right:0;padding:25px 22px}.section-heading{display:none}.steps{margin-bottom:0}.control-section{margin-top:18px}.gpt-card{margin-top:22px}#viewport{order:1;height:440px}.texture-section{order:3}.viewer-title{top:22px;left:22px}.edition{right:22px;top:70px;font-size:80px}.viewer-tools{right:14px;top:40%}.view-bottom{left:18px;right:18px;bottom:18px}.view-presets button{padding:8px 14px}.texture-preview{width:135px;height:165px}.texture-head h2{font-size:18px}.presets{gap:13px}.preset-art{height:75px}.color-row label span{font-size:10px}.local-note{margin-bottom:0}.texture-content{gap:19px}.texture-description h3{font-size:16px}.texture-description p{font-size:10px}.texture-actions{margin-top:10px;gap:4px}.texture-section{padding:25px 22px}.texture-description .fine-print{margin-top:7px;font-size:8px}dialog{padding:30px 24px}}@media(max-width:400px){.top-actions .quiet{font-size:9px;padding:6px}.topbar{gap:6px}.top-actions .primary{padding:9px 12px}.texture-content{gap:13px}.texture-preview{width:110px;height:155px}.texture-description h3{font-size:15px}.texture-head h2{font-size:16px}.toggle{font-size:9px}}