:root{--ink:#18201f;--muted:#65716e;--surface:#f5f7f6;--brand:#28645a}*{box-sizing:border-box}body{color:var(--ink);background:var(--surface);margin:0;font-family:Arial,sans-serif}.shell{min-height:100vh}header{background:#fff;border-bottom:1px solid #dce3e1;align-items:center;gap:32px;padding:18px 32px;display:flex}nav{flex-wrap:wrap;gap:16px;display:flex}a{color:var(--brand);text-decoration:none}main{max-width:1080px;margin:0 auto;padding:64px 32px}.route-card{background:#fff;border:1px solid #dce3e1;border-radius:18px;padding:40px}.route-card p{color:var(--muted)}.generation-workspace{gap:24px;display:grid}.generation-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.generation-heading h1{margin:8px 0 10px;font-size:34px}.generation-heading p{color:var(--muted);margin:0}.eyebrow{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.generation-identity{background:#fff;border:1px solid #dce3e1;border-radius:16px;grid-template-columns:1fr 1fr auto;gap:12px;padding:18px;display:grid}.generation-identity label{gap:6px;display:grid}.generation-identity label span{color:var(--muted);font-size:12px;font-weight:700}.generation-identity input{width:100%;min-width:0;font:inherit;border:1px solid #cbd6d3;border-radius:9px;padding:11px 12px}.generation-identity button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:9px;align-self:end;min-height:42px;padding:0 18px;font-weight:700}.generation-status{white-space:nowrap;background:#fff;border:1px solid #dce3e1;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.generation-status>span:last-child{color:var(--muted);font-size:11px}.generation-status-dot{background:#89938f;border-radius:50%;width:9px;height:9px}.generation-status-running .generation-status-dot,.generation-status-pending .generation-status-dot,.generation-status-waiting .generation-status-dot{background:#d29222}.generation-status-succeeded .generation-status-dot{background:#2e8b57}.generation-status-failed .generation-status-dot,.generation-status-cancelled .generation-status-dot{background:#b54444}.generation-error,.generation-empty{background:#fff;border:1px solid #dce3e1;border-radius:14px;padding:20px}.generation-error{color:#8e3434;background:#fff8f8;border-color:#e4bcbc}.generation-empty p{color:var(--muted);margin-bottom:0}.generation-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.generation-meta>div{background:#fff;border:1px solid #dce3e1;border-radius:12px;gap:5px;padding:14px;display:grid}.generation-meta span{color:var(--muted);text-transform:uppercase;font-size:11px}.generation-meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generation-toolbar{justify-content:flex-end;display:flex}.generation-toolbar a{background:#fff;border:1px solid #b8cdc8;border-radius:9px;padding:10px 14px;font-weight:700;display:inline-flex}.render-preview-frame{background:#fff;border:1px solid #dce3e1;border-radius:18px;width:100%;min-height:720px;overflow:hidden}.render-preview-frame iframe{background:#fff;border:0;width:100%;min-height:720px;display:block}.editor-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;display:grid}.editor-sections{gap:10px;max-height:900px;display:grid;overflow:auto}.editor-section-title,.editor-section-card>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.editor-section-title h2{margin:0}.editor-section-card{background:#fff;border:1px solid #dce3e1;border-radius:12px;gap:8px;padding:14px;display:grid}.editor-section-card code{overflow-wrap:anywhere;color:var(--muted);font-size:11px}.editor-section-card ul{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.editor-section-card li{gap:3px;display:grid}.editor-section-card small{color:var(--brand);font-weight:700}.editor-section-card li span,.editor-section-card p{color:var(--muted);font-size:12px}.editor-preview{min-width:0}.editor-section-card textarea{resize:vertical;width:100%;min-height:84px;font:inherit;border:1px solid #cbd6d3;border-radius:8px;padding:9px}.editor-savebar{background:#fff;border:1px solid #dce3e1;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.editor-savebar button{background:var(--brand);color:#fff;border:0;border-radius:8px;padding:9px 18px;font-weight:700}.editor-savebar button:disabled{opacity:.5}@media (max-width:850px){.generation-heading{display:grid}.generation-identity{grid-template-columns:1fr}.generation-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}.editor-sections{max-height:none}}.job-start-workspace{gap:20px;display:grid}.job-start-heading h1{margin:8px 0 10px;font-size:34px}.job-start-heading p{color:var(--muted);margin:0}.job-start-form{background:#fff;border:1px solid #dce3e1;border-radius:18px;gap:20px;padding:24px;display:grid}.job-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.job-start-field{align-content:start;gap:7px;display:grid}.job-start-field span{color:var(--muted);font-size:12px;font-weight:700}.job-start-field input,.job-start-field textarea{width:100%;font:inherit;border:1px solid #cbd6d3;border-radius:9px;padding:11px 12px}.job-start-field textarea{resize:vertical}.job-start-actions{justify-content:flex-end;display:flex}.job-start-actions button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:44px;padding:0 20px;font-weight:700}.job-start-actions button:disabled{cursor:wait;opacity:.65}.job-start-progress,.job-start-error,.job-start-created{background:#fff;border:1px solid #dce3e1;border-radius:14px;padding:16px 18px}.job-start-progress{color:var(--muted)}.job-start-error{color:#8e3434;background:#fff8f8;border-color:#e4bcbc}.job-start-created{background:#f7fcfa;border-color:#b8d6ce;gap:6px;display:grid}.job-start-created span{overflow-wrap:anywhere;color:var(--muted)}@media (max-width:700px){.job-start-grid{grid-template-columns:1fr}}.job-list-workspace{gap:24px;display:grid}.job-list-heading h1{margin:8px 0 10px;font-size:34px}.job-list-heading p,.job-list-card code,.job-list-card time{color:var(--muted)}.job-list-message,.job-list-card{background:#fff;border:1px solid #dce3e1;border-radius:16px;padding:20px}.job-list-error{color:#8e3434;background:#fff8f8}.job-list-grid{gap:14px;display:grid}.job-list-card{justify-content:space-between;gap:20px;display:flex}.job-list-card>div,.job-list-generation{gap:8px;display:grid}.job-list-card h2{margin:0}.job-list-generation{justify-items:end}.job-list-generation nav{gap:10px;display:flex}.job-list-generation a{border:1px solid #b8cdc8;border-radius:8px;padding:8px 12px}@media (max-width:700px){.job-list-card{display:grid}}