*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{color:#f3ead8;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#0c0c0c;font-family:Noto Sans JP,system-ui,sans-serif}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0c0c0c}::-webkit-scrollbar-thumb{background:#34301f;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#8f6a22}:root{--gold:#c5922e;--gold-soft:#d8ab4d;--gold-dim:#8f6a22;--black:#0c0c0c;--ink:#16130d;--panel:#17150f;--panel-2:#1f1c14;--panel-3:#272319;--line:#34301f;--text:#f3ead8;--text-dim:#b6ab92;--text-mute:#8a8067;--radius:14px;--shadow:0 10px 30px #00000073;--maxw:720px}*{box-sizing:border-box}html,body{overscroll-behavior-y:none}.app{background:radial-gradient(120% 60% at 50% -10%, #241f14 0%, var(--black) 55%), var(--black);color:var(--text);flex-direction:column;padding-bottom:76px;display:flex}.boot{background:var(--black);min-height:100svh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.boot-logo{letter-spacing:.28em;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:26px}.boot-sub{color:var(--text-mute);letter-spacing:.1em;font-size:13px}.top-fixed{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);background:linear-gradient(#0c0c0cfa,#0c0c0ceb);position:sticky;top:0}.header{max-width:var(--maxw);justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:12px 18px 8px;display:flex}.brand{flex-direction:column;line-height:1;display:flex}.logo{letter-spacing:.22em;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400}.tagline{letter-spacing:.38em;color:var(--text-mute);margin-top:5px;font-size:10px}.header-right{align-items:center;gap:8px;display:flex}.home-link{white-space:nowrap;color:var(--text-dim);border:1px solid var(--line);border-radius:999px;align-items:center;padding:8px 10px;font-size:11px;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.home-link:hover{color:var(--gold);border-color:var(--gold-dim)}.model-select{background:var(--panel-2);border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;appearance:none;border-radius:999px;padding:8px 10px;font-size:12px}.price-tag-wrap{position:relative}.price-tag{border:1px solid var(--gold-dim);color:var(--gold);cursor:pointer;font-variant-numeric:tabular-nums;background:linear-gradient(#241d0f,#191509);border-radius:999px;align-items:baseline;gap:6px;padding:8px 14px;display:inline-flex}.price-yen{font-size:18px;font-weight:700}.price-tax{color:var(--text-mute);font-size:10px}.price-caret{color:var(--gold-dim);font-size:8px}.price-pop{z-index:60;background:var(--panel-2);border:1px solid var(--line);min-width:250px;box-shadow:var(--shadow);border-radius:12px;padding:12px 14px;position:absolute;top:calc(100% + 8px);right:0}.price-pop-row,.price-pop-total{justify-content:space-between;gap:16px;padding:4px 0;font-size:13px;display:flex}.price-pop-row{color:var(--text-dim)}.price-pop-total{border-top:1px solid var(--line);color:var(--gold);margin-top:6px;padding-top:8px;font-weight:700}.lh-notice{z-index:6;color:#e2352b;letter-spacing:.02em;pointer-events:none;text-shadow:0 1px 2px #ffffff8c;font-size:11px;font-weight:700;animation:1.15s step-end infinite lh-blink;position:absolute;top:10px;left:14px}@keyframes lh-blink{0%,86%{opacity:1}88%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.lh-notice{animation:none}}.lh-notice-banner{text-align:center;color:#e2352b;background:#e2352b1a;border:1px solid #e2352b6b;border-radius:8px;margin:0 0 14px;padding:9px 12px;font-size:12.5px;font-weight:700;line-height:1.6}.lh-notice-banner span{color:var(--text-dim);font-size:11px;font-weight:400;display:inline-block}.preview-zone{max-width:var(--maxw);background:radial-gradient(120% 100% at 50% 26%,#f5eddd 0%,#ecdfc6 55%,#decba8 100%);width:100%;margin:0 auto;padding:10px 18px 12px;position:relative}.glove-canvas{aspect-ratio:1;z-index:0;width:100%;max-width:360px;margin:0 auto;position:relative}.glove-canvas:after{content:"";z-index:-1;background:radial-gradient(50% 50%,#523e2052,#523e2000 72%);border-radius:50%;height:8%;position:absolute;bottom:3%;left:16%;right:16%}.glove-layer{object-fit:contain;pointer-events:none;filter:drop-shadow(0 8px 12px #46341824);width:100%;height:100%;position:absolute;inset:0}.preview-bar{justify-content:center;margin-top:4px;display:flex}.view-switch{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.view-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 16px;font-size:13px;transition:all .15s}.view-btn.active{background:linear-gradient(180deg, var(--gold), var(--gold-dim));color:#1a1408;font-weight:700}.content{max-width:var(--maxw);flex:1;width:100%;margin:0 auto;padding:20px 18px 8px}.step-head{margin-bottom:18px}.step-badge{letter-spacing:.2em;color:#1a1408;background:var(--gold);border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.step-title{color:var(--text);margin:10px 0 2px;font-size:21px;font-weight:700}.step-sub{color:var(--text-mute);margin:0;font-size:13px}.field{margin-bottom:20px}.field-label{color:var(--text-dim);flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.field-note{color:var(--text-mute);font-size:11px}.segmented{flex-wrap:wrap;gap:8px;display:flex}.hand-seg .segmented{flex-wrap:nowrap}.hand-seg .seg-btn{flex:1 1 0;padding:12px 6px;font-size:13px;line-height:1.5}.seg-btn{border:1px solid var(--line);background:var(--panel-2);color:var(--text-dim);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:14px;transition:all .15s}.seg-btn:hover{border-color:var(--gold-dim)}.seg-btn.active{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-dim);background:linear-gradient(#2a2210,#1c1709);font-weight:700}.thumb-grid{grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:10px;display:grid}.shape-thumb{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:6px;transition:all .15s;display:flex}.shape-thumb:hover{border-color:var(--gold-dim)}.shape-thumb.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 6px 16px #0006}.shape-thumb-canvas{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.shape-thumb-canvas.focus-web .glove-layer{transform:translate(-28%,18%)scale(2.1)}.shape-thumb-label{color:var(--text-dim);text-align:center;font-size:11px;line-height:1.3}.shape-thumb.selected .shape-thumb-label{color:var(--gold);font-weight:700}.bulk-apply{border:1px dashed var(--gold-dim);width:100%;color:var(--gold);cursor:pointer;background:#c5922e14;border-radius:12px;margin-bottom:18px;padding:12px;font-size:14px;transition:background .15s}.bulk-apply:hover{background:#c5922e29}.bulk-icon{margin-right:6px}.color-group{margin-bottom:16px}.color-group-title{color:var(--text-mute);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.part-chips{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.part-chip{text-align:left;border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:9px 10px;transition:all .15s;display:flex}.part-chip:hover{border-color:var(--gold-dim)}.part-chip.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-dim)}.chip-dot{border:1px solid #0000;border-radius:50%;flex-shrink:0;width:18px;height:18px}.chip-name{color:var(--text);flex:1;font-size:13px}.chip-color{color:var(--text-mute);font-size:11px}.picker-panel{background:var(--panel-3);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;margin-top:14px;padding:14px}.picker-head{align-items:center;gap:10px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.picker-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.picker-current{color:var(--gold)}.type-badge{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.type-leather{color:var(--gold);background:#3a2a12}.type-lace{color:#63c8c0;background:#12322f}.type-thread{color:#c48ae0;background:#2a1236}.type-label{color:#e0b352;background:#33260c}.model-notice{border:1px solid var(--gold-dim);color:var(--text-dim);background:#c5922e1a;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:12px;line-height:1.7}.picker-note{color:var(--text-mute);margin:6px 0 0;font-size:12px;line-height:1.6}.swatch-row{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:8px;padding:6px 2px 2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),#0000)}.swatch-row::-webkit-scrollbar{display:none}.swatch-cell{flex-direction:column;flex:none;align-items:center;gap:4px;width:56px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;transition:transform .12s;position:relative;box-shadow:inset 0 2px 6px #00000059}.swatch:hover{transform:scale(1.08)}.swatch.selected{box-shadow:0 0 0 2px var(--black), 0 0 0 4px var(--gold)}.swatch-check{justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.swatch-name{color:var(--text-mute);text-align:center;font-size:10px}.swatch-name.active{color:var(--gold);font-weight:700}.emb-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-bottom:12px;overflow:hidden}.emb-card.on{border-color:var(--gold-dim)}.emb-head{justify-content:space-between;align-items:baseline;gap:10px;padding:14px 14px 0;display:flex}.emb-pos{font-size:15px;font-weight:700}.emb-price{color:var(--gold);font-size:12px}.emb-onoff{padding:10px 14px 14px}.emb-body{border-top:1px solid var(--line);padding:0 14px 14px}.emb-body .field{margin-top:14px;margin-bottom:0}.emb-preview{border:1px solid var(--line);background:#0c0b07;border-radius:10px;justify-content:center;align-items:center;min-height:64px;margin-top:14px;display:flex}.emb-preview span{font-size:30px}.emb-preview[data-font=kaisho] span{font-family:Noto Serif JP,serif;font-weight:700}.emb-preview[data-font=hikki] span{font-family:Brush Script MT,cursive;font-style:italic}.emb-preview[data-font=roman] span{letter-spacing:.04em;font-family:Georgia,serif}.text-input,.text-area,.color-select{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--text);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:14px}.text-input:focus,.text-area:focus,.color-select:focus{border-color:var(--gold);outline:none}.text-area{resize:vertical}.summary-views{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.summary-view{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px;display:flex}.summary-view>span{color:var(--text-mute);font-size:11px}.mini-glove{aspect-ratio:1;width:100%;position:relative}.sum-section{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-bottom:12px;padding:14px 16px}.sum-title{color:var(--gold);letter-spacing:.08em;border-bottom:1px solid var(--line);margin:0 0 10px;padding-bottom:8px;font-size:13px}.sum-row{justify-content:space-between;gap:14px;padding:5px 0;font-size:13px;display:flex}.sum-k{color:var(--text-mute);flex-shrink:0}.sum-v{color:var(--text);text-align:right}.sum-total{border-top:1px solid var(--line);color:var(--gold);justify-content:space-between;margin-top:8px;padding-top:10px;font-size:17px;font-weight:700;display:flex}.color-table{grid-template-columns:1fr 1fr;gap:4px 16px;display:grid}.color-table-row{border-bottom:1px solid #34301f80;justify-content:space-between;gap:8px;padding:4px 0;font-size:12px;display:flex}.ct-part{color:var(--text-mute)}.ct-color{color:var(--text);align-items:center;gap:6px;display:inline-flex}.ct-dot{border:1px solid #0000;border-radius:50%;width:12px;height:12px}.cust-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cust-field{flex-direction:column;gap:5px;display:flex}.cust-field.wide{grid-column:1/-1}.cust-label{color:var(--text-dim);font-size:12px}.order-submit{cursor:pointer;background:linear-gradient(180deg, var(--gold), var(--gold-dim));color:#1a1408;border:none;border-radius:12px;width:100%;margin-top:16px;padding:15px;font-size:15px;font-weight:700}.step-actions{gap:10px;margin-top:24px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:15px;font-size:15px;font-weight:700;transition:all .15s}.btn.primary{background:linear-gradient(180deg, var(--gold), var(--gold-dim));color:#1a1408}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{border:1px solid var(--line);color:var(--text-dim);background:0 0;flex:none;padding:15px 22px}.btn.ghost:hover{border-color:var(--gold-dim);color:var(--gold)}.save-note{text-align:center;color:var(--text-mute);margin-top:14px;font-size:11px}.save-panel{border:1px solid var(--gold-dim);background:linear-gradient(#c4a4541a,#c4a45408);border-radius:14px;margin-bottom:12px;padding:16px}.save-panel-head{align-items:flex-start;gap:12px;display:flex}.save-panel-icon{flex-shrink:0;font-size:26px;line-height:1}.save-panel-title{color:var(--gold);margin:0 0 4px;font-size:15px;font-weight:700}.save-panel-sub{color:var(--text);margin:0;font-size:12.5px;line-height:1.6}.save-panel-sub b{color:var(--gold)}.save-panel-caution{color:var(--text-mute);background:#0000002e;border-radius:8px;margin:12px 0 0;padding:8px 10px;font-size:12px;line-height:1.6}.save-panel-caution b{color:var(--text)}.save-panel-btn{cursor:pointer;background:linear-gradient(180deg, var(--gold), var(--gold-dim));color:#1a1408;border:none;border-radius:12px;width:100%;margin-top:14px;padding:15px;font-size:15px;font-weight:700;transition:filter .15s}.save-panel-btn:hover:not(:disabled){filter:brightness(1.06)}.save-panel-btn:disabled{opacity:.55;cursor:not-allowed}.save-panel-err{color:#e6a4a4;background:#7828282e;border-radius:8px;margin:10px 0 0;padding:8px 10px;font-size:12px;line-height:1.6}.save-done{text-align:center;margin-top:14px}.save-done-label{color:var(--text-mute);letter-spacing:.08em;margin:0 0 6px;font-size:12px}.save-done-id{letter-spacing:.14em;color:var(--gold);border:1px solid var(--gold-dim);-webkit-user-select:all;user-select:all;background:#00000038;border-radius:12px;padding:14px 10px;font-size:34px;font-weight:800}.save-done-actions{gap:10px;margin-top:12px;display:flex}.save-copy-btn{cursor:pointer;border:1px solid var(--gold-dim);color:var(--gold);background:0 0;border-radius:10px;flex:1;padding:12px;font-size:13px;font-weight:700;transition:all .15s}.save-copy-btn:hover{border-color:var(--gold);background:#c4a4541a}.save-copy-btn.line{color:#22d669;border-color:#06c755}.save-copy-btn.line:hover{background:#06c7551f}.save-done-note{color:var(--text-mute);margin:12px 0 0;font-size:11.5px;line-height:1.6}.btn.nav-arrow{border:1px solid var(--gold-dim);width:56px;color:var(--gold);background:0 0;flex:none;padding:15px 0;font-size:13px}.btn.nav-arrow:hover{background:#c5922e1f}.btn-arrow{margin-left:8px;font-size:11px}.item-nav{z-index:6;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:8px 10px;display:none;position:absolute;bottom:8px}.item-nav.prev{text-align:left;align-items:flex-start;left:2px}.item-nav.next{text-align:right;align-items:flex-end;right:2px}.item-nav-dir{color:var(--gold-dim);font-size:12px;font-weight:700}.item-nav-name{color:#7a6a45;max-width:84px;font-size:10px;line-height:1.2}.page-scroll-hint{z-index:55;color:var(--gold);pointer-events:none;text-shadow:0 1px 4px #000000e6;font-size:11px;animation:1.5s ease-in-out infinite rail-hint-pulse;position:fixed;bottom:78px;left:50%;transform:translate(-50%)}.swatch-row-wrap{position:relative}.swatch-hint{z-index:2;color:var(--gold);pointer-events:none;text-shadow:0 1px 3px #000000e6;font-size:10px;animation:1.5s ease-in-out infinite rail-hint-pulse;position:absolute;top:22px}.swatch-hint.left{left:-4px}.swatch-hint.right{right:-4px}.hscroll-wrap .swatch-hint{top:45%}.line-oa-btn{text-align:center;color:#fff;background:#06c755;border-radius:10px;width:100%;margin-top:12px;padding:14px;font-size:14px;font-weight:700;text-decoration:none;transition:filter .15s;display:block}.line-oa-btn:hover{filter:brightness(1.08)}.line-oa-note{color:var(--text-mute);margin:8px 0 0;font-size:11px;line-height:1.6}.home-link.back-shop{color:var(--gold);border-color:var(--gold-dim)}.home-link.back-shop:hover{background:var(--gold);color:#1a1408}.save-done-back{border:1px solid var(--gold-dim);color:var(--gold);border-radius:999px;margin-top:14px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.save-done-back:hover{background:var(--gold);color:#1a1408}.order-guide{background:var(--panel-2);border:1px solid var(--line);text-align:center;border-radius:12px;margin-top:18px;padding:16px}.order-guide-lead{color:var(--text-dim);margin:0;font-size:13px;line-height:1.8}.order-guide-lead b{color:var(--gold)}.order-guide-note{color:var(--text-mute);margin:12px 0 0;font-size:11.5px;line-height:1.7}.order-back-shop{color:#1a1408;background:linear-gradient(180deg, var(--gold), var(--gold-dim));border:none;border-radius:12px;margin-top:14px;padding:13px 26px;font-size:15px;font-weight:700;text-decoration:none;transition:filter .15s;display:inline-block}.order-back-shop:hover{filter:brightness(1.06)}.top-page{background:radial-gradient(120% 60% at 50% -10%, #241f14 0%, var(--black) 55%), var(--black);color:var(--text);padding:40px 18px 60px}.top-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:30px;display:flex}.top-logo{letter-spacing:.26em;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:30px}.top-tagline{letter-spacing:.4em;color:var(--text-mute);margin-top:8px;font-size:11px}.top-lead{color:var(--text-dim);margin:18px 0 0;font-size:13px}.brand-jump{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.brand-jump-chip{color:var(--gold);white-space:nowrap;border:1px solid var(--gold-dim);border-radius:999px;padding:6px 14px;font-size:12px;text-decoration:none;transition:background .15s}.brand-jump-chip:hover{background:#c5922e24}.brand-section{max-width:860px;margin:34px auto 0;scroll-margin-top:16px}.brand-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:12px;margin:0 4px 14px;padding-bottom:10px;display:flex}.brand-name{color:var(--text);letter-spacing:.04em;margin:0;font-size:18px;font-weight:700}.brand-tagline{color:var(--text-mute);font-size:11.5px}.brand-soon{border:1px dashed var(--line);text-align:center;color:var(--text-mute);background:#ffffff05;border-radius:14px;padding:28px 16px;font-size:13px}.model-grid{grid-template-columns:repeat(2,1fr);gap:12px;max-width:860px;margin:0 auto;display:grid}@media (width>=720px){.model-grid{grid-template-columns:repeat(3,1fr)}}.model-card{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px 14px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.model-card.live:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 10px 26px #00000080}.model-card-canvas{aspect-ratio:1;width:100%;max-width:170px;position:relative}.model-card-canvas .glove-layer{filter:drop-shadow(0 6px 10px #00000080)}.model-card-static{object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 10px #00000080);width:100%;height:100%;position:absolute;inset:0}.model-card-canvas.dim img{object-fit:contain;opacity:.22;filter:grayscale();width:100%;height:100%}.model-card-name{font-size:15px;font-weight:700}.model-card-price{color:var(--gold);font-variant-numeric:tabular-nums;min-height:1.2em;font-size:12px}.model-card-cta{color:#1a1408;background:linear-gradient(180deg, var(--gold), var(--gold-dim));border-radius:999px;margin-top:4px;padding:8px 16px;font-size:12px;font-weight:700}.model-card.soon{opacity:.75;cursor:default}.model-card.soon .model-card-name{color:var(--text-dim)}.model-card-badge{letter-spacing:.12em;color:var(--text-mute);border:1px solid var(--line);border-radius:999px;margin-top:4px;padding:5px 12px;font-size:10px}.top-note{max-width:560px;color:var(--text-mute);text-align:center;margin:26px auto 0;font-size:11.5px;line-height:1.8}.review-back{align-self:flex-start;width:auto;margin-bottom:14px;padding:10px 16px;font-size:13px}@media (width<=767px){.app[data-step="6"] .step-head{display:block}}.stepnav{z-index:60;max-width:var(--maxw);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);background:#0f0e0af7;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.stepnav-item{cursor:pointer;color:var(--text-mute);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 2px 12px;transition:color .15s;display:flex}.stepnav-num{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.stepnav-label{font-size:10px}.stepnav-item.active{color:var(--gold)}.stepnav-item.active .stepnav-num{border-color:var(--gold);background:var(--gold);color:#1a1408}.stepnav-item.done{color:var(--text-dim)}.stepnav-item.done .stepnav-num{border-color:var(--gold-dim);color:var(--gold)}.parts-rail-wrap{z-index:5;width:100px;display:none;position:absolute;top:8px;bottom:56px;right:8px}.parts-rail{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#0808088c;border:1px solid #c5922e47;border-radius:12px;flex-direction:column;gap:4px;height:auto;max-height:100%;padding:6px;display:flex;overflow-y:auto}.rail-group{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.rail-step{cursor:pointer;width:100%;color:var(--text-mute);text-align:left;background:0 0;border:none;border-top:1px solid #c5922e2e;flex-shrink:0;align-items:center;gap:4px;padding:6px 4px 4px;font-size:10px;font-weight:700;display:flex}.rail-group:first-child .rail-step{border-top:none;padding-top:2px}.rail-step.current{color:var(--gold)}.rail-step.done{color:var(--text-dim)}.rail-step-caret{flex-shrink:0;font-size:8px}.rail-step-label{line-height:1.25}.rail-step-check{color:var(--gold);flex-shrink:0;margin-left:auto;font-size:9px}.parts-rail::-webkit-scrollbar{display:none}.rail-item{cursor:pointer;color:var(--text-dim);text-align:left;background:#ffffff0d;border:1px solid #0000;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px;display:flex}.rail-item-all{margin-bottom:10px;position:relative}.rail-item-all:after{content:"";border-bottom:1px solid #c5922e59;position:absolute;bottom:-6px;left:4px;right:4px}.rail-item.active{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-dim);background:#c5922e24}.rail-dot{border:1px solid #0000;border-radius:50%;flex-shrink:0;width:13px;height:13px;box-shadow:inset 0 1px 3px #0006}.rail-name{font-size:10px;line-height:1.25}.rail-sec{flex-direction:column;gap:2px;min-width:0;display:flex}.rail-val{color:var(--gold);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.2;overflow:hidden}.rail-item.active .rail-val{color:var(--gold-soft)}.rail-hint{color:var(--gold);pointer-events:none;z-index:6;text-shadow:0 1px 3px #000000e6;font-size:9px;animation:1.5s ease-in-out infinite rail-hint-pulse;position:absolute;left:50%;transform:translate(-50%)}.rail-hint.up{top:1px}.rail-hint.down{bottom:1px}@keyframes rail-hint-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (width<=767px){.parts-rail-wrap{display:block}.preview-zone{padding-right:118px}.step-head,.app[data-step="3"] .color-group,.app[data-step="3"] .bulk-apply{display:none}.app[data-step="3"] .picker-panel{margin-top:0}.step-sec{display:none}.step-sec.active{display:block}.hscroll.thumb-grid{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.hscroll.thumb-grid::-webkit-scrollbar{display:none}.hscroll.thumb-grid .shape-thumb{flex:0 0 106px}.item-nav{display:flex}.app:not([data-step="6"]) .step-actions{display:none}.view-btn{padding:7px 12px;font-size:12px}.preview-bar{padding-left:68px}}.hscroll-wrap{position:relative}@media (width<=560px){.glove-canvas{max-width:280px}.cust-form,.color-table{grid-template-columns:1fr}.logo{letter-spacing:.14em;font-size:17px}.tagline{letter-spacing:.26em;font-size:9px}.stepnav-label{font-size:9px}.header{padding:10px 12px 8px}.header-right{gap:5px}.home-link,.model-select{padding:6px 7px;font-size:10px}.price-tag{gap:4px;padding:6px 10px}.price-yen{font-size:15px}.price-tax{display:none}}@media (width>=721px){.stepnav{border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:14px 14px 0 0}}@media (width>=1024px){.app{grid-template-columns:46% 54%;height:100dvh;padding-bottom:0;display:grid;overflow:hidden}.top-fixed{border-bottom:none;border-right:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex-direction:column;grid-column:1;height:100dvh;display:flex;position:static}.header{max-width:none}.preview-zone{border-radius:20px;max-width:none;margin:auto 18px;padding-top:22px;padding-bottom:20px}.glove-canvas{max-width:480px}.content{grid-area:1/2;max-width:none;height:100dvh;padding:24px 30px 120px;overflow-y:auto}.stepnav{border-left:none;border-radius:0;max-width:none;margin:0;left:46%}.page-scroll-hint{left:73%}.app[data-step="6"]{height:auto;padding-bottom:90px;display:block;overflow:visible}.app[data-step="6"] .top-fixed{border-right:none;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0c0c0cfa,#0c0c0ceb);height:auto;display:block;position:sticky;top:0}.app[data-step="6"] .header{max-width:var(--maxw);margin:0 auto}.app[data-step="6"] .content{height:auto;max-width:var(--maxw);margin:0 auto;padding:24px 18px 120px;overflow:visible}.app[data-step="6"] .stepnav{max-width:var(--maxw);border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:14px 14px 0 0;margin:0 auto;left:0}.app[data-step="6"] .page-scroll-hint{left:50%}}.admin-bar{z-index:9999;color:#f5e6e6;background:#2a0f14;border-top:2px solid #c0392b;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000004d}.admin-badge{color:#ff8a80;letter-spacing:.04em;font-weight:700}.admin-model{font-weight:600}.admin-btn{color:#f5e6e6;cursor:pointer;background:#40181d;border:1px solid #7a3a3a;border-radius:6px;padding:6px 12px;font-size:12px}.admin-btn:hover:not(:disabled){background:#5a2228}.admin-btn.primary{color:#fff;background:#c0392b;border-color:#e05a4a;font-weight:700}.admin-btn.primary:hover:not(:disabled){background:#d0453a}.admin-btn:disabled{opacity:.5;cursor:default}.admin-status{opacity:.85}.admin-warn{color:#ffcf6b;font-weight:600}.admin-msg{color:#b9f6ca;font-weight:600}.preview-aside{max-width:var(--maxw);grid-template-columns:auto 1fr;gap:10px;width:100%;margin:8px auto 0;padding:0 18px 10px;display:grid}.paside-card{background:var(--panel-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;padding:8px 10px;display:flex}.paside-title{letter-spacing:.1em;color:var(--gold);font-size:10px;font-weight:700}.paside-cap{color:var(--text-mute);font-size:10px}.label-chip{border:1px solid var(--line);background:#14120c;border-radius:6px;width:92px;height:72px;position:relative;overflow:hidden}.label-chip img{object-fit:contain;max-width:none;position:absolute}.photo-row{flex-wrap:nowrap;gap:6px;display:flex;overflow-x:auto}.photo-thumb{cursor:pointer;border:1px solid var(--line);background:#14120c;border-radius:6px;flex:none;width:72px;height:72px;padding:0;transition:border-color .15s;overflow:hidden}.photo-thumb:hover{border-color:var(--gold)}.photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.lightbox{z-index:200;background:#000000f5;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lb-fig{text-align:center;max-width:min(92vw,900px);margin:0}.lb-fig img{object-fit:contain;border-radius:8px;max-width:100%;max-height:78vh}.lb-fig figcaption{color:var(--text-dim);margin-top:10px;font-size:13px;line-height:1.6}.lb-close{cursor:pointer;border:1px solid var(--line);width:40px;height:40px;color:var(--text);background:#ffffff14;border-radius:50%;font-size:16px;position:absolute;top:14px;right:16px}.lb-nav{cursor:pointer;border:1px solid var(--line);width:44px;height:44px;color:var(--text);background:#ffffff14;border-radius:50%;font-size:15px;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav.prev{left:12px}.lb-nav.next{right:12px}@media (width<=480px){.preview-aside{gap:8px;padding:0 12px 34px}.label-chip{width:78px;height:62px}.photo-thumb{width:62px;height:62px}}.shape-thumb-canvas{isolation:isolate;z-index:0}.shape-thumb-canvas .glove-layer{z-index:auto!important}