@import url("/vendor/fonts/fonts.css");
:root{--navy:#16344c;--navy2:#0f2638;--yellow:#f3c84b;--paper:#f3efe6;--card:#fffdf7;--line:#d8d0c2;--ink:#17212b;--muted:#56636d;--accent:#2463eb;--bad:#c4412f;--shadow:#d7cebf}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background-image:linear-gradient(rgba(23,60,89,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,60,89,.045) 1px,transparent 1px);background-size:24px 24px}
button,input{font:inherit}button{cursor:pointer}
.bd-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;background:var(--navy);color:#fff}
.bd-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.bd-logo{width:38px;height:38px;border-radius:9px;background:var(--navy2);box-shadow:3px 3px 0 var(--yellow);display:grid;place-items:center;font:900 13px system-ui}
.bd-brand b{display:block;font-size:14px}.bd-brand small{display:block;font-size:11px;color:#b7cde0}
.bd-back{color:#fff;text-decoration:none;font-size:13px;font-weight:700;border:1px solid #4d7391;border-radius:8px;padding:7px 11px}
.bd-back:hover{background:#245577}
.bd-wrap{max-width:1280px;margin:0 auto;padding:22px 18px 40px}
.bd-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:18px}
.bd-kicker{font:700 11px "JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.bd-hero h1{margin:6px 0 8px;font:900 clamp(32px,5vw,54px)/1 Inter,system-ui;letter-spacing:-.04em;color:var(--navy)}
.bd-hero p{margin:0;max-width:640px;color:var(--muted)}
.bd-name{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--navy)}
.bd-name input{border:2px solid var(--navy);border-radius:9px;padding:9px 12px;min-width:230px;background:#fff;color:var(--ink);font-weight:700}
.bd-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:14px;align-items:start}
.bd-panel{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:5px 5px 0 var(--shadow)}
.bd-panel h2{margin:0 0 10px;font:800 12px system-ui;text-transform:uppercase;letter-spacing:.09em;color:var(--navy)}
.bd-panel h2:not(:first-child){margin-top:18px}
.bd-toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px}
.bd-tool{border:1px solid var(--line);background:#f6f9fb;border-radius:9px;padding:9px 4px;font-size:12px;font-weight:700;color:var(--navy);display:grid;gap:3px;justify-items:center}
.bd-tool i{font-style:normal;font-size:19px;line-height:1}
.bd-tool kbd{font:600 9px ui-monospace,monospace;color:var(--muted)}
.bd-tool[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}.bd-tool[aria-pressed=true] kbd{color:#b7cde0}
.bd-row{display:flex;gap:7px;flex-wrap:wrap}
.bd-toggle,.bd-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700;color:var(--navy)}
.bd-toggle[aria-pressed=true],.bd-btn[aria-pressed=true]{background:var(--yellow);border-color:#cf9f1c;color:#2a2200}
.bd-btn:hover:not([disabled]),.bd-toggle:hover,.bd-tool:hover{border-color:var(--accent)}
.bd-btn[disabled]{opacity:.4;cursor:not-allowed}
.bd-danger{color:var(--bad)}
.bd-current{display:flex;gap:10px;align-items:center;margin-bottom:10px;font-size:12px;font-weight:700;color:var(--navy)}
.bd-current label{display:grid;gap:3px}.bd-current input[type=color]{width:100%;min-width:130px;height:34px;border:1px solid var(--line);border-radius:8px;padding:2px;background:#fff}
.bd-swatch{display:block;border:2px solid #fff;outline:1px solid #8aa0b1;border-radius:6px}
.bd-big{width:46px;height:46px;flex:0 0 46px}
.bd-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.bd-palette button{aspect-ratio:1;border:1px solid rgba(0,0,0,.25);border-radius:5px;padding:0}
.bd-palette button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:1px;z-index:1}
.bd-recent-h{margin:12px 0 5px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.bd-recent{min-height:24px}
.bd-facebar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.bd-tabs{display:flex;gap:4px;background:#e6edf2;padding:4px;border-radius:11px}
.bd-tabs button{border:0;background:transparent;border-radius:8px;padding:8px 16px;font-weight:800;font-size:13px;color:var(--muted)}
.bd-tabs button[aria-selected=true]{background:#fff;color:var(--navy);box-shadow:0 1px 3px #0003}
.bd-link{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--navy)}.bd-link input{width:17px;height:17px;accent-color:var(--navy)}
.bd-canvaswrap{display:grid;place-items:center;background:#e6edf2;border-radius:12px;padding:14px}
#bdEdit{width:min(100%,560px);aspect-ratio:1;image-rendering:pixelated;touch-action:none;cursor:crosshair;background:#fff;border-radius:4px;box-shadow:0 3px 14px #0003}
#bdEdit:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.bd-live{min-height:20px;margin:8px 0 6px;font:600 12px "JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;color:var(--muted)}
.bd-actions{margin-bottom:12px}
.bd-starters{display:flex;gap:9px;flex-wrap:wrap;align-items:center;border-top:1px dashed var(--line);padding-top:12px}
.bd-starters>span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.bd-starters>div{display:flex;gap:6px;flex-wrap:wrap}
.bd-stage{perspective:700px;height:250px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#2c5878,#0f2b41);border-radius:12px;overflow:hidden;touch-action:none;cursor:grab;margin-bottom:10px}
.bd-stage:active{cursor:grabbing}
.bd-cube{--s:130px;width:var(--s);height:var(--s);position:relative;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(35deg)}
.bd-cube canvas{position:absolute;inset:0;width:var(--s);height:var(--s);image-rendering:pixelated;backface-visibility:hidden}
.bd-cube .f-front{transform:translateZ(calc(var(--s)/2))}
.bd-cube .f-back{transform:rotateY(180deg) translateZ(calc(var(--s)/2))}
.bd-cube .f-right{transform:rotateY(90deg) translateZ(calc(var(--s)/2))}
.bd-cube .f-left{transform:rotateY(-90deg) translateZ(calc(var(--s)/2))}
.bd-cube .f-top{transform:rotateX(90deg) translateZ(calc(var(--s)/2))}
.bd-cube .f-bottom{transform:rotateX(-90deg) translateZ(calc(var(--s)/2))}
.bd-hint{margin:8px 0 0;font-size:12px;color:var(--muted)}
#bdTile{width:100%;max-width:260px;aspect-ratio:1;image-rendering:pixelated;border:1px solid var(--line);border-radius:6px;display:block;background:#fff}
.bd-brief{margin-top:14px}
.bd-brief ol{margin:0;padding-left:20px;display:grid;gap:5px;color:#3c5163}
.bd-foot{max-width:1280px;margin:0 auto;padding:0 18px 30px;font-size:12px;color:var(--muted)}
.bd-start{border:1px solid var(--line);background:#f6f9fb;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;color:var(--navy)}
.bd-start:hover{border-color:var(--accent)}
@media(max-width:1100px){.bd-grid{grid-template-columns:240px minmax(0,1fr)}.bd-view{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.bd-view h2{grid-column:auto}}
@media(max-width:760px){.bd-grid{grid-template-columns:1fr}.bd-edit{order:-1}.bd-view{display:block}.bd-top{padding:10px 14px}.bd-wrap{padding:16px 12px 30px}.bd-name input{min-width:0;width:100%}.bd-name{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.bd-xform{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:2px 0 4px}
.bd-xform>span,.bd-pixrow>span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:4px}
.bd-xform .bd-btn{padding:7px 10px}
.bd-pixrow{border-top:0;padding-top:6px}
.bd-primary{background:var(--navy);border-color:var(--navy);color:#fff}.bd-primary:hover:not([disabled]){background:#245577;border-color:#245577}
.bd-stats{display:grid;gap:7px}
.bd-stat{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border:1px solid var(--line);background:#f6f9fb;border-radius:9px;padding:8px 10px;font-size:12px;color:var(--navy);font-weight:700}
.bd-stat b{font:800 13px "JetBrains Mono",ui-monospace,Menlo,Consolas,monospace}
.bd-stat.ok{border-color:#79b98a;background:#eaf6ee}.bd-stat.warn{border-color:#e0b24a;background:#fff6dd}
.bd-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:16px 0}
.bd-notes label{display:grid;gap:4px;font-size:12px;font-weight:700;color:var(--navy)}
.bd-notes label:nth-child(n+3){grid-column:1/-1}
.bd-notes input,.bd-notes textarea{border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:#fbfdfe;color:var(--ink);font-weight:400;resize:vertical}
.bd-notes input:focus,.bd-notes textarea:focus,.bd-size select:focus{outline:3px solid #2f7fd055;border-color:var(--accent)}
.bd-share{align-items:center}
.bd-size{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--navy)}
.bd-size select{border:1px solid var(--line);border-radius:8px;padding:7px 8px;background:#fff}
.bd-size input{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;color:var(--ink);min-width:175px;max-width:250px}
.bd-size input:focus-visible{outline:3px solid #2f7fd055;border-color:var(--accent)}
#bdPix{border:0;border-radius:14px;padding:0;max-width:min(92vw,380px);box-shadow:0 20px 60px #0007}
#bdPix::backdrop{background:rgba(15,43,65,.6)}
.bd-dlg{padding:20px;display:grid;gap:12px}.bd-dlg h2{margin:0;font:800 16px system-ui;color:var(--navy);text-transform:none;letter-spacing:0}
.bd-pixprev{display:grid;place-items:center;background:#e6edf2;border-radius:10px;padding:12px}
#bdPixSrc{width:224px;height:224px;image-rendering:pixelated;background:#fff}
#bdPrint{display:none}
.pr-page{font-family:Arial,sans-serif;color:#111}
.pr-page h1{margin:0 0 4px;font-size:26px}.pr-page h2{margin:16px 0 6px;font-size:15px}.pr-page p{margin:2px 0;font-size:13px}
.pr-faces{display:flex;gap:14px;margin:8px 0}.pr-faces figure{margin:0;text-align:center;font-size:11px}.pr-faces img{width:38mm;height:38mm;image-rendering:pixelated;border:1px solid #444;display:block;margin-bottom:3px}
.pr-ans{border-bottom:1px solid #999;min-height:20px;padding:2px 0;font-size:13px;white-space:pre-wrap}
.bd-dlgrp{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 8px;border:1px solid #cdd8e0;border-radius:10px;background:#f6f9fb}.bd-dlgrp b{font-size:.8rem;color:#173c59;margin-right:2px}
.pr-net{width:210mm;height:297mm;margin:0;padding:0;overflow:hidden}
.pr-net canvas{display:block;width:210mm!important;height:297mm!important;max-width:none!important;margin:0!important;image-rendering:pixelated}
@page minecraft-net-a4 {size:A4 portrait;margin:0}
@media(max-width:760px){.bd-notes{grid-template-columns:1fr}.bd-notes label:nth-child(n+3){grid-column:auto}}
@media print{@page{margin:12mm}body{background:#fff!important}body>*:not(#bdPrint){display:none!important}#bdPrint{display:block!important}#bdPrint .pr-net{page:minecraft-net-a4;break-before:avoid;break-after:avoid}}

/* lab-kit header */
.bd-top{background:var(--paper);color:var(--navy);border-bottom:1px solid var(--line)}.bd-brand{color:var(--navy)}.bd-logo{background:var(--navy);color:#fff}.bd-brand small{color:var(--muted)}
.bd-back{color:var(--navy);border-color:var(--line);background:#fff}.bd-back:hover{background:#e8f0f4}
.bd-top .dtu-chip{color:#16202e;background:#fff;border-color:var(--line)}