:root{--q-navy:#0b1a2e;--q-orange:#f07a2a;--q-line:#d9e2ec;--q-muted:#617187}.q3d{color:var(--q-navy);background:#f4f7fa;padding:1.25rem 0 4rem}.q3d *{box-sizing:border-box}.q3d-shell{width:min(1420px,100% - 2rem);margin:auto}.q3d-hero{grid-template-columns:1.3fr .7fr;align-items:end;gap:1rem;margin-bottom:.85rem;display:grid}.q3d h1,.q3d h2,.q3d h3{letter-spacing:.035em;font-family:Bebas Neue,sans-serif}.q3d h1{margin:.2rem 0;font-size:clamp(2.35rem,4vw,4.2rem);line-height:.94}.q3d-kicker{color:var(--q-orange);text-transform:uppercase;letter-spacing:.14em;font-weight:800}.q3d-lead{color:#40516a;max-width:760px;font-size:.98rem}.q3d-privacy{border:1px solid var(--q-line);background:#fff;border-radius:18px;padding:1rem 1.2rem}.q3d-app{grid-template-columns:280px minmax(0,1fr) 380px;align-items:start;gap:1rem;display:grid}.q-card{border:1px solid var(--q-line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0b1a2e0f}.q-pad{padding:1rem}.q-drop{text-align:center;cursor:pointer;background:#f9fbfd;border:2px dashed #9bacbf;border-radius:16px;padding:1.4rem;transition:all .2s}.q-drop:hover,.q-drop.is-over{border-color:var(--q-orange);background:#fff5ee}.q-drop strong{font-size:1.08rem;display:block}.q-drop span{color:var(--q-muted);margin-top:.3rem;font-size:.72rem;display:block}.q-samples{gap:.45rem;margin-top:.75rem;display:grid}.q-samples strong{color:var(--q-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem}.q-samples .q-button{text-align:left;width:100%}.q-unit{margin-top:.8rem}.q-top{margin-top:.7rem}.q-button{cursor:pointer;background:var(--q-navy);color:#fff;border:0;border-radius:11px;padding:.7rem 1rem;font-weight:800}.q-button.orange{background:var(--q-orange)}.q-button.ghost{color:var(--q-navy);background:#edf2f7}.q-file-input{opacity:0;pointer-events:none;position:absolute}.q-part-list{gap:.65rem;margin-top:1rem;display:grid}.q-part{border:1px solid var(--q-line);cursor:pointer;border-radius:13px;grid-template-columns:64px minmax(0,1fr) 24px;gap:.65rem;padding:.55rem;display:grid}.q-part.is-active{border-color:var(--q-orange);box-shadow:0 0 0 2px #f07a2a22}.q-part img,.q-thumb-placeholder{object-fit:cover;background:#eef2f5;border-radius:8px;width:64px;height:54px;display:block}.q-remove{color:#8593a5;cursor:pointer;background:0 0;border:0;align-self:start;font-size:1.25rem;line-height:1}.q-remove:hover{color:#b42318}.q-part-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.q-progress{background:#e6ebf0;border-radius:5px;height:5px;margin-top:.4rem;overflow:hidden}.q-progress i{background:var(--q-orange);height:100%;display:block}.q-viewer{background:radial-gradient(circle at 50% 25%,#34465d,#0b1a2e 70%);height:min(68vh,760px);min-height:640px;position:relative}.q-viewer canvas{width:100%;height:100%;display:block}.q-tools{z-index:2;flex-wrap:wrap;gap:.45rem;display:flex;position:absolute;top:.8rem;left:.8rem;right:.8rem}.q-badge-bar{z-index:3;pointer-events:none;flex-wrap:wrap;gap:.4rem;display:flex;position:absolute;top:4.1rem;left:.8rem;right:.8rem}.q-view-badge{color:#102238;background:#fffef5ee;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:.38rem;max-width:100%;padding:.42rem .65rem;font-size:.75rem;font-weight:800;animation:.28s cubic-bezier(.2,.9,.25,1.35) q-pop;display:inline-flex;box-shadow:0 5px 18px #0003}.q-view-badge svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}@keyframes q-pop{0%{opacity:0;transform:scale(.75)translateY(-4px)}}.q-tools button,.q-tools label{color:#fff;background:#0b1a2ecc;border:1px solid #fff5;border-radius:9px;padding:.45rem .65rem;font-size:.85rem}.q-dims{color:var(--q-navy);background:#fff;border-radius:11px;padding:.65rem .85rem;font-family:IBM Plex Mono,monospace;font-weight:700;position:absolute;bottom:1rem;left:1rem}.q-chips{border-top:1px solid var(--q-line);flex-wrap:wrap;gap:.45rem;padding:1rem;display:flex}.q-chip,.q-badge{background:#edf2f7;border-radius:999px;padding:.4rem .7rem;font-size:.8rem;font-weight:700}.q-badge{color:#9b3e00;background:#fff1e8}.q-options{max-height:900px;overflow:auto}.q-step-progress{z-index:4;border-bottom:1px solid var(--q-line);background:#fff;align-items:center;gap:.6rem;padding:.65rem .85rem;font-size:.76rem;font-weight:800;display:none;position:sticky;top:0}.q-step-progress i{background:#e5ebf1;border-radius:9px;flex:1;height:5px;overflow:hidden}.q-step-progress b{background:linear-gradient(90deg,var(--q-orange),#ffb24c);width:20%;height:100%;transition:width .25s;display:block}.q-step{border-bottom:1px solid var(--q-line)}.q-step summary{cursor:pointer;letter-spacing:.035em;align-items:center;gap:.55rem;padding:.8rem 1rem;font-family:Bebas Neue,sans-serif;font-size:1.18rem;list-style:none;display:flex}.q-step summary::-webkit-details-marker{display:none}.q-step summary:after{content:"+";color:var(--q-muted);margin-left:auto}.q-step[open] summary:after{content:"−"}.q-step summary>span{background:var(--q-navy);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font:700 .72rem system-ui;display:grid}.q-step-body{padding:0 1rem 1rem}.q-section{border-bottom:1px solid var(--q-line);padding:1rem}.q-section h3{margin:0 0 .65rem;font-size:1.35rem}.q-grid{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.q-field{gap:.3rem;font-size:.83rem;font-weight:700;display:grid}.q-field input,.q-field select,.q-field textarea{background:#fff;border:1px solid #bac7d5;border-radius:9px;width:100%;padding:.65rem}.q-field textarea{min-height:85px}.q-materials{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}.q-material{border:1px solid var(--q-line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.45rem;padding:.55rem;font-size:.77rem;display:flex}.q-material i{border:1px solid #0002;border-radius:50%;flex:none;width:15px;height:15px;box-shadow:inset 0 1px 2px #fff8}.q-material.is-active{border-color:var(--q-orange);background:#fff5ee}.q-choices{grid-template-columns:1fr 1fr;gap:.42rem;display:grid}.q-choice{cursor:pointer;min-width:0}.q-choice input{opacity:0;pointer-events:none;position:absolute}.q-choice span{border:1px solid var(--q-line);background:#fff;border-radius:11px;align-items:center;gap:.45rem;height:100%;min-height:48px;padding:.5rem;transition:all .18s;display:flex}.q-choice input:checked+span{border-color:var(--q-orange);background:#fff5ee;box-shadow:0 0 0 2px #f07a2a20}.q-choice input:focus-visible+span{outline-offset:2px;outline:3px solid #4d90fe}.q-choice i,.q-choice b{border:1px solid #0002;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;font-style:normal;display:grid}.q-choice em{overflow-wrap:anywhere;font-size:.72rem;font-style:normal;font-weight:750;line-height:1.15}[hidden]{display:none!important}.q-summary{margin-top:1rem}.q-summary-list{gap:.7rem;margin:.7rem 0;display:grid}.q-summary-item{border-left:3px solid var(--q-orange);padding-left:.7rem}.q-status{border-radius:10px;margin:.7rem 0;padding:.7rem;display:none}.q-status.show{display:block}.q-status.ok{color:#166534;background:#e9f8ef}.q-status.error{color:#a11919;background:#fff0f0}.q-faq{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}.q-faq article{border:1px solid var(--q-line);background:#fff;border-radius:16px;padding:1.2rem}.q-empty{color:#dce6f0;text-align:center;place-items:center;height:100%;padding:2rem;display:grid}.q-hint{color:var(--q-muted);margin-top:.4rem;font-size:.78rem}.q-check{align-items:flex-start;gap:.55rem;margin:.55rem 0;font-size:.85rem;display:flex}.q-check input{margin-top:.2rem}.q-qty{flex-wrap:wrap;gap:.35rem;display:flex}.q-qty button{border:1px solid var(--q-line);background:#fff;border-radius:999px;padding:.3rem .6rem}.q-qty button.is-active{background:var(--q-navy);color:#fff}.q-section-slider{width:120px}.q-noscript{background:#fff3cd;border-radius:10px;margin:1rem auto;padding:1rem}@media (width<=1100px){.q3d-app{grid-template-columns:240px 1fr}.q-options{grid-column:1/-1;max-height:none}.q-viewer{min-height:640px}}@media (width<=720px){.q3d-hero,.q3d-app,.q-faq{grid-template-columns:1fr}.q-viewer{height:58vh;min-height:430px}.q-view-card{order:1}.q-upload{order:2}.q-options{order:3;grid-column:auto}.q3d-shell{width:min(100% - 1rem,1420px)}.q-materials{grid-template-columns:1fr 1fr}.q-grid{grid-template-columns:1fr}.q-tools{top:.45rem;left:.45rem;right:.45rem}.q-tools label,.q-tools button{padding:.36rem .48rem;font-size:.72rem}.q-badge-bar{gap:.3rem;top:5.5rem;left:.45rem;right:.45rem}.q-view-badge{padding:.34rem .48rem;font-size:.66rem}.q-dims{font-size:.72rem}.q-part-list{grid-template-columns:1fr 1fr}.q-options{max-height:none}.q-step-progress{display:flex;position:static}.q3d-privacy{display:none}}