:root{color-scheme:light;--ink: #17221d;--muted: #65706a;--bg0: #f3efe6;--bg1: #e7f0ea;--accent: #0f6b4c;--accent-dark: #095139;--border: #d9d8cd;--surface: rgba(255, 253, 248, .92);font-family:Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;font-synthesis:none}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,var(--bg1),transparent 62%),linear-gradient(160deg,#f7f4ee,var(--bg0))}.page{width:min(72rem,calc(100% - 2rem));margin:0 auto;padding:3rem 0 4rem}.brand{margin:0;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:750;letter-spacing:-.055em;line-height:1;color:var(--accent)}.site-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.tagline{margin:.6rem 0 0;color:var(--muted);font-size:.93rem}.api-state{padding:.35rem .65rem;border:1px solid #c7d9ce;border-radius:999px;color:var(--accent-dark);background:#edf5ef;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.panel{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--border);border-radius:1rem;background:var(--surface);box-shadow:0 1.25rem 3rem #26342c12}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.eyebrow{margin:0 0 .28rem;color:var(--accent);font-size:.7rem;font-weight:750;letter-spacing:.14em}h1,h2,h3{margin:0}h1,h2{font-size:1.35rem;letter-spacing:-.02em}.queue-note{margin:0;padding:.45rem .7rem;border-left:3px solid #d5a43b;color:#665321;background:#fbf3df;font-size:.8rem}.field{display:grid;gap:.48rem;min-width:0}.field>span{color:#435048;font-size:.78rem;font-weight:650}input,select{width:100%;min-height:2.9rem;padding:.65rem .8rem;border:1px solid #c9ccc4;border-radius:.55rem;outline:none;color:var(--ink);background:#fffefa}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f6b4c1f}input::placeholder{color:#969d98}.field-theme{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:minmax(12rem,1fr) 8rem auto;align-items:end;gap:.8rem}.primary-button,.secondary-button,.cancel-button{min-height:2.9rem;padding:.65rem 1rem;border-radius:.55rem;font-weight:650;transition:background .15s ease,border-color .15s ease,transform .15s ease}.primary-button{border:1px solid var(--accent);color:#fff;background:var(--accent)}.primary-button:not(:disabled):hover{border-color:var(--accent-dark);background:var(--accent-dark);transform:translateY(-1px)}.secondary-button{border:1px solid #bdc6c0;color:#3c4a42;background:transparent}.secondary-button:not(:disabled):hover{border-color:#87978e;background:#ffffff80}.message{margin:1rem 0 0;padding:.75rem .9rem;border-radius:.5rem;font-size:.84rem}.error-message{color:#842f2f;background:#fbe8e5}.notice-message{color:#155b41;background:#e4f2e9}.jobs-section{margin-top:2.5rem}.jobs-heading{align-items:flex-end}.job-actions{display:flex;gap:.55rem}.job-actions button{min-height:2.55rem;padding-block:.45rem;font-size:.8rem}.job-list{display:grid;gap:.7rem}.job-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.2rem;padding:1rem 1.15rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.job-title-row{display:flex;align-items:center;gap:.65rem;min-width:0}.job-title-row h3{overflow:hidden;font-size:.98rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.status{flex:0 0 auto;min-width:4.1rem;padding:.28rem .48rem;border-radius:999px;color:#4c5650;background:#e7e9e6;font-size:.68rem;font-weight:700;text-align:center}.status-queued{color:#665321;background:#f7ebc8}.status-running{color:#1e5772;background:#dceef5}.status-completed{color:#155b41;background:#dcefe4}.status-partial{color:#805421;background:#f8e5ca}.status-failed{color:#842f2f;background:#f6dfdc}.job-meta{margin:.5rem 0 0;color:var(--muted);font-size:.73rem}.job-stats{display:flex;gap:1.25rem;margin:0;text-align:right}.job-stats div{min-width:2.4rem}.job-stats dt{margin-bottom:.18rem;color:var(--muted);font-size:.66rem}.job-stats dd{margin:0;font-size:.88rem;font-weight:700}.cost-stat{padding-left:1.2rem;border-left:1px solid var(--border)}.cost-stat dd{color:var(--accent-dark)}.cancel-button{min-height:auto;padding:.45rem .65rem;border:1px solid #d9a7a0;color:#8a3b34;background:transparent;font-size:.72rem}.cancel-button:not(:disabled):hover{border-color:#b97369;background:#fbedeb}.empty-state{margin:0;padding:3rem 1rem;border:1px dashed #c8cbc3;border-radius:.75rem;color:var(--muted);text-align:center}footer{margin-top:2.5rem;color:#78817c;font-size:.72rem;line-height:1.7;text-align:center}footer code{color:#526159}@media(max-width:760px){.page{width:min(100% - 1.25rem,40rem);padding-top:1.5rem}.form-row{grid-template-columns:1fr 7rem}.form-row .primary-button{grid-column:1 / -1}.job-card{grid-template-columns:1fr;gap:.85rem}.job-stats{justify-content:flex-start;text-align:left}.cancel-button{justify-self:start}}@media(max-width:480px){.site-header{align-items:flex-start}.tagline,.api-state{display:none}.section-heading,.jobs-heading{align-items:stretch;flex-direction:column}.queue-note{align-self:flex-start}.job-actions{display:grid;grid-template-columns:auto 1fr}.job-title-row{align-items:flex-start}.job-title-row h3{white-space:normal}.job-stats{gap:.9rem}}.job-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.job-gallery{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.image-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.85rem}.image-tile{margin:0}.image-tile img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border:1px solid var(--border);border-radius:.4rem;background:linear-gradient(45deg,#ddd 25%,transparent 25%) 0 0 / 16px 16px,linear-gradient(-45deg,#ddd 25%,transparent 25%) 0 8px / 16px 16px,linear-gradient(45deg,transparent 75%,#ddd 75%) 8px -8px / 16px 16px,linear-gradient(-45deg,transparent 75%,#ddd 75%) -8px 0 / 16px 16px,#fff}.image-missing{display:grid;place-items:center;aspect-ratio:1;border:1px dashed var(--border);border-radius:.4rem;color:var(--muted);background:#f7f4ee;font-size:.85rem}.image-caption{margin:.4rem 0 0;font-size:.78rem;color:var(--muted);line-height:1.35}.image-name{word-break:break-all;color:#4a5550}.image-group{margin:0;grid-column:1 / -1;padding:.75rem 0;border-bottom:1px solid var(--border)}.image-group:last-child{border-bottom:0}.image-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.5rem}.variant-label{display:block;margin-top:.3rem;font-size:.72rem;color:var(--muted);text-align:center}@media(max-width:700px){.image-variants{grid-template-columns:1fr}}
