:root{
  --paper:#fcfcfc;--surface:#f1f1f0;--tray:#e9eae8;--selected:#e5ecf0;
  --ink:#242624;--muted:#706b63;--line:#deddd6;--accent:#476574;--focus:#2675a2;
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
  font-family:var(--font);font-synthesis:none;color:var(--ink);background:var(--paper);color-scheme:light;
}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}button{border:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}::selection{background:#d9e4e8;color:var(--ink)}*{scrollbar-color:#c4c0b7 var(--paper);scrollbar-width:thin}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:12px;transform:translateY(-160%);padding:12px;background:white;z-index:50}.skip:focus{transform:none}
.site-header{height:64px;max-width:1600px;margin:auto;padding:0 48px;display:flex;justify-content:flex-end;align-items:center}.header-actions{margin-left:auto}.quiet{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border-radius:9px;font-size:14px;transition:background .18s,transform .18s}.quiet:hover{background:#eae8e180}.quiet:active{transform:scale(.96)}#sound{font-size:12px;color:var(--muted)}#sound[aria-pressed=true]{color:var(--accent);background:#e6eceb}
main{max-width:1600px;margin:auto;padding:24px 48px 32px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;align-items:start}.main-display{position:relative;display:flex;flex-direction:column;container-type:inline-size;min-width:0;min-height:740px}.viewer-toolbar{display:none}
.showcase-copy{position:absolute;left:0;top:22px;width:304px;z-index:2}.showcase-copy h1{font-family:var(--font);font-size:60px;line-height:1.08;letter-spacing:-.035em;font-weight:700;text-wrap:balance}.showcase-slogan{font-size:12px;line-height:1.7;letter-spacing:.10em;max-width:270px;margin-top:25px;color:var(--muted)}
.ambient-word{position:absolute;left:calc(-1 * var(--viewer-inset));bottom:0;display:block;width:calc(100% + var(--viewer-inset));max-width:none;margin:0;font-size:min(136px,15cqw);line-height:1;font-weight:650;letter-spacing:-.045em;white-space:nowrap;color:#d0d7d8;background:linear-gradient(90deg,#cbd4d6 0%,#e0e5e5 55%,#f0f2f1 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none;user-select:none;z-index:0}
.viewer{--viewer-inset:280px;position:relative;display:flex;align-items:center;justify-content:center;margin-left:var(--viewer-inset);padding-top:70px;min-height:520px;min-width:0;perspective:1800px;touch-action:pan-y;cursor:ew-resize;z-index:1}.arch-pair{position:relative;top:-80px;z-index:1;width:min(94%,720px);margin:auto;transform-origin:center;isolation:isolate;background:var(--paper);will-change:transform}.arch-pair>img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;mix-blend-mode:multiply}.arch-pair>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply}.asset-error{position:absolute;inset:0;display:grid;place-items:center;background:var(--surface);font-size:13px;border-radius:16px}
.tooth-hotspot{position:absolute;left:37.5%;top:27%;width:25%;height:22%;min-width:44px;min-height:44px;padding:0;display:flex;align-items:end;justify-content:center;background:transparent;border-radius:8px;cursor:pointer;z-index:4}.hotspot-label{font-size:11px;padding:6px 10px;background:#fffdf8f2;border-radius:7px;box-shadow:0 4px 16px #34342a13;opacity:0;pointer-events:none;transition:opacity .16s}.tooth-hotspot:hover .hotspot-label,.tooth-hotspot:focus-visible .hotspot-label{opacity:1}
.perspective-controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:6px 0 0 280px}.perspective-controls>label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);white-space:nowrap}.perspective-controls output{min-width:32px;font-variant-numeric:tabular-nums}.perspective-controls input[type=range]{width:110px;accent-color:var(--accent);touch-action:none}.perspective-controls .quiet{font-size:13px;min-width:44px}.viewer-help{position:relative;z-index:2;font-size:11px;line-height:1.6;color:var(--muted);text-align:center;margin:12px 0 0 280px}.current-appliance{position:relative;order:2;margin-top:18px;z-index:2;font-size:14px;line-height:1.5;font-weight:600;letter-spacing:-.015em}
.controls{position:relative;z-index:3;min-width:0}.controls>h2{margin:0}.type-list{display:grid;gap:10px}.type-choice{display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;min-height:154px;padding:10px 15px 12px;text-align:left;background:#f1f1f0;border:1px solid transparent;border-radius:14px;cursor:grab;touch-action:none;transition:background .24s,border-color .24s,transform .22s,box-shadow .22s}.type-choice:hover{background:#e8ebeb;border-color:#e0ded6;transform:translateY(-2px)}.type-choice.selected{background:var(--selected);border-color:#a9bbc2;box-shadow:0 4px 12px #45586409}.type-choice:active,.type-choice.is-grabbed{cursor:grabbing;transform:translateY(-4px) scale(1.018)}.type-choice:focus:not(:focus-visible){outline:none}.type-choice.selected:focus-visible{box-shadow:none}
.type-preview{position:relative;grid-column:1/-1;width:100%;height:108px;overflow:hidden;pointer-events:none}.type-preview img{position:absolute;left:5%;top:0;width:90%;height:100%;object-fit:cover;pointer-events:none;transition:transform .3s cubic-bezier(.16,1,.3,1)}.type-choice:hover .type-preview img{transform:translateY(-5px) scale(1.075)}.type-card-copy{position:relative;padding-right:48px;min-width:0}.type-card-copy strong{display:block;font-size:14px;line-height:22px;font-weight:600;white-space:nowrap}.type-card-state{position:absolute;right:0;top:4px;font-size:10px;line-height:16px;color:#426373;white-space:nowrap}.drag-grip{display:flex;justify-content:end;color:#b0afa5}.drag-grip svg{width:10px;height:18px;stroke-width:2.2;stroke-linecap:round}
.color-controls{margin-top:22px}.color-controls h2{font-size:12px;font-weight:600}.color-controls .section-note{display:none}.color-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.color-mode{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;font-size:11px;background:var(--surface);transition:background .2s,border-color .2s}.color-mode.active{background:#e5eae9;border-color:#b6c4c7}.clear-chip{width:14px;height:14px;border-radius:50%;background:#e9e9e1;border:1px solid #d1d2c8}.rainbow-chip{display:flex;gap:2px}.rainbow-chip i{width:4px;height:13px;border-radius:2px;background:#cc8ba4}.rainbow-chip i:nth-child(2){background:#75a8c6}.rainbow-chip i:nth-child(3){background:#ac97cb}.rainbow-chip i:nth-child(4){background:#8eafa0}.rainbow-chip i:nth-child(5){background:#cfb17d}
.viewer.valid-target{outline:1px solid #92aeb8;outline-offset:-4px;border-radius:20px;background:#e9eeec50}.viewer.valid-target:after{content:'松手佩戴';position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:8px 14px;background:#e2eae8;color:#3e5e6b;border-radius:9px;font-size:11px;pointer-events:none}
.wear-sparkles{position:absolute;inset:0;pointer-events:none;z-index:3}.wear-sparkles i{position:absolute;width:13px;height:13px;background:#fff;clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%);opacity:0;filter:drop-shadow(0 0 3px #ffffffa0);animation:wear-glint 520ms cubic-bezier(.16,1,.3,1) both}@keyframes wear-glint{0%{opacity:0;transform:scale(.35) rotate(-12deg)}35%{opacity:.95;transform:scale(1.04) rotate(0)}100%{opacity:0;transform:scale(.65) rotate(8deg)}}
.drag-ghost{position:fixed;left:0;top:0;width:220px;aspect-ratio:1145/1374;pointer-events:none;z-index:100;filter:drop-shadow(0 12px 14px #3c342926);transition:scale .15s}.drag-ghost img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.type-ghost{width:240px;height:156px;aspect-ratio:auto;background:transparent}.drag-ghost.near-target{scale:1.06}.is-dragging,.is-dragging *{cursor:grabbing!important}.drag-source{opacity:.3}.part-art.is-grabbed{transform:translateY(-3px) scale(1.03)}.status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:200;max-width:min(90vw,440px);padding:11px 17px;border-radius:10px;background:#333831ed;color:#fff;font-size:12px;text-align:center;opacity:0;pointer-events:none;transition:opacity .18s}.status.visible{opacity:1}.parked-motion{animation:snap .3s cubic-bezier(.16,1,.3,1)}@keyframes snap{0%{scale:1.02}100%{scale:1}}
.dialog-open{overflow:hidden}.detail-dialog{--stage-size:min(620px,calc(86dvh - 40px),calc(94vw - 250px));--slot-size:148px;position:fixed;width:calc(var(--stage-size) + var(--slot-size) + 72px);max-width:94vw;max-height:94dvh;padding:24px;border:0;border-radius:26px;overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 28px 100px #25272035}.detail-dialog::backdrop{background:#34362e58;backdrop-filter:blur(4px)}.dialog-header{position:absolute;top:8px;right:8px;z-index:8}.close-button{width:44px;padding:12px;border-radius:50%;background:#ffffffba;color:#74776e}.close-button:hover{background:white}.close-button svg{width:18px;height:18px}
.detail-workspace{display:grid;grid-template-columns:var(--stage-size) var(--slot-size);gap:24px;align-items:center}.detail-canvas{position:relative;display:flex;align-items:center;justify-content:center;width:var(--stage-size);height:var(--stage-size);aspect-ratio:1;min-height:0;padding:18px 18px 84px;border-radius:20px;overflow:hidden;background:#f0f1ef}.tooth-model{position:relative;width:min(80%,calc((var(--stage-size) - 106px)*.833333));aspect-ratio:1145/1374;flex:none;margin:auto}.tooth-layer,.apparatus,.apparatus img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none}.is-arch .tooth-model{width:100%;aspect-ratio:1.5}.is-arch .tooth-layer{mix-blend-mode:multiply}
.model-step{position:absolute;inset:0;z-index:1;padding:0;background:transparent;cursor:pointer;touch-action:manipulation}.model-step:focus-visible{outline:2px solid var(--focus);outline-offset:5px;border-radius:8px}.component-handle{position:absolute;z-index:2;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;cursor:grab;touch-action:none}.component-handle:disabled{opacity:0;pointer-events:none}.bracket-handle{left:32%;top:37%;width:38%;height:31%}.wire-handle{left:0;top:48%;width:100%;height:17%}.ring-handle{left:29%;top:37%;width:44%;height:33%}.shell-handle{left:5%;top:20%;width:90%;height:60%}
.mount-target{position:absolute;border:1px dashed #779ba8;border-radius:9px;background:#dce7e438;pointer-events:none;z-index:3}.target-bracket{left:29%;top:39%;width:42%;height:29%}.target-wire{left:0;top:48%;width:100%;height:17%}.target-ring{left:28%;top:38%;width:45%;height:31%}.target-shell,.target-attachment{left:6%;top:16%;width:88%;height:70%}.mount-target.valid-target{border-style:solid;background:#bdd2d14d}
.detail-actions{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:min(330px,calc(100% - 36px));height:54px;display:grid;grid-template-columns:1fr 1fr .9fr;gap:3px;padding:5px;border:1px solid #d6d6cf;border-radius:13px;background:linear-gradient(#e9e9e3,#e4e5df);box-shadow:inset 0 1px 1px #ffffffa0,0 1px 2px #373b3010}.detail-actions button{min-height:42px;border-radius:8px;font-family:var(--font);font-size:14px;font-weight:500;line-height:1;transition:background .2s,box-shadow .2s,transform .18s,color .18s}.detail-actions button:hover{background:#ffffff55}.detail-actions button[aria-pressed=true]{background:linear-gradient(#fff,#fbfbf8);box-shadow:0 1px 2px #34392c1c,0 3px 7px #34392c10, inset 0 0 0 1px #fff}.detail-actions button:active{transform:scale(.96)}#reset-parts{margin-left:7px;border-left:1px solid #cbcec4;border-radius:0 8px 8px 0;color:#63685d}#reset-parts.reset-ack{background:#d3ddd7;color:#29493f}
#part-slots{display:flex;flex-direction:column;gap:16px}.part-slot{--preview-zoom:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:var(--slot-size);height:var(--slot-size);aspect-ratio:1;min-height:0;padding:9px;border-radius:15px;background:#eceeeb;box-shadow:inset 0 1px 3px #484c3910,inset 0 0 0 1px #e0e0d6;transition:background .2s,box-shadow .2s}.part-slot[data-dockpart=bracket],.part-slot[data-dockpart=ring]{--preview-zoom:170%}.part-slot.parked{background:#f2f3f0;box-shadow:inset 0 0 0 1px #e2e2d8}.part-slot.valid-target{outline:2px solid #87a5ae;background:#e0e9e4}.part-view{position:relative;flex:none;width:calc(var(--slot-size) - 24px);height:calc(var(--slot-size) - 42px);overflow:hidden}.part-recess,.part-art{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.part-recess{pointer-events:none;transition:opacity .18s}.part-slot.parked .part-recess{opacity:0}.recess-mold{position:absolute;left:50%;top:50%;width:var(--preview-zoom);height:auto;aspect-ratio:1145/1374;transform:translate(-50%,-50%);pointer-events:none}.part-art{touch-action:none;cursor:grab;transition:transform .18s}.part-art[aria-disabled=true]{cursor:default}.part-art img{position:absolute;left:50%;top:50%;width:var(--preview-zoom);height:auto;transform:translate(-50%,-50%);pointer-events:none}.part-name{display:block;height:18px;font-size:12px;line-height:18px;font-weight:500;color:#696e61}.part-name.name-hidden{visibility:hidden}
.is-arch .part-art img,.is-arch .recess-mold{inset:0;width:100%;height:100%;transform:none;object-fit:contain;aspect-ratio:auto}.is-arch .part-slot[data-dockpart=attachment] .part-art img,.is-arch .part-slot[data-dockpart=attachment] .recess-mold{inset:-50%;width:200%;height:200%}.clear-ring-emphasis{filter:contrast(1.15) brightness(1.02) drop-shadow(0 .5px .65px #45534a50) drop-shadow(0 -.4px .5px #fffffff0)}
@media(max-width:1200px){.site-header{padding-inline:32px}main{padding:20px 32px 28px}.workbench{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.main-display{min-height:0}.showcase-copy{position:relative;top:auto;width:auto;margin:8px 0 20px}.showcase-copy h1{font-size:40px;line-height:1.16;letter-spacing:-.025em}.showcase-copy br{display:none}.showcase-slogan{max-width:none;margin-top:12px;font-size:11px;letter-spacing:.09em}.viewer{--viewer-inset:0px;margin-left:0;padding:0;min-height:0}.arch-pair{top:-16px;width:min(94%,720px)}.perspective-controls,.viewer-help{margin-left:0}.perspective-controls{gap:5px;margin-top:10px}.perspective-controls input[type=range]{width:100px}.current-appliance{position:relative;bottom:auto;margin-top:32px;font-size:13px}.ambient-word{margin:0}.type-choice{min-height:146px;padding:10px 13px}.type-preview{height:104px}}
@media(min-width:761px) and (max-width:850px){.site-header{padding-inline:24px}main{padding:20px 24px}.workbench{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.showcase-copy h1{font-size:34px}.showcase-slogan{font-size:10px;letter-spacing:.06em}.type-choice{padding-inline:11px}.type-card-copy strong{font-size:13px}.type-card-state{font-size:9px}.ambient-word{margin:0}.perspective-controls{gap:2px}.perspective-controls .quiet{padding-inline:7px}.perspective-controls>label{gap:5px}}
@media(max-width:760px){.site-header{height:60px;padding-inline:20px}main{padding:14px 18px 24px}.workbench{display:flex;flex-direction:column;gap:28px}.main-display,.controls{width:100%}.showcase-copy h1{font-size:36px}.showcase-copy{margin-top:0}.viewer{margin:0}.arch-pair{width:94%}.ambient-word{margin:0}.type-list{grid-template-columns:1fr 1fr}.type-choice{min-height:138px;padding:8px 10px}.type-preview{height:90px}.type-card-copy{padding-right:0}.type-card-copy strong{font-size:12px}.type-card-state{position:static;display:block;margin-top:2px}.color-controls{max-width:350px}.detail-dialog{--stage-size:min(86vw,calc(80dvh - 160px));--slot-size:84px;width:94vw;padding:16px}.detail-workspace{display:flex;flex-direction:column;gap:18px}#part-slots{flex-direction:row;gap:12px}.part-slot{padding:4px}.part-view{width:70px;height:56px}.part-name{font-size:10px}.detail-actions{bottom:14px}.detail-actions button{font-size:12px}.viewer-help{font-size:10px}}
@media(hover:none){.tooth-hotspot .hotspot-label{opacity:0}.tooth-hotspot:after{content:'';position:absolute;left:calc(50% - 3px);bottom:12px;width:6px;height:6px;border-radius:50%;background:var(--focus);box-shadow:0 0 0 3px #ffffffd9}.tooth-hotspot:focus-visible .hotspot-label{opacity:1}.tooth-hotspot:focus-visible:after{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.wear-sparkles{display:none}.arch-pair{will-change:auto}}

.arch-pair.has-color-layer{background:transparent}.arch-pair.has-color-layer>img{opacity:0}

.clean-arch-source{opacity:0}.arch-pair>canvas,#detail-arch{mix-blend-mode:normal}

@media(prefers-reduced-motion:reduce){.type-choice:hover,.type-choice:active,.type-choice.is-grabbed,.type-choice:hover .type-preview img{transform:none}}

.braces-legal{padding:8px 24px 16px;text-align:center;color:var(--muted);font-size:11px;line-height:1.5}.braces-legal a:hover{text-decoration:underline}