.btg{--btg-ink: var(--text);--btg-line: var(--border);--btg-faint: color-mix(in srgb, var(--text) 5%, var(--card-bg));--btg-dot: color-mix(in srgb, var(--text) 16%, transparent);--btg-spec: var(--accent);--btg-radius: var(--radius-xl);--btg-c1: var(--accent);--btg-c2: var(--accent-strong);font-family:var(--font-sans);color:var(--btg-ink)}.btg *:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btg-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--btg-ink);margin:0}.btg-tip{font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--text-muted);margin:var(--space-2) 0 0}.btg-tip:empty{display:none}.btg-title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}.btg-sub{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-2) 0 0}[data-show-when][hidden],.btg-panel[hidden]{display:none!important}.btg-workbench{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--space-5);align-items:start}.btg-left{position:sticky;top:calc(var(--header-height) + var(--space-4));display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.btg-canvas{border:1px solid var(--btg-line);background:var(--card-bg);box-shadow:var(--shadow-sm)}.btg-canvas-bar,.btg-canvas-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-3)}.btg-canvas-bar{border-bottom:1px solid var(--btg-line)}.btg-canvas-foot{border-top:1px solid var(--btg-line);min-height:52px}.btg-bar-group{display:flex;align-items:center;gap:var(--space-2)}.btg-icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--btg-radius);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.btg-icon-btn:hover:not(:disabled){background:var(--btg-faint);color:var(--btg-ink)}.btg-icon-btn:disabled{opacity:.35;cursor:default}.btg-icon-btn[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.btg-text-btn{height:32px;padding:0 var(--space-3);background:transparent;border:0;border-left:1px solid var(--btg-line);font:inherit;font-size:var(--text-sm);font-weight:600;color:var(--text-muted);cursor:pointer}.btg-text-btn:hover{color:var(--btg-ink)}.btg-share{display:inline-flex;align-items:center;gap:var(--space-2)}.btg-mini-seg{display:inline-flex;padding:2px;background:var(--btg-faint);border-radius:var(--btg-radius)}.btg-mini-seg label{position:relative;cursor:pointer}.btg-mini-seg input{position:absolute;opacity:0;pointer-events:none}.btg-mini-seg span{display:block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);border-radius:3px;transition:background var(--transition-fast),color var(--transition-fast)}.btg-mini-seg input:checked+span{background:var(--card-bg);color:var(--btg-ink);box-shadow:var(--shadow-sm)}.btg-mini-seg input:focus-visible+span{outline:2px solid var(--accent)}.btg-stage{--btg-stage-color: var(--page-bg);position:relative;display:grid;place-items:center;min-height:clamp(260px,calc(100vh - 470px),420px);padding:var(--space-12) var(--space-10);background-color:var(--btg-stage-color);background-image:radial-gradient(var(--btg-dot) 1px,transparent 1.2px);background-size:16px 16px;background-position:8px 8px;overflow:auto;transition:background-color var(--transition-normal)}.btg-stage[data-stage=white]{--btg-stage-color: var(--card-bg)}.btg-stage[data-stage=dark]{--btg-stage-color: var(--color-foreground);--btg-dot: color-mix(in srgb, var(--card-bg) 14%, transparent);--btg-spec: color-mix(in srgb, var(--accent) 45%, var(--card-bg))}.btg-stage[data-stage=checker]{background-color:var(--card-bg);background-image:linear-gradient(45deg,var(--btg-faint) 25%,transparent 25%),linear-gradient(-45deg,var(--btg-faint) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--btg-faint) 75%),linear-gradient(-45deg,transparent 75%,var(--btg-faint) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.btg-zoom{transform-origin:center;transition:transform var(--transition-normal)}.btg-zoom.is-2x{transform:scale(2)}.btg-live{user-select:none}.btg-specs{position:absolute;inset:0;pointer-events:none;color:var(--btg-spec);opacity:1;transition:opacity var(--transition-normal)}.btg-specs.is-off{opacity:0}.btg-spec-w,.btg-spec-h{position:absolute;display:grid;place-items:center}.btg-spec-w{height:1px;background:currentColor}.btg-spec-h{width:1px;background:currentColor}.btg-spec-w:before,.btg-spec-w:after,.btg-spec-h:before,.btg-spec-h:after{content:"";position:absolute;background:currentColor}.btg-spec-w:before,.btg-spec-w:after{top:-4px;width:1px;height:9px}.btg-spec-w:before{left:0}.btg-spec-w:after{right:0}.btg-spec-h:before,.btg-spec-h:after{left:-4px;width:9px;height:1px}.btg-spec-h:before{top:0}.btg-spec-h:after{bottom:0}.btg-spec-w span,.btg-spec-h span{padding:1px var(--space-1);background:currentColor;border-radius:2px;font-size:11px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.btg-spec-w span:after,.btg-spec-h span:after{content:attr(data-value);color:var(--card-bg)}.btg-spec-pad{position:absolute;border:1px dashed var(--card-bg);mix-blend-mode:difference;opacity:.6}.btg-foot-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);margin-right:var(--space-1)}.btg-backdrops{display:flex;align-items:center;gap:var(--space-2)}.btg-backdrop{position:relative;width:24px;height:24px;padding:0;border:1px solid var(--btg-line);border-radius:var(--btg-radius);cursor:pointer;overflow:hidden;transition:box-shadow var(--transition-fast)}.btg-backdrop[aria-checked=true],.btg-backdrop-custom.is-active{box-shadow:0 0 0 2px var(--card-bg),0 0 0 4px var(--accent)}.btg-backdrop[data-stage-bg=page]{background:var(--page-bg)}.btg-backdrop[data-stage-bg=white]{background:var(--card-bg)}.btg-backdrop[data-stage-bg=dark]{background:var(--color-foreground)}.btg-backdrop[data-stage-bg=checker]{background-color:var(--card-bg);background-image:conic-gradient(var(--btg-line) 25%,transparent 0 50%,var(--btg-line) 0 75%,transparent 0);background-size:12px 12px}.btg-backdrop-custom{background:conic-gradient(from 90deg,var(--color-destructive),var(--color-primary),var(--color-success),var(--color-destructive))}.btg-backdrop-custom input{position:absolute;inset:0;opacity:0;cursor:pointer}.btg-health{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);margin:0;padding:0;list-style:none}.btg-health li{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.btg-health li:before{content:"✓";display:inline-grid;place-items:center;width:16px;height:16px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-success) 16%,var(--card-bg));color:var(--color-success);font-size:10px;font-weight:800}.btg-health li.is-warn{color:var(--btg-ink)}.btg-health li.is-warn:before{content:"!";background:color-mix(in srgb,var(--color-destructive) 14%,var(--card-bg));color:var(--color-destructive)}.btg-shelf-title{font-size:var(--text-sm);font-weight:600;margin:0 0 var(--space-2)}.btg-shelf-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.btg-style{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--card-bg);border:1px solid var(--btg-line);border-radius:var(--btg-radius);font:inherit;cursor:pointer;scroll-snap-align:start;transition:border-color var(--transition-fast),transform var(--transition-fast)}.btg-style:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--btg-line))}.btg-style[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.btg-style-stage{display:grid;place-items:center;height:58px;background-color:var(--page-bg);background-image:radial-gradient(var(--btg-dot) 1px,transparent 1.2px);background-size:10px 10px;overflow:hidden;pointer-events:none}.btg-preset-btn{zoom:.46}.btg-style-name{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-align:left}.btg-style[aria-pressed=true] .btg-style-name{color:var(--accent)}.btg-inspector{border:1px solid var(--btg-line);background:var(--card-bg);box-shadow:var(--shadow-sm)}.btg-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--btg-line)}.btg-tabs [role=tab]{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-3) var(--space-1) var(--space-2);background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;font:inherit;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.btg-tabs [role=tab]:hover{color:var(--btg-ink);background:var(--btg-faint)}.btg-tabs [role=tab][aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.btg-panel{padding:var(--space-2) var(--space-5) var(--space-5)}.btg-group{padding:var(--space-4) 0}.btg-group+.btg-group,.btg-group+.btg-advanced{border-top:1px solid var(--btg-line)}.btg-group>.btg-label:first-child{margin-bottom:var(--space-3)}.btg-row-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.btg-row-head .btg-label{font-weight:500;color:var(--text-muted)}.btg-copy-input{display:block;width:100%;padding:var(--space-3) var(--space-4);background:var(--btg-faint);border:1px solid transparent;border-bottom:2px solid var(--btg-line);border-radius:var(--btg-radius) var(--btg-radius) 0 0;font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--btg-ink);outline:none;transition:border-color var(--transition-fast),background var(--transition-fast)}textarea.btg-copy-input{resize:none;overflow:hidden;line-height:var(--leading-snug);min-height:3.1rem}.btg-copy-input:focus{background:var(--card-bg);border-bottom-color:var(--accent)}.btg-group>.btg-label+.btg-copy-input{margin-top:var(--space-2)}.btg-fonts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);max-height:248px;overflow-y:auto;padding:2px 6px 2px 2px;margin-bottom:var(--space-3);scrollbar-width:thin}.btg-font-group{grid-column:1 / -1;margin:var(--space-2) 0 0;font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.btg-font-group:first-child{margin-top:0}.btg-font{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:var(--space-1) var(--space-3);border:1px solid var(--btg-line);border-radius:var(--btg-radius);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.btg-font:hover{background:var(--btg-faint)}.btg-font input{position:absolute;opacity:0;pointer-events:none}.btg-font:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.btg-font:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.btg-font-name{font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btg-font-note{font-size:10px;line-height:1.2;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btg-chips{display:flex;gap:var(--space-2)}.btg-chip{position:relative;flex:1;cursor:pointer}.btg-chip input{position:absolute;opacity:0}.btg-chip span{display:flex;justify-content:center;gap:var(--space-1);padding:var(--space-2);font-size:var(--text-sm);font-weight:500;border:1px solid var(--btg-line);border-radius:var(--btg-radius);color:var(--text-muted);transition:all var(--transition-fast)}.btg-chip input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.btg-chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.btg-chip input:disabled+span{opacity:.35;cursor:not-allowed}.btg-slider{margin-bottom:var(--space-4)}.btg-slider:last-child{margin-bottom:0}.btg-range{--fill: 50%;display:block;width:100%;height:20px;margin:var(--space-1) 0 0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}.btg-range::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,var(--accent) var(--fill),var(--btg-line) var(--fill));border-radius:2px}.btg-range::-moz-range-track{height:4px;background:linear-gradient(to right,var(--accent) var(--fill),var(--btg-line) var(--fill));border-radius:2px}.btg-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;background:var(--card-bg);border:2px solid var(--accent);border-radius:3px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.btg-range::-moz-range-thumb{width:12px;height:12px;background:var(--card-bg);border:2px solid var(--accent);border-radius:3px;box-shadow:var(--shadow-sm)}.btg-range:active::-webkit-slider-thumb{transform:scale(1.15)}.btg-range:focus-visible{outline:none}.btg-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--color-primary-ring)}.btg-num{display:inline-flex;align-items:center;background:var(--btg-faint);border:1px solid transparent;border-radius:var(--btg-radius)}.btg-num:focus-within{background:var(--card-bg);border-color:var(--accent)}.btg-num input{width:3rem;padding:3px 2px 3px var(--space-2);border:0;background:transparent;font:inherit;font-size:var(--text-sm);font-weight:600;text-align:right;font-variant-numeric:tabular-nums;color:var(--btg-ink);outline:none;-moz-appearance:textfield}.btg-num input::-webkit-inner-spin-button,.btg-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.btg-unit{padding-right:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.btg-color{margin-bottom:var(--space-4)}.btg-color:last-child{margin-bottom:0}.btg-color-pair{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px;padding-right:var(--space-2);background:var(--btg-faint);border:1px solid transparent;border-radius:var(--btg-radius)}.btg-color-pair:focus-within{background:var(--card-bg);border-color:var(--accent)}.btg-well{position:relative;display:block;width:26px;height:26px;border-radius:3px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 18%,transparent);overflow:hidden}.btg-well input{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);padding:0;border:0;cursor:pointer}.btg-color-pair input[type=text]{width:5.25rem;padding:0;border:0;background:transparent;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--text-sm);text-transform:lowercase;color:var(--btg-ink);outline:none}.btg-color-pair input[aria-invalid=true]{color:var(--color-destructive)}.btg-swatch-row{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;margin-top:var(--space-2)}.btg-sw{aspect-ratio:1;padding:0;background:var(--sw);border:0;border-radius:3px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 14%,transparent);cursor:pointer;transition:transform var(--transition-fast)}.btg-sw:hover{transform:scale(1.15)}.btg-sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--card-bg),0 0 0 3px var(--btg-ink)}.btg-tiles{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.btg-tiles:last-child{margin-bottom:0}.btg-tiles-2{grid-template-columns:repeat(2,1fr)}.btg-tiles-3{grid-template-columns:repeat(3,1fr)}.btg-tiles-5{grid-template-columns:repeat(5,1fr)}.btg-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);background:var(--card-bg);border:1px solid var(--btg-line);border-radius:var(--btg-radius);font:inherit;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.btg-tile:hover{background:var(--btg-faint)}.btg-tile input{position:absolute;opacity:0;pointer-events:none}.btg-tile:has(input:checked),.btg-tile[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px var(--accent)}.btg-tile:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.btg-tile-art{display:grid;place-items:center;width:100%;height:36px}.btg-tile-name{font-size:var(--text-xs);font-weight:600;white-space:nowrap}.art-fit,.art-fixed{font-size:11px;font-weight:700;color:var(--card-bg);background:var(--btg-c1);line-height:1}.art-fit{padding:6px 9px}.art-fixed{display:grid;place-items:center;width:64px;height:26px}.art-corner{width:46px;height:24px;background:var(--btg-c1)}.art-square{border-radius:0}.art-rounded{border-radius:6px}.art-pill{border-radius:12px}.art-fill{width:46px;height:24px;border-radius:3px}.art-solid{background:var(--btg-c1)}.art-gradient{background:linear-gradient(180deg,var(--btg-c1),var(--btg-c2))}.art-pyramid{background:linear-gradient(180deg,var(--btg-c1),var(--btg-c2) 50%,var(--btg-c1))}.art-split{background:linear-gradient(180deg,var(--btg-c1) 50%,var(--btg-c2) 50%)}.art-none{border:2px solid var(--btg-c1);background-color:var(--card-bg);background-image:conic-gradient(var(--btg-faint) 25%,transparent 0 50%,var(--btg-faint) 0 75%,transparent 0);background-size:8px 8px}.art-shadow{width:28px;height:18px;background:var(--btg-c1);border-radius:2px}.art-shadow-soft{box-shadow:0 3px 7px color-mix(in srgb,var(--text) 30%,transparent)}.art-shadow-lifted{box-shadow:0 6px 12px color-mix(in srgb,var(--text) 36%,transparent);transform:translateY(-2px)}.art-shadow-hard{box-shadow:3px 3px 0 var(--btg-ink)}.art-shadow-glow{box-shadow:0 0 10px 1px var(--btg-c1)}.btg-seg{display:flex;padding:2px;background:var(--btg-faint);border-radius:var(--btg-radius)}.btg-seg label{position:relative;flex:1;cursor:pointer}.btg-seg input{position:absolute;opacity:0;pointer-events:none}.btg-seg span{display:block;padding:var(--space-2) var(--space-2);font-size:var(--text-sm);font-weight:600;text-align:center;white-space:nowrap;color:var(--text-muted);border-radius:3px;transition:background var(--transition-fast),color var(--transition-fast)}.btg-seg input:checked+span{background:var(--card-bg);color:var(--btg-ink);box-shadow:var(--shadow-sm)}.btg-seg input:focus-visible+span{outline:2px solid var(--accent)}.btg-seg input:disabled+span{opacity:.35;cursor:not-allowed}.btg-multiline{margin-top:var(--space-4);padding:var(--space-4);background:var(--btg-faint);border-radius:var(--btg-radius)}.btg-multiline .btg-row-head{margin-bottom:var(--space-4)}.btg-multiline .btg-seg{background:var(--card-bg)}.btg-seg-icons label{flex:none}.btg-seg-icons span{display:grid;place-items:center;padding:var(--space-1) var(--space-3)}.btg-multiline .btg-seg input:checked+span{background:var(--accent);color:var(--card-bg)}.btg-seg+.btg-tip{margin-top:var(--space-3)}.btg-switch{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.btg-switch input{position:absolute;opacity:0;pointer-events:none}.btg-switch-track{position:relative;flex:none;width:34px;height:20px;background:var(--btg-line);border-radius:10px;transition:background var(--transition-fast)}.btg-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--card-bg);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.btg-switch input:checked+.btg-switch-track{background:var(--accent)}.btg-switch input:checked+.btg-switch-track:after{transform:translate(14px)}.btg-switch input:focus-visible+.btg-switch-track{outline:2px solid var(--accent);outline-offset:2px}.btg-reveal{margin-top:var(--space-4)}.btg-swap{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-1) 0;background:none;border:0;font:inherit;font-size:var(--text-sm);font-weight:600;color:var(--accent);cursor:pointer}.btg-swap:hover{color:var(--accent-strong);text-decoration:underline}.btg-color+div>.btg-swap{margin-top:var(--space-3);margin-bottom:var(--space-3)}#btg-see-hover{margin:var(--space-3) 0 0}.btg-direction{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--space-5);align-items:center}.btg-compass{position:relative;width:96px;height:96px;border:1px solid var(--btg-line);border-radius:var(--radius-full);background:var(--btg-faint)}.btg-compass button{position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;padding:0;background:transparent;border:0;border-radius:var(--radius-full);font-size:13px;line-height:24px;color:var(--text-muted);cursor:pointer;transform:rotate(var(--deg)) translateY(-34px) rotate(calc(-1 * var(--deg)));transition:background var(--transition-fast),color var(--transition-fast)}.btg-compass button:hover{color:var(--btg-ink);background:var(--card-bg)}.btg-compass button[aria-checked=true]{background:var(--accent);color:var(--card-bg)}.btg-compass-core{position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:var(--radius-full);background:linear-gradient(var(--btg-angle, 180deg),var(--btg-c1),var(--btg-c2));box-shadow:0 0 0 3px var(--card-bg)}.btg-advanced,.btg-fine{border-top:1px solid var(--btg-line)}.btg-fine{margin-top:var(--space-4);border-top:0}.btg-advanced summary,.btg-fine summary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;font-size:var(--text-sm);font-weight:600;cursor:pointer;list-style:none}.btg-fine summary{padding:0 0 var(--space-3);color:var(--accent)}.btg-advanced summary::-webkit-details-marker,.btg-fine summary::-webkit-details-marker{display:none}.btg-advanced summary:before,.btg-fine summary:before{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform var(--transition-fast)}.btg-advanced[open] summary:before,.btg-fine[open] summary:before{transform:rotate(45deg)}.btg-adv-status{margin-left:auto;font-size:var(--text-xs);color:var(--accent)}.btg-advanced-body>.btg-label{margin-bottom:var(--space-3)}.btg-advanced-body .btg-switch{margin-top:var(--space-4)}.btg-export{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,2fr) minmax(240px,1fr);gap:var(--space-8);align-items:center;margin-top:var(--space-8);padding:var(--space-6) var(--space-8);background:var(--card-bg);border:1px solid var(--btg-line);box-shadow:var(--shadow-sm)}.btg-formats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.btg-format{position:relative;display:flex;flex-direction:column;gap:2px;padding:var(--space-3);border:1px solid var(--btg-line);border-radius:var(--btg-radius);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.btg-format:hover{background:var(--btg-faint)}.btg-format input{position:absolute;opacity:0;pointer-events:none}.btg-format:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.btg-format:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.btg-format-name{font-size:var(--text-base);font-weight:700}.btg-format-note{font-size:11px;line-height:1.25;color:var(--text-muted)}.btg-res{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.btg-seg-inline{display:inline-flex}.btg-seg-inline span{padding:var(--space-1) var(--space-3)}.btg-file{margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btg-file-meta{margin:2px 0 var(--space-3);font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.btg-go-row{display:flex;gap:var(--space-2)}.btg-download{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--accent);color:var(--card-bg);border:0;border-radius:var(--btg-radius);font:inherit;font-size:var(--text-base);font-weight:700;cursor:pointer;box-shadow:0 1px 0 var(--accent-strong),var(--shadow-sm);transition:background var(--transition-fast),transform var(--transition-fast)}.btg-download:hover{background:var(--accent-strong)}.btg-download:active{transform:translateY(1px)}.btg-ghost{padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--btg-line);border-radius:var(--btg-radius);font:inherit;font-size:var(--text-sm);font-weight:600;color:var(--btg-ink);cursor:pointer}.btg-ghost:hover{border-color:var(--btg-ink)}.btg-code{margin-top:var(--space-8)}.btg-code-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-8);align-items:end;margin-bottom:var(--space-4)}.btg-code-fields{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-3)}.btg-code-fields .btg-label{margin-bottom:var(--space-2)}.btg-field-input{display:block;width:100%;padding:var(--space-2) var(--space-3);background:var(--card-bg);border:1px solid var(--btg-line);border-radius:var(--btg-radius);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--btg-ink);outline:none}.btg-field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--color-primary-ring)}.btg-terminal{--hl-bg: var(--color-foreground);--hl-text: color-mix(in srgb, var(--card-bg) 86%, transparent);--hl-dim: color-mix(in srgb, var(--card-bg) 45%, transparent);background:var(--hl-bg);color:var(--hl-text);border-radius:var(--btg-radius);overflow:hidden}.btg-terminal-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-3) 0 0;border-bottom:1px solid color-mix(in srgb,var(--card-bg) 12%,transparent)}.btg-code-tabs{display:flex;overflow-x:auto}.btg-code-tabs [role=tab]{padding:var(--space-3) var(--space-4);background:transparent;border:0;border-bottom:2px solid transparent;font:inherit;font-size:var(--text-sm);font-weight:600;color:var(--hl-dim);white-space:nowrap;cursor:pointer}.btg-code-tabs [role=tab]:hover{color:var(--hl-text)}.btg-code-tabs [role=tab][aria-selected=true]{color:var(--card-bg);border-bottom-color:var(--accent)}.btg-copy-code{display:inline-flex;align-items:center;gap:var(--space-2);flex:none;padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--card-bg);border:0;border-radius:var(--btg-radius);font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer}.btg-copy-code:hover{background:color-mix(in srgb,var(--accent) 85%,var(--card-bg))}.btg-copy-code.is-done{background:var(--color-success)}.btg-code-note{margin:0;padding:var(--space-3) var(--space-5) 0;font-size:var(--text-xs);color:var(--hl-dim)}.btg-code-output{margin:0;padding:var(--space-3) var(--space-5) var(--space-5);max-height:440px;overflow:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.65;white-space:pre;tab-size:2;background:transparent;color:inherit}.btg-code-output:focus-visible{outline-offset:-2px}.hl-tag{color:color-mix(in srgb,var(--color-destructive) 45%,var(--card-bg))}.hl-attr{color:color-mix(in srgb,var(--accent) 40%,var(--card-bg))}.hl-string{color:color-mix(in srgb,var(--color-success) 55%,var(--card-bg))}.hl-comment{color:var(--hl-dim);font-style:italic}.hl-selector{color:color-mix(in srgb,var(--color-destructive) 45%,var(--card-bg))}.hl-prop{color:color-mix(in srgb,var(--accent) 40%,var(--card-bg))}.hl-value{color:color-mix(in srgb,var(--color-success) 55%,var(--card-bg))}.btg-toast{position:fixed;left:50%;bottom:var(--space-6);z-index:var(--z-overlay);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-foreground);color:var(--card-bg);border-radius:var(--btg-radius);font-size:var(--text-sm);font-weight:600;box-shadow:var(--shadow-lg);transform:translate(-50%,150%);opacity:0;pointer-events:none;transition:transform var(--transition-normal),opacity var(--transition-normal)}.btg-toast:before{content:"✓";color:var(--color-success);font-weight:800}.btg-toast.is-warn:before{content:"!";color:var(--color-destructive)}.btg-toast.is-visible{transform:translate(-50%);opacity:1}@media(max-width:1100px){.btg-workbench{grid-template-columns:minmax(0,1fr) 360px}.btg-export{grid-template-columns:minmax(0,1fr) minmax(240px,.6fr)}.btg-export-intro{grid-column:1 / -1}}@media(max-width:900px){.btg-workbench{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}.btg-left{display:contents}.btg-canvas{position:sticky;top:var(--header-height);z-index:2;box-shadow:var(--shadow-md)}.btg-stage{min-height:150px;padding:var(--space-8) var(--space-4)}.btg-canvas-foot .btg-health{display:none}.btg-shelf-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:136px;overflow-x:auto;padding-bottom:var(--space-2);scroll-snap-type:x mandatory}.btg-export{grid-template-columns:minmax(0,1fr);gap:var(--space-5);padding:var(--space-5)}.btg-formats{grid-template-columns:repeat(3,minmax(0,1fr))}.btg-code-head{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}}@media(max-width:520px){.btg-canvas-bar .btg-mini-seg:nth-of-type(2){display:none}.btg-panel{padding-left:var(--space-4);padding-right:var(--space-4)}.btg-tiles-5{grid-template-columns:repeat(3,1fr)}.btg-code-fields{grid-template-columns:minmax(0,1fr)}.btg-copy-code span{display:none}}@media(prefers-reduced-motion:reduce){.btg *,.btg-toast{transition:none!important}}