.bc-shell{position:relative;min-height:calc(100vh - 140px);padding:2.5rem clamp(1rem,4vw,3.5rem) 4rem;color:var(--cv-ink);isolation:isolate;overflow:hidden}.bc-bg{position:absolute;inset:0;z-index:-2;background:radial-gradient(1100px 540px at 80% -10%,var(--cv-bg-glow-1),transparent 60%),radial-gradient(900px 600px at 0% 100%,var(--cv-bg-glow-2),transparent 55%),linear-gradient(var(--cv-ground),var(--cv-ground-2))}.bc-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--cv-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cv-grid) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(1200px 700px at 50% 35%,var(--cv-ground),transparent 75%)}.bc-noise{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.04;mix-blend-mode:var(--cv-noise-blend);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.bc-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--cv-line);margin-bottom:2.25rem}.bc-top-l{display:inline-flex;align-items:center;gap:.75rem}.bc-eyebrow{display:inline-flex;align-items:center;gap:.6rem;color:var(--cv-ink-soft);font:600 .72rem ui-monospace,JetBrains Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.bc-dot{width:6px;height:6px;border-radius:50%;background:var(--cv-ink);box-shadow:0 0 8px var(--cv-glow-soft)}.bc-live{display:inline-flex;align-items:center;gap:.55rem;font:700 .7rem ui-monospace,JetBrains Mono,monospace;letter-spacing:.22em;color:var(--cv-ink-max);padding:.4rem .75rem;border:1px solid var(--cv-line-5);border-radius:999px}.bc-live i{width:7px;height:7px;border-radius:50%;background:var(--cv-ink-max);box-shadow:0 0 10px var(--cv-ink-max)}.bc-live[data-state=busy] i{animation:bc-pulse 1s infinite}.bc-live[data-state=err]{color:var(--cv-err);border-color:var(--cv-err-line)}.bc-live[data-state=err] i{background:var(--cv-err);box-shadow:0 0 10px var(--cv-err)}@keyframes bc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.bc-title{margin:0 0 1.25rem;font-weight:900;font-size:clamp(2.6rem,7vw,5.4rem);line-height:.95;letter-spacing:-.045em;color:var(--cv-ink-max)}.bc-title em{font-style:italic;font-weight:800;background:linear-gradient(180deg,var(--cv-ink-max) 0%,var(--cv-ink-faint) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.bc-dot-large{color:var(--cv-ink);-webkit-text-fill-color:var(--cv-ink)}.bc-lead{color:var(--cv-ink-mute);max-width:64ch;font-size:1.02rem;margin:0 0 1.8rem;line-height:1.55}.bc-lead b{color:var(--cv-ink);font-weight:700}.bc-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.1rem}.bc-tool-btn{appearance:none;cursor:pointer;background:transparent;color:var(--cv-ink);border:1px solid var(--cv-line-4);border-radius:999px;padding:.45rem .9rem;font:600 .78rem ui-sans-serif,system-ui;letter-spacing:.02em;text-decoration:none;transition:background .15s,color .15s,border-color .15s,transform .1s}.bc-tool-btn:hover{background:var(--cv-ink-max);color:var(--cv-ground);border-color:var(--cv-ink-max);transform:translateY(-1px)}.bc-tool-btn--accent{border-color:var(--cv-line-focus);background:linear-gradient(180deg,var(--cv-line),var(--cv-panel-1))}.bc-tool-btn--accent b{color:var(--cv-ink-max);font-weight:800}.bc-label{color:var(--cv-ink-soft);font:700 .7rem ui-monospace,JetBrains Mono,monospace;letter-spacing:.2em;text-transform:uppercase}.bc-mono-r{font:600 .7rem ui-monospace,JetBrains Mono,monospace;letter-spacing:.16em;color:var(--cv-ink)}.bc-mono-btn{appearance:none;background:transparent;color:var(--cv-ink-3);border:1px solid var(--cv-line-2);border-radius:6px;cursor:pointer;padding:.22rem .55rem;font:700 .7rem ui-monospace,monospace;letter-spacing:.18em;transition:background .15s,color .15s,border-color .15s}.bc-mono-btn:hover{background:var(--cv-ink-max);color:var(--cv-ground);border-color:var(--cv-ink-max)}.bc-mono-btn.done{background:var(--cv-line-4);color:var(--cv-ink-max);border-color:var(--cv-ink-max)}.bc-main{display:grid;gap:1.1rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:880px){.bc-main{grid-template-columns:1fr}}.bc-card{background:linear-gradient(180deg,var(--cv-panel-1) 0%,var(--cv-panel-2) 100%);border:1px solid var(--cv-line);border-radius:14px;display:flex;flex-direction:column;min-height:0}.bc-pane-h,.bc-pane-f{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;border-bottom:1px solid var(--cv-line-soft);color:var(--cv-ink-faint);gap:.6rem}.bc-pane-f{border-bottom:0;border-top:1px solid var(--cv-line-soft)}.bc-area{flex:1 1 auto;display:block;width:100%;min-height:420px;resize:vertical;background:transparent;color:var(--cv-ink-hi);border:0;outline:0;padding:1.3rem 1.4rem;font:.96rem/1.7 ui-monospace,JetBrains Mono,monospace;caret-color:var(--cv-ink-max)}.bc-area::placeholder{color:var(--cv-line-hi)}.bc-area::selection{background:var(--cv-ink-max);color:var(--cv-ground)}.bc-area:focus{background:var(--cv-focus-veil)}.bc-area--out{color:var(--cv-ink-max);cursor:default}.bc-card:focus-within{border-color:var(--cv-line-focus-2)}.bc-card:focus-within .bc-pane-h .bc-label{color:var(--cv-ink-max)}@media(max-width:560px){.bc-shell{padding:1.25rem .85rem 2.5rem;min-height:auto}.bc-top{gap:.5rem;padding-bottom:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.bc-title{font-size:clamp(2rem,9vw,3.2rem);margin-bottom:.85rem}.bc-lead{font-size:.94rem;margin-bottom:1.1rem}.bc-toolbar{gap:.35rem;margin-bottom:.85rem}.bc-tool-btn{padding:.4rem .7rem;font-size:.74rem}.bc-pane-h,.bc-pane-f{padding:.7rem .9rem}.bc-area{min-height:240px;padding:1rem 1.1rem;font-size:.9rem}}body:has(.bc-shell){--tm-rel-ink: var(--cv-ink);background:var(--cv-ground);color:var(--cv-ink)}body:has(.bc-shell) header{background:var(--cv-ground);border-bottom:1px solid var(--cv-line)}body:has(.bc-shell) header .brand,body:has(.bc-shell) header nav a{color:var(--cv-ink)}body:has(.bc-shell) header .brand .logo{color:var(--cv-ink-max)}body:has(.bc-shell) header nav a:hover{color:var(--cv-ink-max)}body:has(.bc-shell) header .tag{color:var(--cv-ink-faint);border:1px solid var(--cv-line);padding:.25rem .6rem;border-radius:999px}body:has(.bc-shell) footer{background:var(--cv-ground);border-top:1px solid var(--cv-line);color:var(--cv-ink-faint)}body:has(.bc-shell) main{padding:0}.bc-shell,.bc-shell *,.bc-shell *:before,.bc-shell *:after{box-sizing:border-box}body:has(.bc-shell) main>.tool-h1{display:none}body:has(.bc-shell) main>.crumb-row{margin:0;padding:1.25rem clamp(1rem,4vw,3.5rem) 0}body:has(.bc-shell) .crumb{--crumb-link: var(--cv-ink-mute);--crumb-ink: var(--cv-ink);--crumb-hover: var(--cv-ink-hi)}.bc-shell .back-btn{background:transparent;color:var(--cv-ink);border:1px solid var(--cv-line-4)}.bc-shell .back-btn:hover{background:var(--cv-ink-max);color:var(--cv-ground);border-color:var(--cv-ink-max)}.bc-shell .exit-btn{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;background:transparent;color:var(--cv-danger-ink);border:1px solid var(--cv-danger-line);border-radius:999px;padding:.4rem .85rem;font:700 .82rem ui-sans-serif,system-ui;transition:background .15s,color .15s,border-color .15s}.bc-shell .exit-btn svg{display:block}.bc-shell .exit-btn:hover{background:var(--cv-danger-fill);color:var(--cv-ink-max);border-color:var(--cv-danger-fill)}
