:root{--ink-950:#0e1220;--ink-900:#171d30;--ink-850:#1b2238;--ink-800:#212845;--line-700:#323b5c;--line-600:#414c72;--paper-100:#edeff7;--paper-300:#c2c7de;--paper-400:#9aa1c2;--amber-500:#ffb238;--amber-400:#ffc766;--teal-400:#43d8b4;--red-500:#ff6b6b;--red-400:#ff8a8a;--font-display:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:var(--font-display);--font-mono:ui-monospace, "SFMono-Regular", "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 1px 0 #0003, 0 8px 24px -12px #0009;--content-max:1120px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ink-950);color:var(--paper-100);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--paper-100);margin:0 0 4px;font-weight:800}p{color:var(--paper-300);margin:0 0 8px;line-height:1.6}a{color:var(--amber-400)}button{font-family:var(--font-body)}:focus-visible{outline:2px solid var(--amber-400);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:10;background:var(--ink-900);border-bottom:1px solid var(--line-700);flex-wrap:wrap;align-items:center;gap:20px;padding:14px 24px;display:flex;position:sticky;top:0}.topbar__brand{font-family:var(--font-display);letter-spacing:.01em;color:var(--paper-100);white-space:nowrap;align-items:baseline;gap:8px;font-size:18px;font-weight:800;display:flex}.topbar__brand-mark{color:var(--amber-500);font-family:var(--font-mono)}.topbar__nav{flex:auto;gap:4px;display:flex}.nav-btn{appearance:none;color:var(--paper-300);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:background-color .15s,color .15s}.nav-btn:hover{color:var(--paper-100);background:var(--ink-800)}.nav-btn[aria-pressed=true]{background:var(--ink-800);color:var(--amber-400);border-color:var(--line-700)}.topbar__token{font-family:var(--font-mono);color:var(--paper-400);align-items:center;gap:8px;font-size:11px;display:flex}.topbar__token .input{width:160px}.view{width:100%;max-width:var(--content-max);flex:auto;margin:0 auto;padding:28px 24px 64px}.gate{background:radial-gradient(1200px 480px at 15% -10%, #ffb23814, transparent 60%), radial-gradient(900px 400px at 100% 0%, #43d8b414, transparent 55%), var(--ink-950);justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.gate__card{background:var(--ink-900);border:1px solid var(--line-700);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-card);padding:32px}.gate__eyebrow{font-family:var(--font-mono);letter-spacing:.14em;color:var(--amber-500);text-transform:uppercase;margin-bottom:10px;font-size:11px}.gate__title{margin-bottom:8px;font-size:26px}.gate__subtitle{margin-bottom:24px;font-size:14px}.gate__form{flex-direction:column;gap:8px;display:flex}.card{background:var(--ink-800);border:1px solid var(--line-700);border-radius:var(--radius-lg);padding:20px}.panel{background:var(--ink-850);border:1px solid var(--line-700);border-radius:var(--radius-md);padding:16px}.section-heading{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber-500);font-size:11px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field:last-child{margin-bottom:0}.field__label{color:var(--paper-300);font-size:12.5px;font-weight:600}.field__hint{color:var(--paper-400);margin:0;font-size:12px}.input,.textarea,.select{width:100%;font-family:var(--font-body);color:var(--paper-100);background:var(--ink-950);border:1px solid var(--line-600);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px}.input::placeholder,.textarea::placeholder{color:var(--paper-400)}.input:disabled,.textarea:disabled,.select:disabled,.checkbox-field input:disabled{opacity:.5;cursor:not-allowed}.textarea{resize:vertical;min-height:56px;line-height:1.5}.field-row{flex-wrap:wrap;gap:12px;display:flex}.field-row .field{flex:140px}.checkbox-field{color:var(--paper-300);align-items:center;gap:8px;font-size:13.5px;display:flex}.checkbox-field input{width:16px;height:16px;accent-color:var(--amber-500)}details.advanced{border-top:1px dashed var(--line-700);margin-top:4px;padding-top:12px}details.advanced>summary{cursor:pointer;color:var(--paper-300);font-size:12.5px;font-weight:600;list-style:none}details.advanced>summary::-webkit-details-marker{display:none}details.advanced>summary:before{content:"▸ ";color:var(--amber-500)}details.advanced[open]>summary:before{content:"▾ "}details.advanced>div{margin-top:12px}.step-form-list{flex-direction:column;gap:14px;margin-top:14px;display:flex}.step-form-item{border:1px solid var(--line-700);border-radius:var(--radius-md);background:var(--ink-850);padding:14px}.step-form-item__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.step-form-item__actions{flex-wrap:wrap;gap:6px;display:flex}.btn{appearance:none;border:1px solid var(--line-600);background:var(--ink-800);color:var(--paper-100);cursor:pointer;border-radius:999px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:transform .1s,background-color .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--amber-500)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--amber-500);border-color:var(--amber-500);color:#201400}.btn--primary:hover:not(:disabled){background:var(--amber-400);border-color:var(--amber-400)}.btn--ghost{background:0 0}.btn--danger{color:var(--red-400);border-color:var(--line-600)}.btn--danger:hover:not(:disabled){border-color:var(--red-500)}.btn--sm{padding:6px 12px;font-size:12.5px}.btn--block{width:100%}.alert{border-radius:var(--radius-sm);border:1px solid var(--line-700);margin-bottom:12px;padding:10px 14px;font-size:13.5px}.alert--error{color:var(--red-400);background:#ff6b6b1a;border-color:#ff6b6b66}.status-chip{font-family:var(--font-mono);letter-spacing:.04em;border:1px solid var(--line-600);color:var(--paper-300);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;display:inline-flex}.status-chip--progress{color:var(--amber-400);background:#ffb23814;border-color:#ffb23866}.status-chip--ready{color:var(--teal-400);background:#43d8b414;border-color:#43d8b466}.empty-state{border:1px dashed var(--line-700);border-radius:var(--radius-md);text-align:center;color:var(--paper-400);padding:24px;font-size:13.5px}.table-wrap{border:1px solid var(--line-700);border-radius:var(--radius-md);overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13.5px}table.data-table th,table.data-table td{text-align:left;border-bottom:1px solid var(--line-700);white-space:nowrap;padding:10px 14px}table.data-table th{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--paper-400);background:var(--ink-850);font-size:11px}table.data-table tbody tr:last-child td{border-bottom:none}table.data-table tbody tr[role=button]{cursor:pointer}table.data-table tbody tr[role=button]:hover{background:var(--ink-850)}.filters{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.filters .field{min-width:140px;margin-bottom:0}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.manual-layout{grid-template-columns:minmax(240px,300px) 1fr;align-items:start;gap:20px;display:grid}@media (width<=860px){.manual-layout{grid-template-columns:1fr}}.manual-rail{position:sticky;top:84px}.manual-detail{flex-direction:column;gap:20px;min-width:0;display:flex}.route-strip{align-items:center;padding:4px 2px 8px;display:flex;overflow-x:auto}.route-node{flex:auto;align-items:center;min-width:34px;display:flex;position:relative}.route-node__dot{border:2px solid var(--line-600);background:var(--ink-950);width:26px;height:26px;color:var(--paper-400);font-family:var(--font-mono);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;transition:border-color .2s,color .2s,background-color .2s;display:flex}.route-node__line{background:var(--line-700);flex:auto;height:2px}.route-node:last-child .route-node__line{display:none}.route-node--done .route-node__dot{border-color:var(--teal-400);color:var(--teal-400)}.route-node--done .route-node__line{background:var(--teal-400)}.route-node--active .route-node__dot{border-color:var(--amber-500);background:var(--amber-500);color:#201400;box-shadow:0 0 0 4px #ffb2382e}.step-list{flex-direction:column;gap:10px;display:flex}.step-card{border-radius:var(--radius-md);border:1px solid var(--line-700);background:var(--ink-850);gap:12px;padding:12px 14px;display:flex}.step-card__num{font-family:var(--font-mono);color:var(--amber-500);flex:none;padding-top:2px;font-size:12px}.step-card__title{color:var(--paper-100);margin-bottom:3px;font-size:14px;font-weight:700}.step-card__body{color:var(--paper-400);margin:0;font-size:13px;line-height:1.55}.generation-progress{border-radius:var(--radius-md);background:#ffb2380f;border:1px solid #ffb2384d;flex-direction:column;gap:8px;margin-top:14px;padding:14px;display:flex}.generation-progress__line{color:var(--paper-100);align-items:center;gap:10px;font-size:13px;display:flex}.generation-progress__dot{background:var(--amber-500);border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.generation-progress__meta{font-family:var(--font-mono);color:var(--paper-400);font-size:11px}.code-block{background:var(--ink-950);border:1px solid var(--line-600);border-radius:var(--radius-md);align-items:flex-start;gap:10px;margin-top:10px;padding:12px 14px;display:flex}.code-block__pre{font-family:var(--font-mono);color:var(--teal-400);white-space:pre-wrap;word-break:break-all;flex:auto;margin:0;font-size:12.5px;line-height:1.6;overflow-x:auto}.code-block__copy{flex:none}.preview-frame{border:1px solid var(--line-700);border-radius:var(--radius-md);background:#fff;width:100%;height:640px}.preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}