.xbs.xbs{margin-top:var(--xbs-nav,88px)}.xbs .back-link{color:var(--text-2);text-decoration:none;font-size:12px;font-weight:500;white-space:nowrap;padding:5px 8px;margin-left:-8px;border-radius:5px}.xbs .back-link:hover{background:var(--panel);color:var(--text)}@media(max-width:900px){.xbs .back-link{font-size:0}.xbs .back-link span{font-size:14px}}.xbs #calculator-workspace{margin:0;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;line-height:1.2!important;color:var(--text-2);outline:none;white-space:nowrap}.xbs #calculator-workspace b{color:var(--text);font-weight:700!important;letter-spacing:.06em;margin-right:4px}.xbs .brand .xeon-tool-credit{margin:0 0 0 10px;font-size:11px;color:var(--text-3);white-space:nowrap}.xbs .brand .xeon-tool-credit>span:first-child{display:none}@media(max-width:640px){.xbs #calculator-workspace{display:none}}.xbs{--ground:#e4e4e7;--panel:#ffffff;--panel-2:#f5f5f7;--card:#f3f3f6;--line:#dadadf;--line-soft:#ebebef;--text:#1b1b20;--text-2:#5a5a63;--text-3:#8b8b95;--accent:#2f3cf0;--accent-soft:#eceefd;--accent-ink:#1f2ad0;--link:#2a56d6;--warn:#f5a623;--warn-bg:#fdf1dc;--warn-ink:#8a5a00;--ok-bg:#e2f5e9;--ok-ink:#1f6b3d;--bad-bg:#fde3e3;--bad-ink:#9b1c1c;--bad:#d4351c;--btn-border:#2a2a30;--shadow:0 1px 2px rgba(18,18,40,.05), 0 6px 18px rgba(18,18,40,.06);color-scheme:light}.xbs,.xbs *{box-sizing:border-box}.xbs{margin:0;background:var(--ground);color:var(--text);font-family:Inter,Segoe UI,Roboto,system-ui,sans-serif;font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;position:relative}.xbs button,.xbs input,.xbs select{font:inherit;color:inherit}.xbs button{cursor:pointer;background:none;border:0;padding:0}.xbs :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.xbs svg{display:block}.xbs [hidden],.xbs .app[data-mode=build] .mode-simulate,.xbs .app[data-mode=simulate] .mode-build,.xbs .app[data-mode=build] .alert{display:none!important}.xbs .topbar{position:absolute;inset:0 0 auto;height:40px;z-index:10;display:flex;align-items:center;gap:16px;padding:0 14px 0 16px}.xbs .brand{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px;white-space:nowrap}.xbs .brand svg{color:var(--accent)}.xbs .brand b{color:var(--text);font-weight:700;letter-spacing:.06em;margin-right:4px}.xbs .steps{display:flex;align-items:center;gap:8px;margin:0 auto}.xbs .steps>span{width:24px;height:1px;background:var(--line)}.xbs .steps button{display:flex;align-items:center;gap:7px;height:28px;padding:0 12px 0 4px;border-radius:999px;color:var(--text-2);font-weight:600;font-size:12px}.xbs .steps button i{font-style:normal;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--panel);font-size:11px;box-shadow:0 0 0 1px var(--line)}.xbs .steps button:hover:not(:disabled){color:var(--text)}.xbs .steps button[aria-current=step]{background:var(--panel);color:var(--accent-ink);box-shadow:var(--shadow)}.xbs .steps button[aria-current=step] i{background:var(--accent);color:#fff;box-shadow:none}.xbs .steps button:disabled{opacity:.45;cursor:not-allowed}.xbs .top-actions{display:flex;align-items:center;gap:8px}.xbs .pill{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;background:var(--panel);color:var(--text-2);white-space:nowrap}.xbs .pill.ok{background:var(--ok-bg);color:var(--ok-ink)}.xbs .pill.warn{background:var(--warn-bg);color:var(--warn-ink)}.xbs .pill.bad{background:var(--bad-bg);color:var(--bad-ink)}.xbs .pill:empty{display:none}.xbs .seg{display:inline-flex;padding:2px;border-radius:6px;background:var(--panel-2);border:1px solid var(--line-soft)}.xbs .seg button{padding:4px 10px;border-radius:4px;color:var(--text-2);font-weight:600;font-size:12px;white-space:nowrap}.xbs .seg button[aria-pressed=true]{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #12122824}.xbs .seg button:disabled{opacity:.4;cursor:not-allowed}.xbs .topbar .seg{background:var(--panel)}.xbs .menu{position:relative}.xbs .menu summary{list-style:none;cursor:pointer;height:28px;display:flex;align-items:center;padding:0 12px;border-radius:6px;background:var(--panel);font-weight:600;font-size:12px;box-shadow:var(--shadow)}.xbs .menu summary::-webkit-details-marker{display:none}.xbs .menu[open] summary{color:var(--accent-ink)}.xbs .menu>div{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:grid;min-width:200px;padding:6px;background:var(--panel);border-radius:6px;box-shadow:0 10px 30px #1212282e}.xbs .menu>div button{text-align:left;padding:8px 10px;border-radius:4px}.xbs .menu>div button:hover{background:var(--panel-2)}.xbs .app{display:grid;grid-template-columns:360px minmax(0,1fr) 420px;height:max(620px,calc(100dvh - var(--xbs-nav, 88px)));padding-top:44px}.xbs .items{margin-left:8px;margin-bottom:24px;min-height:0;background:var(--panel);box-shadow:var(--shadow);display:flex;flex-direction:column}.xbs .items-col{display:flex;flex-direction:column;min-height:0;flex:1}.xbs .items-head{display:flex;align-items:center;justify-content:space-between;padding:26px 18px 14px 26px}.xbs .items-head h2{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em}.xbs .link{color:var(--link);font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:8px}.xbs button.link:hover{text-decoration:underline}.xbs .info{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--link);display:inline-grid;place-items:center;font-size:11px;font-weight:700;color:var(--link)}.xbs .sort-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px 14px 26px}.xbs .sort-note{font-size:11px;color:var(--text-3)}.xbs .kebab{width:30px;height:30px;border-radius:6px;background:var(--panel-2);display:grid;place-items:center;color:var(--text-2)}.xbs .kebab:hover{background:var(--line-soft)}.xbs .list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 10px 8px 26px;display:flex;flex-direction:column;gap:8px;scrollbar-gutter:stable}.xbs .list::-webkit-scrollbar{width:8px}.xbs .list::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.xbs .list>.item{flex:none}.xbs .item{position:relative;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:0 16px;background:var(--card);border:1.5px solid transparent;border-radius:2px;padding:8px 10px 8px 8px;text-align:left;width:100%;cursor:pointer}.xbs .item[aria-selected=true]{border-color:var(--accent);background:var(--panel)}.xbs .item:hover{background:var(--panel)}.xbs .item.is-bad{border-color:#f0b4ab}.xbs .item.is-warn:not([aria-selected=true]){border-color:#f2d39c}.xbs .thumb{width:62px;height:62px;background:var(--panel);border-radius:2px;display:grid;place-items:center}.xbs .thumb svg{width:54px;height:54px}.xbs .badge{position:absolute;left:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent);display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700}.xbs .badge.bad{background:var(--bad)}.xbs .badge.warn{background:var(--warn)}.xbs .item-body{min-width:0}.xbs .item-name{display:block;font-weight:600;font-size:13px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xbs .item-meta{display:block;color:var(--text-2);font-size:12px;font-variant-numeric:tabular-nums;line-height:1.55}.xbs .item-type{color:var(--link);font-weight:600;font-size:12px;align-self:center;padding-right:2px;text-align:right;white-space:nowrap}.xbs .item-type small{display:block;color:var(--text-3);font-weight:500;font-size:11px}.xbs .len-field{display:flex;align-items:center;gap:6px;margin-top:4px;height:32px;width:132px;border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:0 8px 0 0}.xbs .len-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.xbs .len-field input{width:100%;min-width:0;border:0;outline:none;background:none;padding:0 8px;font-size:12px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.xbs .len-field i{font-style:normal;color:var(--text-3);font-size:11px}.xbs .item-del{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:4px;color:var(--text-3);display:none;place-items:center}.xbs .item:hover .item-del{display:grid}.xbs .item-del:hover{background:var(--bad-bg);color:var(--bad-ink)}.xbs .list-empty{border:1px dashed var(--line);border-radius:4px;padding:22px 16px;text-align:center;color:var(--text-2);font-size:12px}.xbs .list-empty b{display:block;color:var(--text);font-weight:600;margin-bottom:4px;font-size:13px}.xbs .upload-row{display:grid;grid-template-columns:1fr 70px;gap:16px;padding:18px 18px 12px 26px;border-top:1px solid var(--line-soft)}.xbs .upload{border:1.5px dashed var(--line);border-radius:3px;height:62px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--accent);font-weight:600;font-size:14px}.xbs .upload:hover{border-color:var(--accent);background:var(--accent-soft)}.xbs .folder{background:var(--accent);border-radius:3px;display:grid;place-items:center;color:#fff}.xbs .folder:hover{filter:brightness(1.08)}.xbs .templates{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:0 18px 14px 26px}.xbs .templates button{display:grid;justify-items:center;gap:2px;padding:6px 2px 5px;border-radius:3px;background:var(--panel-2);color:var(--text-2);font-size:10px;font-weight:600}.xbs .templates button:hover{background:var(--accent-soft);color:var(--accent-ink)}.xbs .templates svg{width:34px;height:22px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.xbs .items-foot{border-top:1px solid var(--line-soft);padding:16px 18px 18px 26px}.xbs .total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:700;font-size:14px;margin-bottom:14px;font-variant-numeric:tabular-nums}.xbs .total span:last-child{text-align:right}.xbs .total small{font-weight:500;color:var(--text-3);font-size:11px;margin-left:8px}.xbs .simulate{width:100%;height:52px;border:1.5px solid var(--btn-border);border-radius:5px;font-size:20px;font-weight:500;letter-spacing:.01em;background:var(--panel);color:var(--text)}.xbs .simulate:hover:not(:disabled){background:var(--panel-2)}.xbs .simulate:disabled{opacity:.45;cursor:not-allowed}.xbs .stage{position:relative;min-width:0;overflow:hidden}.xbs .stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.xbs #sketchCanvas{cursor:crosshair}.xbs #sketchCanvas[data-tool=select]{cursor:default}.xbs #pressCanvas{cursor:grab}.xbs .stage-hint{position:absolute;left:24px;top:18px;color:var(--text-3);font-size:11px;letter-spacing:.02em;pointer-events:none;max-width:calc(100% - 150px)}.xbs .app[data-mode=simulate] .stage-hint{bottom:auto;top:auto;display:none}.xbs .stage-hint kbd{font:inherit;font-weight:700;color:var(--text-2)}.xbs .empty-stage{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(360px,80%);text-align:center;color:var(--text-2);font-size:12px;line-height:1.5;pointer-events:none}.xbs .empty-stage b{display:block;color:var(--text);font-size:16px;margin-bottom:6px}.xbs .toolbar{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:3;background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:6px;display:flex;align-items:center;gap:6px;max-width:calc(100% - 32px)}.xbs .tool{width:44px;height:44px;border-radius:6px;display:grid;place-items:center;color:var(--text-2);flex:none}.xbs .tool:hover{background:var(--panel-2);color:var(--text)}.xbs .tool[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.xbs .tool:disabled{color:var(--line);cursor:default}.xbs .tool:disabled:hover{background:none}.xbs .tool-wide{width:auto;display:flex;gap:6px;padding:0 10px;font-weight:600;font-size:12px}.xbs .tool-wide select{border:0;background:none;font-weight:600;font-size:12px;color:var(--text-2);cursor:pointer}.xbs .tool-sep{width:1px;height:28px;background:var(--line-soft);margin:0 2px;flex:none}.xbs .tool.play{background:var(--accent);color:#fff;border-radius:50%}.xbs .tool.play:hover{background:var(--accent);filter:brightness(1.1);color:#fff}.xbs .toolbar-sim{bottom:100px}.xbs .stage{container-type:inline-size}.xbs .transport{position:absolute;left:24px;right:24px;bottom:22px;height:64px;z-index:3;background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:0 14px 0 10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px}.xbs .tp-controls{display:flex;align-items:center;gap:4px}.xbs .tp-btn{width:36px;height:36px;border-radius:6px;display:grid;place-items:center;color:var(--text-2)}.xbs .tp-btn:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.xbs .tp-btn:disabled{color:var(--line);cursor:default}.xbs .tp-play{width:42px;height:42px;background:var(--accent);color:#fff;border-radius:50%}.xbs .tp-play:hover:not(:disabled){background:var(--accent);filter:brightness(1.08);color:#fff}.xbs .tp-play[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.xbs .tp-timeline{position:relative;min-width:0;height:48px;user-select:none;touch-action:none}.xbs .tp-ruler{position:absolute;left:0;right:0;top:0;height:12px;cursor:ew-resize;border-bottom:1px solid var(--line-soft)}.xbs .tp-tick{position:absolute;top:4px;width:1px;height:8px;background:var(--line)}.xbs .tp-track{position:absolute;inset:14px 0 0;display:flex;gap:4px}.xbs .tp-seg{position:relative;flex:1;min-width:0;height:100%;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:4px;overflow:hidden;display:grid;place-items:center;cursor:grab;transition:transform .16s ease,box-shadow .16s ease;touch-action:none}.xbs .tp-track.dragging .tp-seg{cursor:grabbing}.xbs .tp-seg.lifted{transition:none;z-index:5;box-shadow:0 6px 18px #12122840;border-color:var(--accent);opacity:.95}.xbs .tp-seg.cur{border-color:var(--accent)}.xbs .tp-seg.tight{background:var(--warn-bg)}.xbs .tp-seg.tight .tp-lbl{color:var(--warn-ink)}.xbs .tp-seg.blocked{background:var(--bad-bg);border-style:dashed}.xbs .tp-seg.blocked .tp-lbl{color:var(--bad-ink)}.xbs .tp-fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent-soft);transition:width .05s linear}.xbs .tp-seg.cur .tp-fill{background:color-mix(in srgb,var(--accent) 28%,var(--panel))}.xbs .tp-grip{position:absolute;left:5px;top:50%;width:6px;height:14px;transform:translateY(-50%);background:radial-gradient(circle,var(--line) 1px,transparent 1.2px) 0 0/3px 4px;opacity:.9;z-index:2}.xbs .tp-lbl{position:relative;font-size:10px;font-weight:600;color:var(--text-2);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 6px 0 14px;z-index:2}.xbs .tp-seg.cur .tp-lbl{color:var(--accent-ink)}.xbs .tp-hit{position:absolute;top:0;bottom:0;background:#dc26268c;box-shadow:inset 0 0 0 1px #dc2626e6;z-index:1}.xbs .tp-playhead{position:absolute;top:0;bottom:0;width:0;z-index:6;cursor:ew-resize}.xbs .tp-playhead:before{content:"";position:absolute;left:-1.5px;top:0;bottom:0;width:3px;border-radius:2px;background:var(--accent);box-shadow:0 0 0 2px var(--panel)}.xbs .tp-playhead-cap{position:absolute;left:-7px;top:0;width:14px;height:12px;background:var(--accent);clip-path:polygon(0 0,100% 0,50% 100%)}.xbs .tp-readout{display:grid;grid-template-columns:72px 150px 96px 56px;align-items:center;gap:8px;font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.xbs .tp-readout>span{overflow:hidden;text-overflow:ellipsis}.xbs .tp-readout b{color:var(--text);font-weight:600}.xbs .tp-hits{color:var(--bad-ink);font-weight:600}.xbs .tp-clear{color:var(--ok-ink)}.xbs .tp-speed{height:28px;border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:0 6px;font-size:11px}@container (max-width: 820px){.xbs .transport{gap:10px;padding:0 10px 0 6px}.xbs .tp-readout{grid-template-columns:auto auto;gap:6px}.xbs .tp-readout>span:not(.tp-hits):not(.tp-clear),.xbs .tp-speed{display:none}}@container (max-width: 480px){.xbs .tp-readout{display:none}.xbs .transport{grid-template-columns:auto minmax(0,1fr)}}.xbs .rail{position:absolute;right:28px;top:22px;width:78px;z-index:3;background:var(--panel);box-shadow:var(--shadow);border-radius:3px;display:flex;flex-direction:column;gap:3px}.xbs .rail button{position:relative;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-2);font-size:10px;font-weight:500;line-height:1.15;text-align:center;border-radius:3px;background:var(--panel);padding:0 4px}.xbs .rail button:hover{background:var(--panel-2)}.xbs .rail button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.xbs .rail .glyph{width:34px;height:40px}.xbs .rail .warn{position:absolute;left:-9px;top:8px;width:18px;height:18px;border-radius:50%;background:var(--warn);color:#fff;font-weight:700;font-size:11px;display:grid;place-items:center}.xbs .rail .warn.bad{background:var(--bad)}.xbs .stage-head{position:absolute;left:24px;top:22px;z-index:3;background:var(--panel);box-shadow:var(--shadow);border-radius:6px;padding:10px 14px;display:grid;gap:2px;min-width:220px;max-width:calc(100% - 160px)}.xbs .stage-head b{font-size:14px}.xbs .stage-head>span{color:var(--text-2);font-size:12px}.xbs .stage-head dl{display:grid;grid-template-columns:repeat(3,auto);gap:0 18px;margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line-soft);justify-content:start}.xbs .stage-head dt{font-size:10px;color:var(--text-3);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.xbs .stage-head dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.xbs .alert{position:absolute;left:50%;bottom:170px;transform:translate(-50%);z-index:4;max-width:min(420px,calc(100% - 48px));padding:9px 14px;border-radius:6px;background:var(--bad-ink);color:#fff;font-weight:600;font-size:12px;box-shadow:0 8px 24px #9b1c1c40}.xbs .alert.ok{background:var(--ok-ink);box-shadow:0 8px 24px #1f6b3d38}.xbs .dim-editor{position:absolute;z-index:6;display:flex;align-items:center;gap:4px;padding:3px 8px 3px 3px;background:var(--panel);border:2px solid var(--accent);border-radius:6px;box-shadow:0 8px 24px #12122833;transform:translate(-50%,-50%)}.xbs .dim-editor input{width:86px;border:0;outline:none;padding:4px 6px;font-weight:700;font-size:13px;text-align:right;background:none}.xbs .dim-editor span{color:var(--text-3);font-size:12px;font-weight:600}.xbs .side{background:var(--panel);box-shadow:var(--shadow);margin:0 8px 24px 0;padding:22px 24px 22px 20px;overflow:auto;min-height:0}.xbs .side h2{margin:0 0 4px;font-size:16px;font-weight:600;letter-spacing:-.01em}.xbs .side .sub{margin:0 0 20px;color:var(--text-2);font-size:11px}.xbs .sub-h{display:flex;align-items:center;justify-content:space-between;margin:20px 0 8px;font-size:12px;font-weight:600}.xbs .bend-grid{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(0,1fr) 96px 36px;column-gap:10px;row-gap:12px;align-items:center}.xbs .bend-grid .h{font-size:12px;font-weight:600;color:var(--text);padding-bottom:2px}.xbs .bend-id{font-size:12px;font-weight:600;color:var(--text);padding:6px 8px;border-radius:3px;width:fit-content}.xbs .bend-id.tag{background:var(--accent-soft);color:var(--accent-ink)}.xbs .bend-id.bad{background:var(--bad-bg);color:var(--bad-ink)}.xbs .bend-id.warn{background:var(--warn-bg);color:var(--warn-ink)}.xbs .field{height:40px;border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:0 10px;width:100%;font-size:12px;font-variant-numeric:tabular-nums}.xbs .field:hover{border-color:var(--text-3)}.xbs .field:focus,.xbs .field:focus-within{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px var(--accent-soft)}.xbs .field[readonly]{background:var(--panel-2);color:var(--text-2)}.xbs select.field{appearance:none;-webkit-appearance:none;padding-right:26px;background-image:linear-gradient(45deg,transparent 50%,var(--text-2) 50%),linear-gradient(135deg,var(--text-2) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px;background-repeat:no-repeat}.xbs .field-unit{display:flex;align-items:center;padding:0 10px 0 0}.xbs .field-unit input{border:0;outline:none;background:none;width:100%;height:100%;padding:0 10px;font-size:12px}.xbs .field-unit i{font-style:normal;color:var(--text-3);font-size:12px}.xbs .chev{width:36px;height:36px;border-radius:6px;display:grid;place-items:center;color:var(--text-2);justify-self:end}.xbs .chev:hover{background:var(--panel-2)}.xbs .chev svg{transition:transform .2s ease}.xbs .chev[aria-expanded=true] svg{transform:rotate(180deg)}.xbs .details{grid-column:1 / -1;background:var(--panel-2);border:1px solid var(--line-soft);border-radius:3px;padding:14px 16px 12px;display:grid;grid-template-columns:1fr 120px;gap:12px;margin:-4px 0 4px}.xbs .details h3{margin:0 0 8px;font-size:13px;font-weight:600}.xbs .details p{margin:0 0 5px;font-size:11px;color:var(--text-2)}.xbs .details p b{color:var(--text);font-weight:600}.xbs .details .note{margin-top:12px;font-size:10px;color:var(--text-3)}.xbs .details svg{justify-self:end;align-self:center}.xbs .bend-note{margin-top:18px;font-size:11px;color:var(--text-3)}.xbs .bend-note b{color:var(--text-2);font-weight:600}.xbs .empty{border:1px dashed var(--line);border-radius:4px;padding:26px 18px;text-align:center;color:var(--text-2);font-size:12px;margin-top:8px}.xbs .empty b{display:block;color:var(--text);font-weight:600;margin-bottom:4px;font-size:13px}.xbs .form-grid{display:grid;gap:12px;margin-bottom:16px}.xbs .form-grid label{display:grid;gap:6px;font-size:12px;font-weight:600}.xbs .hw-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:6px}.xbs .hw-table th{text-align:left;font-weight:500;padding:9px 6px;border-bottom:1px solid var(--line-soft);color:var(--text-2);width:46%}.xbs .hw-table td{padding:9px 6px;border-bottom:1px solid var(--line-soft);color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.xbs .chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;background:var(--card);color:var(--text-2)}.xbs .chip.warn{background:var(--warn-bg);color:var(--warn-ink)}.xbs .chip.ok{background:var(--ok-bg);color:var(--ok-ink)}.xbs .chip.bad{background:var(--bad-bg);color:var(--bad-ink)}.xbs .chip.accent{background:var(--accent-soft);color:var(--accent-ink)}.xbs .chip:empty{display:none}.xbs .tool-opts{display:grid;gap:2px;padding:10px 12px;background:var(--panel-2);border-radius:3px}.xbs .check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;padding:4px 0;cursor:pointer}.xbs .check input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.xbs .check.is-disabled{opacity:.5;cursor:not-allowed}.xbs .tools{display:grid;gap:6px}.xbs .tools button{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;padding:6px 10px 6px 6px;text-align:left;border:1.5px solid transparent;border-radius:2px;background:var(--card)}.xbs .tools button:hover{background:var(--panel);border-color:var(--line)}.xbs .tools button[aria-pressed=true]{border-color:var(--accent);background:var(--panel)}.xbs .tools .thumb{width:50px;height:50px}.xbs .tools .thumb svg{width:44px;height:44px}.xbs .tools strong{display:block;font-size:12px;font-weight:600}.xbs .tools small{display:block;font-size:11px;color:var(--text-2)}.xbs .bars{display:grid;gap:10px;margin-top:14px}.xbs .bar-row{display:grid;gap:4px;font-size:11px;color:var(--text-2)}.xbs .bar-row div{display:flex;justify-content:space-between}.xbs .bar-row b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.xbs .meter{height:6px;border-radius:3px;background:var(--card);overflow:hidden}.xbs .meter i{display:block;height:100%;background:var(--accent);border-radius:3px}.xbs .meter.warn i{background:#e0a020}.xbs .meter.bad i{background:var(--bad)}.xbs .issues{list-style:none;margin:0;padding:0;display:grid;gap:8px}.xbs .issues li{padding:10px 12px;border-radius:3px;font-size:12px;line-height:1.45;background:var(--panel-2);color:var(--text-2)}.xbs .issues li b{color:var(--text)}.xbs .issues li.ok{background:var(--ok-bg);color:var(--ok-ink)}.xbs .issues li.warn{background:var(--warn-bg);color:var(--warn-ink)}.xbs .issues li.bad{background:var(--bad-bg);color:var(--bad-ink)}.xbs .issues li.ok b,.xbs .issues li.warn b,.xbs .issues li.bad b{color:inherit}.xbs .issues h4{margin:10px 0 2px;font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.xbs .xbs-toast{position:fixed;left:50%;top:52px;transform:translate(-50%);z-index:50;padding:10px 16px;border-radius:6px;background:#1b1b20;color:#fff;font-weight:600;font-size:12px;box-shadow:0 10px 30px #00000040}@media(prefers-reduced-motion:reduce){.xbs .chev svg{transition:none}}@media(min-width:1680px){.xbs .app{grid-template-columns:420px minmax(0,1fr) 480px}}@media(max-width:1380px){.xbs .app{grid-template-columns:330px minmax(0,1fr) 390px}.xbs .toolbar-sim .seg{display:none}}@media(max-width:1180px){.xbs{overflow:auto}.xbs .app{grid-template-columns:1fr;grid-template-rows:auto 560px auto;height:auto;padding:52px 8px 16px;row-gap:16px}.xbs .items,.xbs .side{margin:0}.xbs .items{max-height:none}.xbs .list{max-height:420px}.xbs .stage{min-height:560px;background:var(--ground);border-radius:3px;order:-1}.xbs .rail{top:12px;right:12px}.xbs .topbar{background:var(--ground)}}@media(max-width:640px){.xbs .brand span{display:none}.xbs .steps{gap:4px}.xbs .steps>span{width:10px}.xbs .steps button{font-size:0;padding:0 4px;gap:0}.xbs .steps button i{font-size:11px}.xbs .menu summary{padding:0 8px}.xbs .topbar{gap:8px;padding:0 8px}.xbs .pill{display:none}.xbs .app{grid-template-rows:auto 70vh auto}.xbs .stage{min-height:70vh}.xbs .rail{width:62px}.xbs .rail button{height:62px;font-size:9px}.xbs .rail .glyph{width:26px;height:30px}.xbs .toolbar{bottom:10px;gap:2px;padding:4px;overflow-x:auto;justify-content:flex-start}.xbs .toolbar:not(.toolbar-sim){left:8px;right:8px;transform:none;max-width:none}.xbs .toolbar-sim{left:auto;right:8px;transform:none;bottom:76px}.xbs .transport{left:8px;right:8px;bottom:8px;height:58px;padding:0 8px 0 4px;gap:8px}.xbs .tool{width:38px;height:38px}.xbs .stage-head{left:8px;top:8px;max-width:calc(100% - 86px);min-width:0}.xbs .stage-head dl{grid-template-columns:repeat(3,auto)}.xbs .alert{bottom:130px;max-width:calc(100% - 24px)}.xbs .bend-grid{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) 72px 30px;column-gap:6px}.xbs .templates{grid-template-columns:repeat(3,1fr)}}.xbs .mat-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px 14px;align-items:center;margin-bottom:16px;padding:14px 14px 14px 10px;border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 1px 2px #1018280a}.xbs .mat-card .xm-name{font-size:14px}.xbs .mat-card .xm-meta{font-size:12px}.xbs .mat-card-btn{grid-column:1 / -1;height:36px;border:1px solid var(--btn-border);border-radius:6px;font-size:12px;font-weight:600;transition:background .2s,color .2s}.xbs .mat-card-btn:hover{background:var(--text);color:#fff}.xbs .matpick{width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:0;border-radius:12px;color:#212121;overflow:auto;overscroll-behavior:contain;background-color:#fff;background-image:linear-gradient(rgba(28,39,51,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(28,39,51,.06) 1px,transparent 1px),linear-gradient(rgba(28,39,51,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(28,39,51,.024) 1px,transparent 1px);background-size:160px 160px,160px 160px,32px 32px,32px 32px;box-shadow:0 24px 80px #12122859}.xbs .matpick::backdrop{background:#1212188c}.xbs .mp-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:center;height:52px;padding:0 56px;background:#fff;border-bottom:1px solid var(--line-soft)}.xbs .mp-top .steps{margin:0}.xbs .mp-close{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:6px;display:grid;place-items:center;color:var(--text-2)}.xbs .mp-close:hover{background:var(--panel-2);color:var(--text)}.xbs .mp-body{padding:34px 40px 40px}.xbs .mp-label{text-align:center;font-family:Share Tech Mono,monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#535960}.xbs .mp-display{margin-top:10px;text-align:center;font-size:clamp(26px,3.4vw,42px);font-weight:800;letter-spacing:-.025em;line-height:1.07;color:#111;text-transform:uppercase}.xbs .mp-sub{max-width:640px;margin:12px auto 0;text-align:center;color:#535960;font-size:14px;line-height:1.6}.xbs .matpick .xm-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:26px 0 22px}.xbs .xm-tab{padding:9px 26px;border:1px solid #cac4d0;border-radius:24px;background:#fff;color:#212121;font-size:15px;transition:border-color .2s,background .2s,color .2s}.xbs .xm-tab:hover{border-color:#111}.xbs .xm-tab[aria-selected=true]{background:#111;border-color:#111;color:#fff}.xbs .xm-rows{display:grid;gap:10px;list-style:none;margin:0;padding:0}.xbs .xm-row{display:grid;grid-template-columns:76px minmax(220px,300px) minmax(0,1fr) 28px;align-items:center;gap:22px;width:100%;min-height:88px;padding:14px 22px 14px 18px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 1px 2px #1018280a;text-align:left;transition:border-color .2s,box-shadow .2s}.xbs .xm-row:hover:not(:disabled){border-color:#0000004d;box-shadow:0 4px 14px #10182814}.xbs .xm-row.is-current{border-color:#111;box-shadow:inset 0 0 0 1px #111}.xbs .xm-row:disabled{cursor:default}.xbs .xm-sheet{display:block;width:64px;height:40px;perspective:160px}.xbs .xm-sheet img{display:block;width:52px;height:52px;margin:-6px 0 0 6px;object-fit:cover;border-radius:2px;transform:rotateX(58deg) rotate(-42deg);box-shadow:1px 3px #8e959c,2px 6px 6px #0000002e}.xbs .xm-id{display:flex;flex-direction:column;gap:4px;min-width:0}.xbs .xm-name{font-size:16px;font-weight:700;line-height:1.3;color:#212121}.xbs .xm-meta{color:#6b7280;font-size:13px}.xbs .xm-meta b{color:#111;font-weight:600}.xbs .xm-avail{display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden}.xbs .xm-k{color:#6b7280;font-size:12px}.xbs .xm-sizes{display:flex;flex-wrap:wrap;row-gap:4px;margin-left:-13px;font-size:14px;color:#212121}.xbs .xm-size{padding:0 12px;border-left:1px solid #cac4d0;white-space:nowrap}.xbs .xm-size small{font-size:inherit;color:#6b7280}.xbs .xm-size.is-no{color:#9aa1a9;text-decoration:line-through;text-decoration-color:#00000059}.xbs .xm-size.is-no small{color:inherit}.xbs .xm-arrow{justify-self:end;font-size:18px;color:#212121;transition:transform .2s}.xbs .xm-row:hover:not(:disabled) .xm-arrow{transform:translate(3px)}.xbs .xm-row.is-off .xm-sheet{opacity:.45}.xbs .xm-row.is-off .xm-name{color:#6b7280}.xbs .mp-row-head{display:flex;align-items:center;gap:22px;margin:26px 0 16px;padding:14px 22px 14px 14px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 1px 2px #1018280a}.xbs .mp-back{flex:none;height:36px;padding:0 16px;border:1px solid #cac4d0;border-radius:24px;background:#fff;font-size:13px;white-space:nowrap;transition:border-color .2s}.xbs .mp-back:hover{border-color:#111}.xbs .mp-row-id{display:flex;align-items:center;gap:16px;min-width:0}.xbs .mp-thk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.xbs .mp-thk{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 16px 14px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 1px 2px #1018280a;text-align:left;transition:border-color .2s,box-shadow .2s}.xbs .mp-thk:hover:not(:disabled){border-color:#0000004d;box-shadow:0 4px 14px #10182814}.xbs .mp-thk[aria-pressed=true]{border-color:#111;box-shadow:inset 0 0 0 1px #111}.xbs .mp-thk:disabled{cursor:default;background:#ffffffbf;box-shadow:none}.xbs .mp-sec{display:flex;align-items:center;width:100%;height:30px;margin-bottom:6px}.xbs .mp-sec i{display:block;width:100%;background-size:cover;background-position:center;border-radius:1px;box-shadow:0 1px #8e959c,0 2px 4px #0000001f}.xbs .mp-thk strong{font-size:17px;font-weight:700;color:#111;font-variant-numeric:tabular-nums}.xbs .mp-thk-sub{color:#6b7280;font-size:12px;font-variant-numeric:tabular-nums}.xbs .mp-thk-tool{margin-top:6px;color:#212121;font-size:12px;font-variant-numeric:tabular-nums}.xbs .mp-thk-tool span{white-space:nowrap}.xbs .mp-thk:disabled .mp-sec{opacity:.4}.xbs .mp-thk:disabled strong{color:#9aa1a9;text-decoration:line-through;text-decoration-color:#00000059}.xbs .mp-thk:disabled :is(.mp-thk-sub,.mp-thk-tool){color:#9aa1a9}@media(max-width:900px){.xbs .mp-body{padding:26px 16px 28px}.xbs .xm-row{grid-template-columns:64px minmax(0,1fr) 20px;gap:12px 14px;padding:14px}.xbs .xm-avail{grid-column:1 / -1;grid-row:2}.xbs .mp-row-head{flex-wrap:wrap;gap:12px}.xbs .mp-thk-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.xbs .xm-tab{padding:8px 18px;font-size:14px}.xbs .mp-top .steps button{font-size:12px;padding:0 12px 0 4px;gap:7px}}@media(prefers-reduced-motion:reduce){.xbs .xm-row,.xbs .xm-arrow,.xbs .mp-thk{transition:none}}
