.mb{gap:var(--space-4);height:100dvh;padding:var(--space-4);flex-direction:column;display:flex;overflow:hidden}.mb-head{gap:var(--space-2);order:1;display:grid}.mb-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.mb-h{gap:var(--space-2);min-width:0;margin:0;display:grid}.mb-eyebrow{font:600 13px/1.2 var(--font-sans);letter-spacing:0;color:var(--ink-3)}.mb-faq{font:500 13px/1.2 var(--font-sans);color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;border-radius:var(--radius-xs);transition:color var(--of-fast) var(--of-ease), text-decoration-color var(--of-fast) var(--of-ease);flex:none}.mb-faq:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.mb-faq:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mb-title{font:var(--of-w-display) clamp(56px, 6.5vw, 92px) / .95 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;display:block}.mb-title span{letter-spacing:0;font-size:.5em}.mb-opts{gap:var(--space-2);margin-top:var(--space-3);display:grid}.mb-opts .of-option em{font-family:var(--font-mono);font-weight:500}.mb-main{display:contents}.mb-main>.mt,.mb-work{order:2}.mb-drop{order:3}.mb.is-idle .mt-title{color:var(--ink-3)}.mb-out{order:3}.mb-out:empty{display:none}.mb-pre{order:3;justify-content:center;align-items:center;min-height:0;display:flex}.mb-log{flex:1;order:4;min-height:0}.mb-drop{align-content:center;justify-items:center;gap:var(--space-3);min-height:0;padding:var(--space-6);border-radius:var(--radius-l);border:1.5px dashed var(--line-strong);background:var(--ground-2);cursor:pointer;transition:border-color var(--of-fast) var(--of-ease), background-color var(--of-fast) var(--of-ease);flex:1;display:grid}.mb-drop:hover{border-color:var(--control-line)}.mb-drop:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.mb-drop.is-over{border-color:var(--link);background:var(--info-bg)}.mb-drop__badge{background:var(--card);width:48px;height:48px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;display:grid}.mb-drop__title{font:var(--of-w-title) 22px/1.35 var(--font-display);color:var(--ink)}.mb-drop.is-over .mb-drop__title{color:var(--link)}.mb-drop:hover .of-btn--sun{background:var(--lead-hover)}.mb-types{gap:var(--space-2);display:flex}.mb-types .of-token{height:26px;font-size:12px}.mb-figure{align-items:center;gap:var(--space-1) var(--space-2);font:var(--of-w-title) clamp(26px, 2.5vw, 34px) / 1.15 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink);flex-wrap:wrap;margin:0;display:flex}.mb-figure__from{color:var(--ink-3);font-weight:500}.mb-notes{margin:var(--space-3) 0 0;gap:2px;padding:0;list-style:none;display:grid}.mb-notes .is-caution{color:var(--ink);font-weight:500}.mb-acts{margin-top:var(--space-4)}.mb-log{flex-direction:column;display:flex}.mb-log__title{padding:var(--space-3) var(--space-4);font:600 14px/1.2 var(--font-sans);color:var(--ink);border-bottom:1px solid var(--line);margin:0}.mb-log__scroll{flex:1;min-height:0;overflow:auto}.mb-table{font-variant-numeric:tabular-nums;min-width:0}.mb-table th{position:sticky;top:0}.mb-table .of-amt{font-family:var(--font-mono);font-size:13px}.mb-table tr.is-chosen td{color:var(--ink);font-weight:600}@media (max-width:560px){.mb-title{font-size:48px}.mb-opts{grid-template-columns:1fr 1fr}.mb-opts .of-option{padding:var(--space-3);grid-template-columns:22px minmax(0,1fr)}.mb-opts .of-option span{display:none}.mb-opts .of-option em{text-align:left;grid-column:2}.mb:not(.is-idle) .mb-top{display:none}.mb-table th,.mb-table td{padding-inline:var(--space-2)}.mb-table th:first-child,.mb-table td:first-child{display:none}.mb-table th:nth-child(2),.mb-table td:nth-child(2){padding-left:var(--space-4)}}@media (min-width:900px){.mb{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:380px minmax(0,1fr);gap:0;padding:0;display:grid}.mb-head{padding:var(--space-8) var(--space-8) 0;grid-area:1/1}.mb-out{padding:var(--space-6) var(--space-8) 0;grid-area:2/1}.mb-pre{padding:var(--space-4) var(--space-8) var(--space-6);grid-area:3/1;min-height:0}.mb-out:empty{display:block}.mb-main{gap:var(--space-4);min-height:0;padding:var(--space-6);border-left:1px solid var(--line);flex-direction:column;grid-area:1/2/4/3;display:flex}}.mb-work{gap:var(--space-4);min-height:0;display:grid}.mt{gap:var(--space-3);min-width:0;padding:var(--space-5);border-radius:var(--radius-l);border:1px solid var(--line);background:var(--card);transition:border-color var(--of-fast) var(--of-ease);display:grid}.mb-work.is-over .mt{border-color:var(--link)}.mt-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.mt-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);font-weight:500;overflow:hidden}.mt-status{text-align:right;color:var(--ink-3);flex:0 auto;font-size:13px}.mt-figure{align-items:baseline;gap:var(--space-2);color:var(--ink);display:flex}.mt-figure.is-neg .mt-num,.mt-figure.is-neg .mt-unit{color:var(--neg)}.mt-num{font:var(--of-w-title) clamp(40px, 5vw, 64px) / 1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.mt-roll,.mt-wheel,.mt-digit{display:inline-block}.mt-unit{font:var(--of-w-title) 22px/1 var(--font-display)}.mt-of{color:var(--ink-3);font-size:14px}.mt-track{padding-top:var(--space-5);position:relative}.mt-bar{gap:2px;height:44px;display:flex}.mt-seg{min-width:0;transition:flex-grow .42s var(--ease-sheet), opacity var(--of-fast) var(--of-ease);flex:0 0 0}.mt-seg[data-dim]{opacity:.3}.mt-room{background:var(--ground-2)}.mt-limit{top:var(--space-5);background:var(--ink);pointer-events:none;width:2px;margin-left:-1px;position:absolute;bottom:0}.mt-limit span{white-space:nowrap;font:500 12px/1.2 var(--font-sans);color:var(--ink);padding-bottom:2px;position:absolute;bottom:100%;left:50%;translate:-50%}.mt-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.mt-chip{height:30px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--ground-2);color:var(--ink-2);font:500 13px/1 var(--font-sans);cursor:default;transition:background-color var(--of-fast) var(--of-ease), color var(--of-fast) var(--of-ease);border:0;align-items:center;gap:6px;display:inline-flex}.mt-chip[data-on]{background:var(--line);color:var(--ink)}.mt-chip i{border-radius:2px;width:8px;height:8px}.gl{align-content:center;justify-items:center;gap:var(--space-3);flex:none;width:260px;height:306px;display:grid}.csw{place-items:center;padding:66px 84px 4px 8px;display:grid}.csw-stage{perspective:1100px;position:relative}.csw-card{border:3px solid var(--card);border-radius:var(--radius-m);background:var(--ground-2);box-shadow:var(--shadow-card), 0 0 0 1px var(--line);transform:var(--t);transition:transform .52s var(--ease-sheet), opacity var(--dur-sheet) var(--of-ease);touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.csw-card[data-front]{cursor:grab}.csw-card[data-hidden]{opacity:0;pointer-events:none}.csw-photo{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.csw-tag{left:var(--space-2);bottom:var(--space-2);border-radius:var(--radius-pill);background:var(--card);height:26px;color:var(--ink);font:500 12px/1 var(--font-sans);white-space:nowrap;box-shadow:var(--shadow-card);align-items:center;gap:6px;padding:0 10px;display:inline-flex;position:absolute}.csw-tag b,.gl-count{font:400 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-3)}.gl-nav{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.gl-dialog{width:min(960px,100vw - 32px);max-height:calc(100dvh - 32px);padding:var(--space-4);border-radius:var(--radius-l);background:var(--card);color:var(--ink-2);box-shadow:var(--shadow-float);border:0;margin:auto}.gl-dialog[open]{gap:var(--space-3);display:grid}.gl-dialog::backdrop{background:var(--scrim)}.gl-dialog__head{color:var(--ink);justify-content:space-between;align-items:center;display:flex}.cmp{width:min(100%, calc((100dvh - 190px) * var(--ratio,1)));border-radius:var(--radius-frame-inner);background:var(--ground-2);touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize;justify-self:center;min-height:120px;position:relative;overflow:hidden}.cmp[data-held]{cursor:grabbing}.cmp-img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cmp-before{position:absolute;inset:0}.cmp-tag{top:var(--space-3);left:var(--space-3);border-radius:var(--radius-pill);background:var(--card);height:26px;color:var(--ink);font:500 12px/1 var(--font-sans);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-card);pointer-events:none;align-items:center;padding:0 10px;display:inline-flex;position:absolute}.cmp-right{left:auto;right:var(--space-3)}.cmp-line{pointer-events:none;filter:drop-shadow(0 0 3px var(--scrim));position:absolute;inset:0}.cmp-line path{fill:none;stroke:var(--card);stroke-width:2px}.cmp-grip{pointer-events:none;position:absolute;top:50%;translate:-50% -50%}.cmp-knob{background:var(--card);width:36px;height:36px;color:var(--ink);box-shadow:var(--shadow-card), 0 0 0 1px var(--line);border-radius:50%;place-items:center;display:grid}@media (max-width:899px){.mb:has(.mb-pre) .mb-log{display:none}.mb-pre{height:232px}}.st{align-content:center;justify-items:center;gap:var(--space-5);min-height:0;padding:var(--space-6);border-radius:var(--radius-l);border:1px solid var(--line);flex:1;order:4;display:grid;overflow:hidden}.st-step{font:var(--of-w-title) clamp(26px, 3.2vw, 40px) / 1.3 var(--font-display);color:var(--ink);text-align:center;margin:0}.st-pages{align-items:center;gap:var(--space-3);opacity:0;width:min(280px,100%);transition:opacity var(--dur-sheet) var(--of-ease);display:flex}.st-pages[data-on]{opacity:1}.st-pages .of-progress{flex:1}.st-pages .of-progress i{transform-origin:0;transition:transform var(--dur-sheet) var(--of-ease)}.st-count{font:400 12px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-3)}.pg{border-radius:var(--radius-l);border:1px solid var(--line);flex-direction:column;flex:1;order:4;min-height:0;display:flex;overflow:hidden}.pg-grid{align-content:start;gap:var(--space-4);min-height:0;padding:var(--space-4);flex:1;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));display:grid;overflow:auto}.pg-page{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-items:start;gap:2px;padding:0;display:grid}.pg-page img{aspect-ratio:4/3;object-fit:contain;border-radius:var(--radius-s);background:var(--ground-2);width:100%;box-shadow:inset 0 0 0 1px var(--line);transition:background-color var(--of-fast) var(--of-ease);margin-bottom:6px}.pg-page:hover img{background:var(--line)}.pg-name{font:500 13px/1.3 var(--font-sans)}.pg-size{font:400 12px/1.3 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-3)}.pg-size b{color:var(--ink);font-weight:500}@media (max-width:899px){.mb:has(.mb-pre) .pg{display:none}}.mb-set{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;display:flex}.mb-set span{gap:2px;display:grid}.mb-set b{color:var(--ink);font-weight:600}.mb-set small{color:var(--ink-3);font-size:13px}@media (max-width:560px){.mb-set{padding:var(--space-2) var(--space-3)}.mb-set small{display:none}}