.ws-head{padding:calc(var(--nav-h) + 28px) 0 20px;border-bottom:1px solid var(--c-line)}.ws-head__inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.ws-head__title{font-size:var(--fs-h2);margin-top:.2em}.subnav{border:1px solid var(--c-line-strong);border-radius:999px;padding:4px;display:flex}.subnav a{font-size:var(--fs-small);letter-spacing:.12em;border-radius:999px;padding:8px 20px;transition:background .3s,color .3s}.subnav a:hover{background:#1f1b160f}.subnav a[aria-current=page]{background:var(--c-ink);color:var(--c-paper)}.ws{height:calc(100vh - var(--nav-h) - 110px);border-bottom:1px solid var(--c-line);grid-template-columns:minmax(0,1fr) 420px;min-height:600px;display:grid}.ws-view{background:linear-gradient(var(--c-line) 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, var(--c-line) 1px, transparent 1px) 0 0 / 40px 40px, radial-gradient(80% 70% at 50% 45%, #fbf7ef, var(--c-paper-2));touch-action:none;position:relative;overflow:hidden}.ws-canvas{outline:none;width:100%;height:100%;position:absolute;inset:0}.ws-hud{pointer-events:none;gap:2px;display:flex;position:absolute;top:16px;left:16px}.ws-hud__item{border:1px solid var(--c-line);background:#f2ede2e0;padding:8px 16px;display:grid}.ws-hud__item span{font-size:var(--fs-tiny);letter-spacing:.2em;color:var(--c-muted)}.ws-hud__item b{font-size:1.25rem;line-height:1.2}.ws-view__tools{position:absolute;top:16px;right:16px}.ws-tool{border-color:var(--c-line-strong);background:#f2ede2e6}.ws-view__help{font-size:var(--fs-tiny);letter-spacing:.14em;color:var(--c-muted);pointer-events:none;position:absolute;bottom:14px;left:16px}.ws-tip{z-index:3;border-radius:var(--radius);background:var(--c-ink);max-width:260px;color:var(--c-paper);font-size:var(--fs-small);pointer-events:none;opacity:0;transition:opacity .2s, transform .3s var(--ease-out);padding:12px 14px;line-height:1.6;position:absolute;transform:translate(14px,14px)scale(.96)}.ws-tip.is-show{opacity:1;transform:translate(14px,14px)}.ws-tip b{font-family:var(--font-serif);font-size:1.05rem;display:block}.ws-tip small{color:#f2ede2a6}.ws-drop{border:2px dashed var(--c-cinnabar);border-radius:var(--radius-lg);color:var(--c-cinnabar);letter-spacing:.2em;opacity:0;pointer-events:none;background:#b23a2b0f;place-items:center;font-weight:700;transition:opacity .25s;display:grid;position:absolute;inset:12px}.ws-drop.is-active{opacity:1}.ws-drop.is-over{background:#b23a2b24}.ws-fallback{place-items:center;padding:10%;display:none;position:absolute;inset:0}.no-webgl .ws-fallback{display:grid}.ws-panel{border-left:1px solid var(--c-line);background:#fffcf573;flex-direction:column;display:flex;overflow:hidden}.tabs{border-bottom:1px solid var(--c-line);display:flex}.tab{letter-spacing:.2em;color:var(--c-muted);cursor:pointer;background:0 0;border:0;flex:1;padding:14px 0;font-size:.95rem;transition:color .3s;position:relative}.tab:after{content:"";background:var(--c-cinnabar);height:2px;transition:transform .4s var(--ease-out);position:absolute;bottom:-1px;left:30%;right:30%;transform:scaleX(0)}.tab:hover{color:var(--c-ink)}.tab[aria-selected=true]{color:var(--c-ink);font-weight:700}.tab[aria-selected=true]:after{transform:scaleX(1)}.pane{flex-direction:column;flex:1;gap:18px;padding:22px 24px 24px;display:flex;overflow-y:auto}.pane__lead{color:var(--c-ink-2);font-size:.94rem}.step__no{font-size:var(--fs-small);color:var(--c-muted);letter-spacing:.1em}.step__no b{font-family:var(--font-serif);color:var(--c-cinnabar);font-size:1.8rem}.step__hint{font-family:var(--font-serif);color:var(--c-ink);min-height:3.2em;margin-top:4px;font-size:1.1rem;font-weight:700}.step__bar{background:var(--c-line);height:2px;margin-top:10px}.step__bar i{background:var(--c-cinnabar);transform-origin:0;height:100%;transition:transform .6s var(--ease-out);display:block;transform:scaleX(0)}.tray__head{font-size:var(--fs-small);letter-spacing:.14em;margin-bottom:10px;font-weight:700}.tray__head small{color:var(--c-muted);letter-spacing:.04em;margin-left:8px;font-weight:400}.tray__list{grid-template-columns:repeat(2,1fr);gap:8px;list-style:none;display:grid}.part{--part-fill:#e1c39b;border:1px solid var(--c-line-strong);border-radius:var(--radius);text-align:left;cursor:grab;touch-action:none;user-select:none;width:100%;transition:border-color .25s, transform .25s var(--ease-out), box-shadow .3s, background .3s;background:#fffdf8;grid-template-columns:64px 1fr;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:grid;position:relative}.part svg{width:64px;height:36px;color:var(--c-ink);transition:transform .4s var(--ease-out)}.part:hover{border-color:var(--c-ink);transform:translateY(-2px);box-shadow:0 8px 18px -12px #1f1b1680}.part:hover svg{transform:scale(1.08)rotate(-2deg)}.part:active{cursor:grabbing;transform:scale(.97)}.part__name{font-family:var(--font-serif);font-size:1rem;font-weight:700;line-height:1.2}.part__name small{font-family:var(--font-sans);color:var(--c-muted);letter-spacing:.04em;font-size:.68rem;font-weight:400;display:block}.part.is-wrong{border-color:var(--c-cinnabar);animation:.42s shake}.part.is-hint{border-color:var(--c-cinnabar);background:#fff3ee;animation:1s ease-in-out 3 hint-pulse;box-shadow:0 0 0 3px #b23a2b33}.part.is-dragging{opacity:.35}@keyframes shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes hint-pulse{50%{box-shadow:0 0 0 8px #b23a2b00}}.drag-ghost{z-index:500;border:1px solid var(--c-cinnabar);border-radius:var(--radius);width:96px;box-shadow:var(--shadow-lift);pointer-events:none;--part-fill:#e1c39b;background:#fffdf8;padding:6px;position:fixed;transform:translate(-50%,-60%)rotate(-4deg)}.info{border-left:3px solid var(--c-azurite);background:#2b5a6b0f;padding:14px 16px;font-size:.9rem}.info.is-wrong{border-color:var(--c-cinnabar);background:#b23a2b0f}.info.is-ok{border-color:var(--c-malachite);background:#4f7a6214}.info__title{color:var(--c-ink);font-weight:700}.info__text{color:var(--c-ink-2)}.ws-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.done{text-align:center;justify-items:center;gap:14px;padding:8px 0;display:grid}.done__seal .seal{animation:stamp-in .6s var(--ease-out);font-size:1.4rem}@keyframes stamp-in{0%{opacity:0;transform:scale(2.4)rotate(-14deg)}}.done__title{font-size:var(--fs-h3)}.done__stat{color:var(--c-ink-2);font-size:.92rem}.done__stat b{font-family:var(--font-mono);color:var(--c-cinnabar)}.done__actions{gap:8px;width:100%;display:grid}.explode{width:100%;font-size:var(--fs-small);color:var(--c-muted);text-align:left;gap:4px;display:grid}.grades{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.grade{border:1px solid var(--c-line-strong);border-radius:var(--radius);cursor:pointer;background:#fffdf8;gap:2px;padding:10px 0 8px;transition:background .3s,color .3s,border-color .3s,transform .2s;display:grid}.grade b{font-family:var(--font-serif);font-size:1.3rem;line-height:1}.grade small{color:var(--c-muted);font-size:.68rem}.grade:hover{border-color:var(--c-ink);transform:translateY(-2px)}.grade[aria-checked=true]{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-paper)}.grade[aria-checked=true] small{color:#f2ede2b3}.grade-info{border:1px solid var(--c-line);background:#fffdf8;grid-template-columns:auto 1fr;gap:8px 16px;padding:16px;font-size:.9rem;display:grid}.grade-info dt{color:var(--c-muted)}.grade-info dd{font-weight:600}.grade-info dd .num{color:var(--c-cinnabar)}.grade-info .wide{color:var(--c-ink-2);border-top:1px dashed var(--c-line-strong);grid-column:1/-1;padding-top:8px;font-weight:400}.force-steps{counter-reset:f;gap:8px;list-style:none;display:grid}.force-steps li{border:1px solid var(--c-line);border-radius:var(--radius);color:var(--c-muted);counter-increment:f;padding:10px 12px 10px 40px;font-size:.9rem;transition:color .3s,border-color .3s,background .3s;position:relative}.force-steps li:before{content:counter(f);width:18px;height:18px;font:600 .7rem/16px var(--font-mono);text-align:center;border:1px solid;border-radius:50%;position:absolute;top:10px;left:12px}.force-steps li.is-active{color:var(--c-ink);border-color:var(--c-cinnabar);background:#b23a2b0f}.force-steps li.is-past{color:var(--c-ink-2)}.cert{width:min(94vw,1000px)}.cert__grid{grid-template-columns:1fr 1fr;gap:32px;padding:32px;display:grid}.cert__preview{background:var(--c-paper-2);border:1px solid var(--c-line)}.cert__preview canvas{width:100%;height:auto}.cert__form{flex-direction:column;justify-content:center;gap:16px;display:flex}.cert__form h2{font-size:var(--fs-h3)}.cert__after{flex-wrap:wrap;gap:10px;display:flex}@media (width<=1679px){.ws{grid-template-columns:minmax(0,1fr) 380px}}@media (width<=1079px){.ws{grid-template-columns:1fr;height:auto}.ws-view{height:62vh;min-height:380px}.ws-panel{border-left:0;border-top:1px solid var(--c-line)}.tray__list{grid-template-columns:repeat(3,1fr)}.cert__grid{grid-template-columns:1fr;padding:24px}.cert__preview{max-width:360px;margin:0 auto}}@media (width<=600px){.ws-head__inner{align-items:flex-start}.ws-view{height:52vh;min-height:320px}.ws-hud__item{padding:6px 10px}.ws-hud__item b{font-size:1rem}.tray__list{grid-template-columns:repeat(2,1fr)}.part{grid-template-columns:48px 1fr}.part svg{width:48px}.pane{padding:18px 16px}.ws-view__help{display:none}}