:root{color-scheme:dark;--bg: #10141a;--panel: #171d25;--panel-raised: #1d242e;--border: #29323e;--border-strong: #38434f;--text: #e8ecf1;--text-dim: #9aa7b6;--text-faint: #6b7787;--accent: #f5a524;--accent-hover: #ffb63e;--accent-ink: #1a1300;--blue: #8ab4f8;--green: #5dd39e;--yellow: #f0c34e;--red: #f07a6a;--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:var(--sans);font-size:14px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{max-width:1280px;margin:0 auto;padding:0 24px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 2px;margin-bottom:20px;border-bottom:1px solid var(--border)}.brand{margin:0}.brand a{display:block}.brand img{display:block;height:60px;width:auto}.context{margin:0;color:var(--text-dim);font-size:13px}.layout{display:grid;grid-template-columns:400px minmax(0,1fr);gap:20px;align-items:start}.column{display:flex;flex-direction:column;gap:20px;min-width:0}@media(max-width:960px){.layout{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.panel-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.panel-head h2{margin:0;font-size:15px;font-weight:600}.section-title{margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-top:22px}.preview-panel .section-head,.section-head:first-child{margin-top:0}.count,.dims{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{font-size:12px;color:var(--text-dim);display:flex;justify-content:space-between;align-items:baseline;gap:6px}.field-label em{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--text-faint)}.control{position:relative;display:block}.control .suffix{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-faint);pointer-events:none}input[type=number],select{width:100%;padding:7px 9px;background:var(--bg);border:1px solid var(--border-strong);border-radius:7px;color:var(--text);font-family:var(--mono);font-size:13px;transition:border-color .12s,box-shadow .12s}.control input[type=number]{padding-right:32px}input[type=number]:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f5a5242e}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%239aa7b6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}button{font-family:var(--sans);font-size:13px;padding:6px 12px;border-radius:7px;border:1px solid var(--border-strong);background:var(--panel-raised);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#242d38;border-color:#46525f}button:disabled{opacity:.45;cursor:not-allowed}button.submit{margin-top:16px;width:100%;padding:10px;background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:650;font-size:14px}button.submit:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.catalog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.catalog-head h2{margin:0;font-size:18px;font-weight:650}.catalog-search{width:260px;padding:7px 10px;background:var(--panel);border:1px solid var(--border-strong);border-radius:7px;color:var(--text);font-family:var(--sans);font-size:13px;transition:border-color .12s,box-shadow .12s}.catalog-search:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f5a5242e}.family-group{margin-bottom:26px}.family-group-title{margin-bottom:12px}.family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:20px}.family-card{display:block;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--text);transition:border-color .12s,transform .12s}.family-card:hover{border-color:var(--accent);transform:translateY(-1px)}.family-card .thumb{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:radial-gradient(ellipse at 50% 40%,#1a222c,#0c1015 75%);border-bottom:1px solid var(--border)}.family-card-body{padding:12px 14px 14px}.family-card-body h3{margin:0 0 4px;font-size:14px;font-weight:600}.family-card-body p{margin:0;font-size:12.5px;color:var(--text-dim)}.breadcrumb{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:var(--text-dim);margin-bottom:10px}.breadcrumb a{color:var(--text-dim);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}.breadcrumb .sep{color:var(--text-faint)}.breadcrumb [aria-current=page]{color:var(--text)}.family-head{margin-bottom:16px}.family-head h2{margin:0;font-size:18px;font-weight:650}.family-head p{margin:2px 0 0;font-size:13px;color:var(--text-dim)}.hole-actions{display:flex;gap:8px;margin:10px 0 12px;flex-wrap:wrap}.hole-grid{display:flex;flex-direction:column;gap:6px}.hole-row{display:grid;grid-template-columns:18px 1fr 1fr 88px 26px;gap:6px;align-items:center}.hole-head{font-size:10.5px;color:var(--text-faint);font-family:var(--mono);margin-bottom:-2px}.hole-index{font-family:var(--mono);font-size:11px;color:var(--text-faint);text-align:right}.hole-row .remove{padding:3px 0;width:26px;line-height:1;font-size:15px;color:var(--text-faint);background:none;border-color:transparent}.hole-row .remove:hover:not(:disabled){color:var(--red);background:#f07a6a1a;border-color:transparent}.empty{margin:4px 0 0;font-size:13px;color:var(--text-faint)}.notice{list-style:none;margin:14px 0 0;padding:10px 12px;border-radius:8px;font-size:12.5px;display:flex;flex-direction:column;gap:3px}.warnings{background:#f0c34e14;border:1px solid rgba(240,195,78,.3);color:var(--yellow)}.errors{background:#f07a6a14;border:1px solid rgba(240,122,106,.3);color:var(--red)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge-queued{background:#8ab4f81f;color:var(--blue)}.badge-generating{background:#f0c34e1f;color:var(--yellow)}.badge-generating:before{animation:blink 1.1s ease-in-out infinite}.badge-completed{background:#5dd39e1f;color:var(--green)}.badge-failed{background:#f07a6a1f;color:var(--red)}.badge-verify-passed{background:#5dd39e1f;color:var(--green)}.badge-verify-failed{background:#f07a6a1f;color:var(--red)}.badge-verify-error{background:#f0c34e1f;color:var(--yellow)}@keyframes blink{50%{opacity:.25}}.canvas-wrap{position:relative;height:clamp(420px,56vh,640px);border-radius:9px;overflow:hidden;border:1px solid var(--border);background:radial-gradient(ellipse at 50% 40%,#1a222c,#0c1015 75%)}.canvas-note{position:absolute;right:10px;bottom:8px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);pointer-events:none}.progress{display:flex;align-items:center;gap:12px}.progress p{margin:0;color:var(--text-dim);font-size:13px}.spinner{width:20px;height:20px;flex:none;border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.artifacts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:4px 16px}.artifacts li{display:flex;gap:10px;align-items:baseline;justify-content:space-between;padding:6px 8px;border-radius:6px}.artifacts li:hover{background:var(--panel-raised)}.artifacts a{color:var(--accent);font-weight:500;text-decoration:none;white-space:nowrap}.artifacts a:hover{text-decoration:underline}.artifacts a:before{content:"↓ ";color:var(--text-faint)}code{font-family:var(--mono);font-size:11.5px;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--text-dim)}.report{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.report h3{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.report dl{margin:0;display:grid;grid-template-columns:96px 1fr;gap:6px 12px;font-size:13px}.report dt{color:var(--text-dim)}.report dd{margin:0;min-width:0}.operations{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.verification-checks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:3px 14px}.verification-checks .check-pass{color:var(--green)}.verification-checks .check-fail{color:var(--red)}.hint{margin:12px 0 0;color:var(--text-faint);font-size:12px}.recent ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.recent-row{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:7px;text-align:left;color:var(--text);text-decoration:none}a.recent-row:hover{background:var(--panel-raised)}.recent-row .spec{font-family:var(--mono);font-size:12.5px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-row .time{font-size:11.5px;color:var(--text-faint);white-space:nowrap}.center-state{max-width:560px;margin:15vh auto 0;text-align:center}.center-state a{color:var(--accent)}.muted{color:var(--text-dim)}.error-title{margin:0 0 10px;font-size:15px;color:var(--red)}.error-details{white-space:pre-wrap;word-break:break-word;text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:var(--mono);font-size:12px;color:var(--text-dim);max-height:240px;overflow:auto;margin:0}