/* BMIWise structure, with a distinct ink-and-copper workshop palette. */
:root{--bg:#f5f5f1;--surface:#fff;--surface-2:#f0f2f4;--text:#1c2c45;--text-2:#3d4c62;--muted:#788394;--brand:#253b59;--brand-hover:#172a43;--brand-soft:#eaf0f5;--on-brand:#fff;--border:#e0e4e9;--border-strong:#cdd5df;--accent:#d7784f;--shadow:0 10px 35px #182b4110}.container{max-width:1320px}.wide{max-width:1380px}.site-header{background:color-mix(in srgb,var(--surface) 93%,transparent)}.header-inner .logo{font-size:1.05rem}.logo-mark{background:var(--brand)}.nav a{font-size:.8rem}.hero-cable{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:35px;padding-top:40px;padding-bottom:32px}.hero-cable .eyebrow{font-size:.65rem;letter-spacing:.12em;line-height:1.7}.eyebrow span{color:var(--accent);margin:0 7px}.hero-cable h1{font-size:clamp(2rem,3.5vw,3.15rem);max-width:23ch;letter-spacing:-.045em;line-height:1.15;margin:14px 0}.hero-cable .hero-lede{font-size:1rem;line-height:1.85;max-width:65ch;color:var(--text-2)}.hero-art svg{width:100%;height:auto;overflow:visible}.hero-pills{display:flex;gap:9px;margin-top:19px}.hero-pills span{background:var(--surface);border:1px solid var(--border);padding:4px 11px;border-radius:6px;font:600 .65rem ui-monospace,monospace;color:var(--muted)}.studio{border:1px solid var(--border-strong);background:var(--surface);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;scroll-margin-top:90px}.studio-top{display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--border);font-size:.8rem;font-weight:700}.studio-local{font-size:.64rem;color:var(--muted);font-weight:500}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#28948e;margin-right:7px;box-shadow:0 0 0 4px #28948e10}.studio-grid{display:grid;grid-template-columns:285px minmax(0,1fr) 215px}.controls,.print-settings{padding:22px 20px}.controls{border-right:1px solid var(--border)}.print-settings{border-left:1px solid var(--border)}.section-label{display:flex;align-items:center;gap:10px;font-size:.61rem;letter-spacing:.08em;color:var(--accent);font-weight:800;margin-bottom:14px}.section-label span{font-size:.74rem;letter-spacing:0;color:var(--text)}.section-label:not(:first-child){border-top:1px solid var(--border);padding-top:22px;margin-top:23px}.type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.type-options button{font:inherit;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);padding:9px 5px;font-size:.58rem;cursor:pointer;line-height:1.5;display:flex;flex-direction:column;align-items:center;gap:5px}.type-options button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.type-drawing{font-size:23px;color:var(--text-2)}.hint{font-size:.63rem;color:var(--muted);line-height:1.8;margin:12px 0 17px}.tabs{display:flex;border:1px solid var(--border);background:var(--surface-2);padding:3px;border-radius:8px;margin-bottom:15px;gap:3px}.tabs button{flex:1;background:transparent;border:0;border-radius:5px;padding:7px 6px;color:var(--muted);font:600 .65rem var(--font);cursor:pointer;line-height:1.5}.tabs button[aria-pressed=true]{color:var(--brand);background:var(--surface);box-shadow:0 1px 4px #152b4010}.studio label{display:block;color:var(--text-2);font-size:.65rem;font-weight:650;line-height:1.55;margin-bottom:12px}.studio input:not([type=checkbox]),.studio select,.studio textarea{font:inherit;font-size:.76rem;width:100%;padding:8px 9px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text);margin-top:5px;min-height:36px}.studio textarea{resize:vertical;font-family:ui-monospace,monospace;line-height:1.9}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-pair label{min-width:0}.swatches{display:flex;gap:10px;margin-bottom:20px}.swatch{width:27px;height:27px;border:3px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--border);cursor:pointer}.swatch span{visibility:hidden;color:white;font-size:11px}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--text)}.swatch[aria-pressed=true] span{visibility:visible}.swatch-teal{background:#087f8c}.swatch-blue{background:#2563eb}.swatch-amber{background:#d97706}.swatch-violet{background:#7c3aed}.swatch-red{background:#dc4446}.swatch-slate{background:#475569}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;border-radius:7px;border:1px solid transparent;font:650 .73rem var(--font);line-height:1.5;cursor:pointer;text-decoration:none}.button.primary{background:var(--brand);color:var(--on-brand)}.button.primary:hover{background:var(--brand-hover)}.button.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text-2)}.button.full{width:100%}.generate{justify-content:space-between;margin-top:7px}.preview-panel{padding:20px;background:#f0f2f4;min-width:0}.preview-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.preview-tabs{margin:0;min-width:200px;background:#e8ebef}.scale-badge{font:600 .6rem ui-monospace,monospace;color:#8791a1;white-space:nowrap}.studio .design-title{margin:18px 0 0}.studio .design-title input{font-size:1rem;font-weight:700;background:transparent;border:1px solid transparent;letter-spacing:-.025em;padding:5px 0}.sample-stage{position:relative;min-height:105px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px}.sample-cable{position:absolute;top:50%;left:0;right:0;height:12px;border-radius:15px;background:#253b59;transform:rotate(-4deg);box-shadow:0 3px 5px #1d32441a}.sample-stage #sample{width:70%;height:62px;z-index:1;transform:rotate(-4deg);filter:drop-shadow(0 6px 5px #233b4b1c)}.sample-stage svg{width:100%;height:100%;overflow:visible}.sample-dot{position:absolute;width:7px;height:7px;border:1px solid #b9c6d3;border-radius:50%}.dot-a{top:10px;left:14%}.dot-b{bottom:12px;right:8%}.sheet-stage{background:var(--surface);border:1px solid #dfe4ea;box-shadow:0 5px 18px #172c4210;max-width:350px;margin:0 auto;padding:0;overflow:hidden;line-height:0;border-radius:2px}.sheet-stage svg{display:block;width:100%;height:auto;max-height:465px}.sheet-stage [data-index]{cursor:pointer}.sheet-stage.single-view{padding:30px 20px;max-width:none;min-height:200px;display:flex;align-items:center;justify-content:center}.sheet-stage.single-view svg{max-height:140px}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;font-size:.65rem;color:var(--muted);margin:15px 0 22px}.page-button{border:1px solid var(--border-strong);border-radius:5px;background:var(--surface);color:var(--text-2);width:27px;height:25px;cursor:pointer}.page-button:disabled{opacity:.3;cursor:default}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:13px 5px;gap:4px;text-align:center}.stats>div+div{border-left:1px solid var(--border)}.stats strong{display:block;font-size:1.18rem;letter-spacing:-.04em}.stats span{display:block;color:var(--muted);font-size:.56rem;margin-top:3px}.export-actions{display:flex;gap:8px;justify-content:center;margin:20px 0 12px;flex-wrap:wrap}.file-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 13px}.file-actions button{background:transparent;border:0;padding:4px 0;color:var(--muted);font:inherit;font-size:.6rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.status{font-size:.63rem;color:var(--muted);text-align:center;line-height:1.8;margin:16px 0 0}.error,.notice{font-size:.71rem;line-height:1.7;padding:12px;border-radius:8px;margin:12px 0}.error{background:#fff0e9;color:#a34135}.error:empty{display:none}.notice{background:#fff8e8;color:#9c6e22}.studio label.check{display:flex;align-items:center;gap:8px;font-size:.64rem;margin:15px 0}.check input{accent-color:var(--brand)}.print-card{border:1px solid var(--border);border-radius:9px;padding:14px;background:var(--surface-2);margin-top:24px}.ruler-mark{color:var(--accent);font-size:26px}.print-card h3{font:700 1.05rem ui-monospace,monospace;margin:5px 0}.print-card p,.material-note{font-size:.62rem;color:var(--muted);line-height:1.9}.print-card a{font-size:.62rem}.material-note{margin-top:18px}.guide-section{padding:45px 0 20px}.guide-section h2{font-size:1.65rem;letter-spacing:-.035em;margin:7px 0 22px}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--border);padding:23px;border-radius:11px}.guide-card>span{font:700 .65rem ui-monospace,monospace;color:var(--accent)}.guide-card h3{font-size:.98rem;letter-spacing:-.02em;margin:12px 0 8px}.guide-card p{color:var(--muted);font-size:.74rem;line-height:1.85}.guide-card b{display:block;text-align:end;color:var(--accent)}.guide-card:hover{border-color:var(--brand);text-decoration:none}.format-links{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin:20px 0 50px}.format-links a{font-size:.78rem;color:var(--muted);text-decoration:none}.site-footer-cable{background:var(--surface);border-top:1px solid var(--border);padding:30px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-row p{font-size:.67rem;color:var(--muted);margin:13px 0}.footer-row>div:last-child{text-align:end}.footer-row>div:last-child a{font-size:.68rem;color:var(--muted);margin-inline-start:18px;text-decoration:none}.prose-cable{max-width:850px;min-height:65vh;padding-top:35px;padding-bottom:65px}.back-link{font-size:.75rem;display:inline-block;margin-bottom:30px;color:var(--muted)}.prose-cable h1{font-size:2.2rem;letter-spacing:-.04em}.prose-cable p,.prose-cable li{line-height:1.95;color:var(--text-2)}.prose-cable h2{margin-top:30px;font-size:1.3rem}.prose-cable .guide-cards{grid-template-columns:1fr;margin-top:35px}.prose-cable pre{background:var(--surface);padding:20px;border:1px solid var(--border);border-radius:9px;overflow:auto;font-size:.8rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#print-root{display:none}:root[data-theme=dark]{--accent:#e8a17e;--brand:#8daed2;--brand-hover:#b3cbe5;--brand-soft:#1d3048;--on-brand:#142135}:root[data-theme=dark] .preview-panel{background:#182334}:root[data-theme=dark] .preview-tabs{background:#152033}
@media(max-width:1180px){.studio-grid{grid-template-columns:260px minmax(0,1fr)}.print-settings{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);gap:12px 18px}.print-settings>.section-label{grid-column:1/-1}.print-settings .print-card{grid-column:1/3;margin-top:0}.print-settings .material-note{grid-column:3/5;margin:0}.nav{display:none}.header-actions{margin-left:auto}.hero-cable{grid-template-columns:1.6fr 1fr}.print-settings .field-pair{align-self:start}.print-settings label{margin:0}}@media(max-width:760px){.hero-cable{grid-template-columns:1fr;padding-top:28px;padding-bottom:25px;gap:10px}.hero-art{display:none}.hero-cable h1{font-size:2.1rem}.hero-cable .hero-lede{font-size:.9rem}.studio-grid{display:flex;flex-direction:column}.preview-panel{order:1;padding:16px}.controls{order:2;border-right:0;border-top:1px solid var(--border)}.print-settings{order:3;display:block}.studio-local{max-width:180px;font-size:.55rem}.studio-top{padding:14px}.preview-tabs{min-width:170px}.tabs button{font-size:.62rem}.sheet-stage{max-width:310px}.sample-stage{min-height:90px}.stats{padding:10px 4px}.print-settings label{margin-bottom:12px}.print-settings .print-card{margin-top:20px}.print-settings .material-note{margin-top:16px}.guide-cards{grid-template-columns:1fr}.footer-row{display:block}.footer-row>div:last-child{text-align:start}.footer-row>div:last-child a{margin:0 14px 0 0}.header-inner{gap:8px}.header-inner .logo{font-size:.92rem}.logo-mark{width:27px;height:27px}.lang-menu summary{font-size:.65rem;padding:0 7px}.header-actions{gap:5px}.prose-cable h1{font-size:1.8rem}.swatches{gap:15px}.file-actions{gap:8px 15px}}@media print{html,body{margin:0!important;padding:0!important;background:white!important}body>*:not(#print-root){display:none!important}#print-root{display:block!important;background:white;padding:0;margin:0}.print-sheet{display:block;break-after:page;page-break-after:always;margin:0;padding:0;overflow:hidden}.print-sheet:last-child{break-after:auto;page-break-after:auto}.print-sheet svg{display:block;width:100%;height:100%;max-height:none;max-width:none}}