.st-app{--st-bg:#f4f3f0;--st-surface:#fff;--st-surface-2:#faf9f6;--st-sunken:#eceae4;--st-ink:#15181d;--st-ink-2:#50555f;--st-line:#15181d1f;--st-line-strong:#15181d6b;--st-accent:#2f53c8;--st-accent-hover:#2442a8;--st-accent-ink:#213d99;--st-accent-soft:#eef1fb;--st-display:"IBM Plex Sans JP", system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;max-width:1080px;color:var(--st-ink);word-break:auto-phrase;margin:0 auto;padding:1.75rem 1.25rem 3.5rem;font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;line-height:1.6}html[data-theme=dark] .st-app{--st-bg:#0f1115;--st-surface:#181b21;--st-surface-2:#1e222a;--st-sunken:#252a33;--st-ink:#e8eaee;--st-ink-2:#aeb4bf;--st-line:#ffffff1f;--st-line-strong:#ffffff73;--st-accent:#8aa6ff;--st-accent-hover:#a9beff;--st-accent-ink:#b9c9ff;--st-accent-soft:#1f2740;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body:has(.st-app){color:#e8eaee;background-color:#0f1115}html[data-theme=dark]:has(.st-app){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] body:has(.st-app) .site-wrapper{--site-bg:#0f1115;--site-ink:#e8eaee;--site-ink-2:#b6bcc7;--site-line:#ffffff21;--site-mark-bg:#181b21;--site-accent:#8aa6ff}html:not([data-theme=dark]) body:has(.st-app){background-color:#f4f3f0}.st-app *,.st-app :before,.st-app :after,.st-stage,.st-stage *{box-sizing:border-box}.st-app [hidden],.st-stage [hidden],.st-stage[hidden]{display:none!important}.st-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.st-head-text{min-width:0}.st-title{font-family:var(--st-display);word-break:auto-phrase;text-wrap:balance;margin:0 0 .45rem;font-size:clamp(1.4rem,1.1rem + 1.3vw,1.875rem);font-weight:600;line-height:1.3}.st-desc{color:var(--st-ink-2);text-wrap:pretty;max-width:66ch;margin:0;font-size:.9rem;line-height:1.75}.st-head-actions{flex-shrink:0;gap:.5rem;display:flex}.st-icon-btn,.st-help{border:1px solid var(--st-line-strong);background:var(--st-surface);min-width:44px;min-height:44px;color:var(--st-ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:0 .8rem;font-size:.85rem;display:inline-flex}.st-icon-btn{padding:0}.st-icon-btn:hover,.st-help:hover{background:var(--st-surface-2)}.st-icon-sun{display:none}html[data-theme=dark] .st-icon-sun{display:block}html[data-theme=dark] .st-icon-moon{display:none}.st-app button:focus-visible{outline:2px solid var(--st-accent);outline-offset:2px}.st-panel{background:var(--st-surface);border:1px solid var(--st-line);border-radius:14px;min-width:0;margin-bottom:1rem;padding:1.1rem 1.2rem}.st-panel-title{font-family:var(--st-display);margin:0 0 .8rem;font-size:1.05rem;font-weight:600}.st-sub-title{color:var(--st-ink-2);margin:1.1rem 0 .5rem;font-size:.82rem;font-weight:600}.st-note{color:var(--st-ink-2);margin:.7rem 0 0;font-size:.82rem;line-height:1.75}.st-btn{border:1px solid var(--st-line-strong);background:var(--st-surface);min-height:44px;color:var(--st-ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;font-size:.92rem;font-weight:600;display:inline-flex}.st-btn:hover{background:var(--st-surface-2)}.st-btn[aria-disabled=true]{cursor:progress;border-style:dashed}.st-btn--primary{background:var(--st-accent);border-color:var(--st-accent);color:#fff;min-height:52px;padding:0 1.5rem;font-size:1rem}.st-btn--primary:hover{background:var(--st-accent-hover);border-color:var(--st-accent-hover)}html[data-theme=dark] .st-btn--primary{color:#0f1115}.st-swatches{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:.5rem;display:grid}.st-swatch{border:1px solid var(--st-line-strong);background:var(--st-surface);min-width:0;min-height:48px;color:var(--st-ink);font:inherit;cursor:pointer;text-align:start;border-radius:10px;align-items:center;gap:.55rem;padding:.35rem .7rem .35rem .4rem;font-size:.88rem;display:flex}.st-swatch:hover{background:var(--st-surface-2)}.st-swatch-chip{border-radius:7px;flex-shrink:0;width:32px;height:32px;box-shadow:inset 0 0 0 1px #8080808c}.st-swatch-name{white-space:nowrap;min-width:0}.st-patterns{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;display:grid}.st-pattern{border:1px solid var(--st-line-strong);background:var(--st-surface);min-width:0;min-height:56px;color:var(--st-ink);font:inherit;cursor:pointer;text-align:start;border-radius:10px;align-items:center;gap:.7rem;padding:.5rem .75rem .5rem .5rem;display:flex}.st-pattern:hover{background:var(--st-surface-2)}.st-pattern-icon{border-radius:8px;flex-shrink:0;width:40px;height:40px;box-shadow:inset 0 0 0 1px #8080808c}.st-pattern-icon--gradient{background:linear-gradient(90deg,#000,#fff)}.st-pattern-icon--grid{background-color:#000;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:8px 8px}.st-pattern-icon--text{background:#fff;position:relative}.st-pattern-icon--text:after{content:"Aa";color:#000;place-items:center;font-size:16px;font-weight:700;display:grid;position:absolute;inset:0}.st-pattern-icon--motion{background:linear-gradient(90deg,#101010 0 30%,#ffffff40 30% 45%,#fff 45% 70%,#101010 70%)}.st-pattern-text{flex-direction:column;min-width:0;display:flex}.st-pattern-name{font-size:.9rem;font-weight:600}.st-pattern-hint{color:var(--st-ink-2);font-size:.76rem;line-height:1.5}.st-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.st-cols .st-panel{margin-bottom:0}.st-cols+.st-panel{margin-top:1rem}@media (width<=760px){.st-cols{grid-template-columns:minmax(0,1fr)}}.st-hz-box{text-align:center;background:var(--st-accent-soft);border:1px solid var(--st-line);border-radius:12px;padding:.6rem .5rem 1rem}.st-hz{font-family:var(--st-display);color:var(--st-accent-ink);font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,1.6rem + 3vw,3.4rem);font-weight:700;line-height:1.15}.st-hz-box[data-state=measuring] .st-hz{color:var(--st-ink-2);padding:.9rem 0;font-size:1.4rem}.st-hz-box[data-state=error] .st-hz{color:var(--st-ink-2)}.st-hz-sub{color:var(--st-ink-2);font-size:.84rem}.st-hz-drops{color:var(--st-ink-2);font-size:.8rem}.st-actions{justify-content:center;margin-top:.8rem;display:flex}.st-dl{grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:.45rem 1rem;margin:0;font-size:.88rem;display:grid}.st-dl dt{color:var(--st-ink-2)}.st-dl dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:600}@media (width<=420px){.st-dl{grid-template-columns:minmax(0,1fr);gap:.1rem}.st-dl dd{margin-bottom:.45rem}}.st-kinds{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin:0;display:grid}.st-kind{background:var(--st-surface-2);border:1px solid var(--st-line);border-radius:10px;padding:.7rem .85rem}.st-kind dt{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:flex}.st-kind dd{color:var(--st-ink-2);margin:0;font-size:.84rem;line-height:1.7}.st-kind-dot{border-radius:3px;flex-shrink:0;width:14px;height:14px;box-shadow:inset 0 0 0 1px #80808099}.st-kind-dot--bright{background:radial-gradient(circle,#fff 0 35%,#000 40%)}.st-kind-dot--dark{background:radial-gradient(circle,#000 0 35%,#fff 40%)}.st-kind-dot--stuck{background:radial-gradient(circle,red 0 35%,#00f 40%)}.st-kind-dot--dust{background:radial-gradient(circle,#999 0 30%,#ddd 45%)}.st-warranty{margin:.9rem 0 0;font-size:.86rem;line-height:1.8}.st-how{margin:0;padding-inline-start:1.3rem;font-size:.9rem;line-height:1.8}.st-how li+li{margin-top:.3rem}@media (width<=560px){.st-app{padding:1.25rem 1rem 3rem}.st-head{flex-direction:column-reverse}.st-head-actions{align-self:flex-end}.st-btn--primary{width:100%}}html.st-open,html.st-open body{overflow:hidden}.st-stage{z-index:2147483000;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;outline:none;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Microsoft YaHei,sans-serif;position:fixed;inset:0}.st-stage:fullscreen{width:100vw;height:100vh}.st-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.st-stage[data-ui="0"]{cursor:none}.st-stage-bar{top:max(12px, env(safe-area-inset-top));color:#f2f4f7;cursor:default;background:#14161adb;border:1px solid #ffffff38;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;width:min(760px,100% - 24px);padding:.5rem .5rem .5rem .9rem;transition:opacity .25s;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000059}.st-stage-info{flex-wrap:wrap;flex:14rem;align-items:baseline;gap:.1rem .6rem;min-width:0;display:flex}.st-stage-count{font-variant-numeric:tabular-nums;color:#c3c8d1;font-size:.82rem}.st-stage-name{font-size:1rem;font-weight:700}.st-stage-hint{color:#d5d9e0;flex-basis:100%;font-size:.8rem}.st-stage-btns{flex-shrink:0;gap:.4rem;display:flex}.st-stage-btn{color:#fff;min-width:44px;height:44px;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:0 .6rem;font-size:.88rem;font-weight:600;display:inline-flex}.st-stage-btn:hover{background:#fff3}.st-stage-btn:focus-visible{outline-offset:2px;outline:2px solid #8aa6ff}.st-stage-btn--close{padding:0 .8rem}.st-stage-foot{bottom:max(14px, env(safe-area-inset-bottom));text-align:center;color:#e6e9ee;pointer-events:none;background:#14161acc;border-radius:999px;max-width:calc(100% - 24px);margin:0;padding:.4rem .9rem;font-size:.82rem;transition:opacity .25s;position:absolute;left:50%;transform:translate(-50%)}.st-stage[data-ui="0"] .st-stage-bar,.st-stage[data-ui="0"] .st-stage-foot{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.st-stage-bar,.st-stage-foot{transition:none}}