*{box-sizing:border-box}html,body,#root{color:#12202a;min-height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.page{background:radial-gradient(circle at 100% 0,#e7f7fb 0 28%,#0000 30%),#edf8fb;min-height:100vh;padding:32px 24px}.app-layout{max-width:1280px;margin:0 auto}.title-row h1{color:#111;margin:8px 0 24px;font-size:clamp(28px,4vw,56px);line-height:1.08}.workspace{grid-template-columns:minmax(460px,1fr) 380px;align-items:start;gap:20px;display:grid}.preview-card{background:#fff;border:2px solid #6b7e8a;border-radius:10px;place-items:center;min-height:100%;display:grid;box-shadow:0 8px 30px #11182714}.gopher-svg{width:min(82%,620px);height:100%}.controls-header{color:#f7ffff;letter-spacing:1px;text-align:center;background:#1b738b;border:2px solid #2f4a55;border-radius:10px;margin:0 0 14px;padding:12px;font-size:22px;font-weight:800}.option-block-accessory{background:#f6f8f9;margin-bottom:12px;padding:12px}.option-block{background:#f6f8f9;border:2px solid #4c5d66;border-radius:10px;margin-bottom:12px;padding:12px}.option-block h3{letter-spacing:.7px;color:#1b2b34;margin:0 0 8px;font-size:14px}.color-wheel{cursor:crosshair;background:radial-gradient(circle,#fff 0%,#fff0 66%),conic-gradient(red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);border:2px solid #537481;border-radius:999px;width:170px;height:170px;margin:10px auto 8px;position:relative}.wheel-thumb{border:2px solid #fff;border-radius:999px;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #1e2d34}.brightness-range{width:100%;margin:0 0 12px}.swatches{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;border:2px solid #31444f;border-radius:9px;width:100%}.swatch.active{outline:3px solid #f4f6f8;box-shadow:0 0 0 3px #2c5967}.option-title-row{justify-content:space-between;align-items:center;display:flex}.option-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.row-scroll-wrap{display:block}.row-scroll{scrollbar-width:none;gap:8px;padding:2px;display:flex;overflow-x:auto}.row-scroll::-webkit-scrollbar{display:none}.row-scroll{-ms-overflow-style:none}.option-card{cursor:pointer;color:#1f2e36;background:#fff;border:2px solid #95a7b1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:84px;min-height:72px;display:flex}.option-card span:last-child{font-size:11px;font-weight:700}.mini-svg{width:42px;height:42px}.option-card.active{border-color:#2b7f93;box-shadow:inset 0 0 0 2px #b8ecfb}.download-btn{color:#0f2430;cursor:pointer;background:linear-gradient(#7fdaf0,#5ec2df);border:2px solid #2f4b57;border-radius:12px;width:100%;padding:16px;font-size:18px;font-weight:800}.download-btn:hover{filter:brightness(1.04)}.hint{color:#2f3d45;text-align:center;margin:10px 6px 4px;font-size:15px;line-height:1.25}@media (width<=1100px){.workspace{grid-template-columns:1fr}.preview-card{min-height:520px}}