.beads{max-width:1400px;margin:0 auto;padding:56px 48px}.beads__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid var(--ink)}.beads__title{margin:0;font-size:30px;font-weight:800;letter-spacing:-.01em}.beads__tagline{margin:6px 0 0;color:var(--mute);font-size:14px;max-width:60ch}.beads__back{font-family:var(--font-mono);font-size:12px;color:var(--mute);text-decoration:none;border-bottom:1px solid var(--rule-soft);white-space:nowrap}.beads__back:hover{color:var(--ink);border-color:var(--ink)}.beads__layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}@media (max-width: 900px){.beads__layout{grid-template-columns:1fr}}.beads__panel{display:flex;flex-direction:column;gap:22px}.beads__drop{border:1px dashed var(--rule-soft);padding:28px 16px;text-align:center;cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,background .15s}.beads__drop:hover,.beads__drop.is-over{border-color:var(--brand);background:#f04c630a}.beads__drop strong{font-size:14px;font-weight:600}.beads__drop span{font-family:var(--font-mono);font-size:11px;color:var(--mute)}.beads__field{display:flex;flex-direction:column;gap:8px}.beads__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.beads__field input[type=range]{width:100%;accent-color:var(--brand)}.beads__chips{display:flex;flex-wrap:wrap;gap:6px}.beads__chip{font-family:var(--font-sans);font-size:12px;padding:5px 10px;border:1px solid var(--rule-soft);background:transparent;color:var(--ink);cursor:pointer}.beads__chip--mono{font-family:var(--font-mono);min-width:30px}.beads__chip:hover{border-color:var(--ink)}.beads__chip.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.beads__check{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.beads__check input{accent-color:var(--brand)}.beads__error{color:var(--brand);font-size:13px;margin:0}.beads__source{font-family:var(--font-mono);font-size:10px;line-height:1.6;color:var(--mute);margin:0;padding-top:16px;border-top:1px solid var(--rule-softer)}.beads__stage{display:flex;flex-direction:column;gap:24px;min-height:320px}.beads__empty{color:var(--mute);font-size:14px}.beads__previewWrap{border:1px solid var(--rule-soft);padding:20px;display:flex;justify-content:center;background:var(--paper)}.beads__preview{max-width:100%;height:auto;image-rendering:pixelated}.beads__stats{display:flex;flex-wrap:wrap;gap:32px;margin:0;padding-bottom:16px;border-bottom:1px solid var(--rule-soft)}.beads__stats dt{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.beads__stats dd{margin:4px 0 0;font-size:18px;font-weight:700}.beads__legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 20px}.beads__legend li{display:flex;align-items:center;gap:8px;font-size:12px;padding:3px 0;border-bottom:1px solid var(--rule-softer)}.beads__swatch{width:14px;height:14px;border:1px solid var(--rule-soft);flex:none}.beads__code{font-family:var(--font-mono);font-weight:500;min-width:32px}.beads__name{color:var(--mute);flex:1}.beads__count{font-family:var(--font-mono);color:var(--mute)}.beads__actions{display:flex;flex-wrap:wrap;gap:10px}.beads__btn{font-family:var(--font-sans);font-size:13px;font-weight:500;padding:9px 16px;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}.beads__btn:hover{background:var(--ink);color:var(--paper)}.beads__btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}.beads__btn--primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.beads__hidden{display:none}.beads__headRight{display:flex;align-items:baseline;gap:16px}.beads__select{font-family:var(--font-sans);font-size:13px;padding:7px 10px;border:1px solid var(--rule-soft);background:transparent;color:var(--ink);width:100%}.beads__select:hover{border-color:var(--ink)}.beads__sizeGroup{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}.beads__sizeLabel.is-owned{color:var(--brand);font-weight:500}.beads__sizeLabel{font-family:var(--font-mono);font-size:10px;color:var(--mute);min-width:30px;padding-top:6px;flex:none;cursor:help}.beads__nums{display:flex;gap:12px}.beads__nums label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mute)}.beads__nums input{font-family:var(--font-mono);font-size:13px;width:64px;padding:5px 7px;border:1px solid var(--rule-soft);background:transparent;color:var(--ink)}.beads__nums input:disabled{color:var(--mute);background:#0b0b0d08}.beads__previewWrap.is-busy{opacity:.55;transition:opacity .12s}.beads__note{font-size:11px;line-height:1.6;color:var(--mute);margin:2px 0 0}.beads__gaps{border:1px solid var(--brand);padding:14px 18px}.beads__gaps h4{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--brand)}.beads__gaps ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 20px}.beads__gaps li{display:flex;align-items:center;gap:8px;font-size:12px;padding:2px 0}.stock{border:1px solid var(--ink);padding:20px 24px;display:flex;flex-direction:column;gap:14px}.stock__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.stock__title{margin:0;font-size:17px;font-weight:700}.stock__meta{margin:4px 0 0;font-size:12px;color:var(--mute)}.stock__tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.stock__search{font-family:var(--font-sans);font-size:13px;padding:6px 10px;border:1px solid var(--rule-soft);background:transparent;color:var(--ink);min-width:160px}.stock__empty{font-size:13px;color:var(--mute);margin:0}.stock__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 20px;max-height:420px;overflow-y:auto}.stock__list li{display:flex;align-items:center;gap:8px;font-size:12px;padding:3px 0;border-bottom:1px solid var(--rule-softer)}.stock__list input{font-family:var(--font-mono);font-size:12px;width:64px;padding:3px 6px;border:1px solid var(--rule-soft);background:transparent;color:var(--ink);margin-left:auto}.beads__textarea{font-family:var(--font-sans);font-size:14px;line-height:1.5;padding:8px 10px;border:1px solid var(--rule-soft);background:transparent;color:var(--ink);resize:vertical;width:100%}.beads__textarea:focus{outline:none;border-color:var(--ink)}.beads__picker{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mute)}.beads__picker>span:first-child{min-width:30px}.beads__picker select{font-family:var(--font-mono);font-size:12px;padding:4px 6px;border:1px solid var(--rule-soft);background:transparent;color:var(--ink);flex:1;min-width:0}.beads__tabs{display:flex;gap:6px;margin:-8px 0 28px}.beads__layout[hidden]{display:none}.beads__tab{font-family:var(--font-sans);font-size:14px;font-weight:500;padding:7px 16px;border:1px solid var(--rule-soft);background:transparent;color:var(--mute);cursor:pointer}.beads__tab:hover{border-color:var(--ink);color:var(--ink)}.beads__tab.is-on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.match__imageWrap{position:relative;display:inline-block;border:1px solid var(--rule-soft);cursor:crosshair;max-width:100%;align-self:flex-start}.match__image{display:block;max-width:100%;max-height:460px}.match__marker{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid var(--brand);border-radius:50%;box-shadow:0 0 0 1px var(--paper);pointer-events:none}.match__heading{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--rule-soft);font-size:13px;font-weight:700}.match__heading code{font-family:var(--font-mono);font-size:11px;color:var(--mute);font-weight:400}.match__chip{width:18px;height:18px;border:1px solid var(--rule-soft)}.match__list{list-style:none;margin:0;padding:0}.match__list li{display:flex;align-items:center;gap:10px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--rule-softer)}.match__arrow{color:var(--mute);font-family:var(--font-mono)}.match__verdict{font-size:11px;padding:1px 7px;border:1px solid currentColor}.match__verdict--good{color:#2f8f46}.match__verdict--ok{color:#8a6d1f}.match__verdict--weak{color:#b06a18}.match__verdict--bad{color:var(--brand)}.beads__saved{margin:8px 0 0;font-size:12px;color:var(--brand)}.history{display:grid;gap:16px}.history__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--rule-soft);padding-bottom:12px}.history__head .beads__note{max-width:62ch}.history__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.history__item{display:flex;gap:14px;border:1px solid var(--rule-soft);padding:12px}.history__thumb{width:96px;height:96px;object-fit:contain;background:var(--paper);border:1px solid var(--rule-soft);image-rendering:pixelated;flex:none}.history__body{display:grid;align-content:start;gap:4px;min-width:0}.history__body strong{font-size:14px}.history__meta{font-family:var(--font-mono);font-size:11px;color:var(--mute)}.history__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.history__actions .beads__btn{font-size:11px;padding:4px 8px}.deliver{position:fixed;inset:5vh 50% auto auto;transform:translate(50%);width:min(720px,92vw);max-height:90vh;overflow:auto;z-index:40;background:var(--paper);border:1px solid var(--ink);box-shadow:0 18px 48px #0b0b0d3d;padding:20px 22px;display:grid;gap:14px;align-content:start}.deliver__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.deliver__title{margin:0;font-family:var(--font-mono);font-size:14px;word-break:break-all}.deliver__note{margin:6px 0 0;font-size:12px;line-height:1.6;color:var(--mute);max-width:52ch}.deliver__img{width:100%;height:auto;border:1px solid var(--rule-soft);background:var(--paper)}.deliver__text{width:100%;min-height:320px;font-family:var(--font-mono);font-size:11px;line-height:1.55;border:1px solid var(--rule-soft);background:var(--paper);color:var(--ink);padding:10px 12px;resize:vertical}.beads__more{border-top:1px solid var(--rule-softer);padding-top:10px;margin-top:4px}.beads__more>summary{cursor:pointer;font-size:12px;color:var(--mute);list-style:none;-webkit-user-select:none;user-select:none;padding:2px 0}.beads__more>summary::-webkit-details-marker{display:none}.beads__more>summary:before{content:"▸";display:inline-block;width:14px;transition:transform .15s}.beads__more[open]>summary:before{transform:rotate(90deg)}.beads__more>summary:hover{color:var(--ink)}.beads__more[open]>summary{margin-bottom:10px}:root{--ink: #0B0B0D;--paper: #FAFAF7;--brand: #F04C63;--brand-hover: #E03553;--mute: #6A6A6E;--rule-soft: rgba(11, 11, 13, .18);--rule-softer: rgba(11, 11, 13, .08);--font-sans: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}.site{max-width:none;padding:0}.embed{display:flex;flex-direction:column;height:100vh}.embed__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 48px 16px;border-bottom:1px solid var(--ink);flex:none}.embed__title{margin:0;font-size:26px;font-weight:800}.embed__tagline{margin:4px 0 0;font-size:13px;color:var(--mute)}.embed__right{display:flex;align-items:center;gap:10px;white-space:nowrap}.embed__state,.embed__back{font-family:var(--font-mono);font-size:11px;color:var(--mute)}.embed__back{text-decoration:none;border-bottom:1px solid var(--rule-soft);margin-left:8px}.embed__back:hover{color:var(--ink);border-color:var(--ink)}.embed__dot{width:7px;height:7px;border-radius:50%;background:var(--mute)}.embed__dot--up{background:#34c759}.embed__dot--down{background:var(--brand)}.embed__dot--probing{background:#ff9500}.embed__frame{flex:1;width:100%;border:0}.embed__down{padding:48px;max-width:640px}.embed__down p{font-size:14px;line-height:1.7}.embed__down pre{font-family:var(--font-mono);font-size:12px;line-height:1.8;background:#0b0b0d0a;border-left:2px solid var(--ink);padding:14px 18px;overflow-x:auto}.embed__hint{font-size:12px;color:var(--mute)}.embed__hint code{font-family:var(--font-mono)}@media (max-width: 720px){.embed__head{padding:20px 16px 12px;flex-direction:column;gap:10px}}