:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f4f6f8;background:#050b14;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 8%,#234964 0,#071322 43%,#02050a 100%);min-height:100vh}.page-shell{width:min(1480px,calc(100% - 48px));margin:0 auto;padding:30px 0 22px}.topbar{display:flex;align-items:flex-start;gap:18px;margin-bottom:12px}.brand-mark{display:none}.eyebrow{margin:0 0 4px;color:#cbd7e2;font-size:clamp(28px,3.3vw,48px);letter-spacing:-.04em;font-weight:600}.topbar h1{margin:0;color:#dce6ef;font-size:clamp(18px,2vw,27px);font-weight:400}.frame-readout{margin-left:auto;text-align:center;color:#fff;font-size:20px;letter-spacing:.04em;border:1px solid #7890a755;border-radius:32px;padding:14px 20px;background:#0b1420cc}.frame-readout small{display:none}.viewer-card{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.viewer-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:min(65vh,650px);overflow:hidden;background:linear-gradient(180deg,#12314a55,#02050a 90%);cursor:grab;touch-action:none;user-select:none}.stage-grid,.orbit-line{display:none}.car-image{position:relative;z-index:2;width:min(59vw,900px);max-height:57vh;object-fit:contain;filter:drop-shadow(0 40px 28px #000b);pointer-events:none}.drag-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:8px 14px;color:#d4dfe8;font-size:14px;transition:opacity .35s}.drag-hint span{font-size:20px;margin-right:6px;vertical-align:-1px}.drag-hint.is-hidden{opacity:0}.arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:70px;height:70px;border:1px solid #b4c4d633;border-radius:50%;background:#07101bcc;color:#fff;font-size:42px;font-weight:200;cursor:pointer;transition:.2s}.arrow:hover,.arrow:focus-visible{background:#dce7ed;color:#111820;outline:none}.arrow--left{left:0}.arrow--right{right:0}.viewer-controls{padding:6px 0 0;background:transparent;border:0}.control-row{position:relative;display:grid;grid-template-columns:130px 1fr 130px;gap:16px;align-items:center}.control-row label{display:none}.control-row input{grid-column:2;width:100%;accent-color:#fff;cursor:pointer}.tick-labels{grid-column:2;display:flex;justify-content:space-between;margin-top:-10px;color:#a6b2bf;font-size:13px}.action-row{display:flex;align-items:center;gap:10px;margin-top:-28px;position:relative}.button{display:inline-flex;align-items:center;gap:8px;border:1px solid #b0c3d655;border-radius:30px;padding:12px 20px;background:#0b1320dd;color:#f0f5f8;font-size:15px;letter-spacing:0;font-weight:400;cursor:pointer}.button:hover,.button:focus-visible{border-color:#dce7ed;outline:none}.button--primary{margin-left:auto;order:3;background:#0b1320dd;color:#f0f5f8;border-color:#b0c3d655}.status{display:none}.thumb-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:14px;margin-top:30px}.thumb{min-width:0;text-align:center;color:#e8edf2;font-size:14px;border:0;background:none}.thumb img{display:block;width:100%;aspect-ratio:1.34;border:1px solid #72869a66;border-radius:10px;object-fit:cover;background:#071321;cursor:pointer}.thumb.is-active img{border:2px solid #61d7ff;box-shadow:0 0 14px #3ac5ef55}.thumb span{display:block;margin-top:8px}.source-tools{display:flex;align-items:center;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #ffffff18}.upload-button,.source-tools select{border:1px solid #b0c3d655;border-radius:24px;padding:10px 16px;background:#0b1320dd;color:#e8f0f5;font:inherit;font-size:13px;cursor:pointer}.upload-button:hover,.upload-button:focus-within,.source-tools select:focus{border-color:#dce7ed;outline:none}.upload-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.source-tools select{appearance:none;padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,#dce7ed 50%),linear-gradient(135deg,#dce7ed 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.upload-status{margin:0 0 0 auto;color:#9eacb7;font-size:12px}.upload-status.is-error{color:#ff9b9b}.upload-status.is-ready{color:#8de1bf}.generation-panel{margin-top:24px;padding:24px;border:1px solid #b0c3d622;border-radius:20px;background:linear-gradient(135deg,#0b1826cc,#06101b99);box-shadow:0 20px 50px #0004}.generation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-kicker{margin:0 0 6px;color:#71d8f5;text-transform:uppercase;letter-spacing:.16em;font-size:11px}.generation-heading h2{margin:0;color:#eef6fa;font-size:clamp(20px,2.5vw,30px);font-weight:500}.generation-heading p:not(.section-kicker){margin:8px 0 0;color:#a9bac8;font-size:13px}.api-badge{border:1px solid #70d9f455;border-radius:18px;padding:8px 12px;color:#9ee8fa;font-size:12px;white-space:nowrap}.generation-grid{display:grid;grid-template-columns:1.15fr 1.6fr .8fr;gap:14px;margin-top:20px}.ai-upload,.layout-choice,.quality-control{min-height:88px;border:1px solid #b0c3d633;border-radius:14px;padding:14px;background:#06111dcc;color:#eef6fa}.ai-upload{display:flex;flex-direction:column;justify-content:center;gap:8px;cursor:pointer}.ai-upload:hover{border-color:#70d9f4}.ai-upload>span{font-size:14px}.ai-upload small,.layout-choice small{display:block;color:#9eafbc;font-size:12px}.ai-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.layout-choice{display:flex;align-items:stretch;gap:10px;margin:0}.layout-choice legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.layout-choice label{display:flex;align-items:center;flex:1;gap:8px;padding:10px;border:1px solid transparent;border-radius:10px;cursor:pointer}.layout-choice label:has(input:checked){border-color:#61d7ff;background:#153247}.layout-choice input{accent-color:#61d7ff}.layout-choice strong{display:block;font-size:18px;font-weight:500}.quality-control{display:flex;flex-direction:column;justify-content:center;gap:8px;font-size:13px}.quality-control select{border:1px solid #b0c3d655;border-radius:8px;padding:8px;background:#0b1724;color:#eef6fa;font:inherit}.generation-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.cost-card{display:flex;flex-direction:column;gap:4px}.cost-card span,.result-label{color:#9eafbc;font-size:12px}.cost-card strong{font-size:20px;color:#fff}.cost-card small{color:#8193a2;font-size:11px}.button--generate{border-color:#61d7ff88;background:#123348;color:#eafaff}.button--generate:disabled{opacity:.55;cursor:wait}.generation-status{margin:14px 0 0;color:#b8c7d1;font-size:12px}.generation-status.is-error{color:#ff9b9b}.generation-status.is-ready{color:#8de1bf}.generation-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;margin-top:18px;padding-top:18px;border-top:1px solid #ffffff18}.generation-result>div{display:flex;flex-direction:column;gap:8px}.generation-result img{display:block;max-width:100%;max-height:300px;border:1px solid #7890a744;border-radius:10px;background:#02060b;object-fit:contain}.generation-result strong{color:#eafaff;font-size:13px}.generation-history{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}.generation-history:empty{display:none}.generation-history li{display:flex;gap:10px;align-items:center;padding:7px 10px;border:1px solid #7890a733;border-radius:9px;color:#a9bac8;font-size:11px}.generation-history strong{color:#eafaff}.sheet-editor{max-width:100%}.footer-note{display:none}@media(max-width:700px){.page-shell{width:calc(100% - 24px);padding-top:20px}.topbar{margin-bottom:4px}.eyebrow{font-size:28px}.topbar h1{font-size:16px}.frame-readout{font-size:15px;padding:10px 14px}.viewer-stage{min-height:54vh}.car-image{width:min(84vw,500px);max-height:48vh}.arrow{width:46px;height:46px;font-size:28px}.arrow--left{left:4px}.arrow--right{right:4px}.control-row{grid-template-columns:10px 1fr 10px}.action-row{margin-top:4px;flex-wrap:wrap}.button--primary{margin-left:0;order:0}.source-tools{align-items:stretch;flex-wrap:wrap}.source-tools select,.upload-button{font-size:12px}.upload-status{width:100%;margin:0;font-size:11px}.generation-panel{padding:16px;border-radius:15px}.generation-heading{display:block}.api-badge{display:inline-block;margin-top:12px}.generation-grid{grid-template-columns:1fr;gap:10px}.layout-choice{min-height:76px}.generation-summary{align-items:flex-start;flex-direction:column}.button--generate{width:100%;justify-content:center}.generation-result{grid-template-columns:1fr}.thumb-strip{gap:6px;margin-top:22px}.thumb{font-size:10px}.thumb span{margin-top:4px}.thumb-strip{grid-template-columns:repeat(4,1fr)}}
.sheet-editor{max-width:100%;overflow:auto}.sheet-editor canvas{display:block;max-width:100%;height:auto}.sheet-editor details{color:#d7e2ea}