.generation-page{max-width:1480px;margin:0 auto;padding:40px 32px 80px;color:#25352d;background:#f8f6ef;min-height:100vh}.generation-page h1{font-size:clamp(28px,4vw,48px);font-weight:500;letter-spacing:-.035em;margin:12px 0 18px}.generation-page h2{font-size:23px;font-weight:500;margin:12px 0}.generation-page h3{font-size:16px;font-weight:600;margin:18px 0 8px}.generation-page p{line-height:1.6;margin:10px 0}.generation-page a,.generation-test-panel a{text-decoration:underline;text-underline-offset:3px}.generation-page-heading{display:flex;justify-content:space-between;gap:32px;border-bottom:1px solid #d5d7cb;padding-bottom:24px}.generation-page-heading>div:first-child{max-width:900px}.generation-page .eyebrow{font-size:11px;letter-spacing:.2em;margin-top:30px}.generation-test-panel{margin:24px 0}.generation-test-panel summary{cursor:pointer}.generation-form{font-size:13px;padding-top:14px}.generation-form fieldset{border:0;min-width:0}.generation-continuation label,.generation-form label,.generation-input label,.generation-static label,.generation-view-controls label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:12px;font-weight:600}.generation-form input,.generation-form select,.generation-form textarea,.generation-page select,.generation-page textarea{width:100%;border:1px solid #c7cdbd;border-radius:6px;padding:10px;background:#fffef9;color:#26362e;font:inherit}.generation-form button,.generation-page button{border:1px solid #aab5a4;border-radius:5px;background:#fffef9;padding:8px 12px;color:#304d3a;font:inherit;cursor:pointer}.generation-form button:hover,.generation-page button:hover{background:#eef1e6}.generation-form button:disabled,.generation-page button:disabled{opacity:.5;cursor:default}.generation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.generation-actions>a{font-size:12px;padding:7px 0;margin-right:8px}.generation-form .generation-primary{background:#34563c;color:#fff}.generation-hint,.generation-page small{font-size:11px;color:#616d60;line-height:1.6;overflow-wrap:anywhere}.generation-notice{background:#ecefdf;border-left:3px solid #687f4c;padding:12px;margin:16px 0}.generation-error{background:#fff1e9;border-left:3px solid #ae523c;padding:12px;color:#813a2c}.generation-artifacts ul,.generation-history,.generation-reference-list{list-style:none;padding:0}.generation-reference-list li{display:flex;align-items:center;gap:8px}.generation-reference-list label{flex:1}.generation-dimension{display:flex;gap:6px;margin:10px 0}.generation-dimension input{min-width:0}.generation-history li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #ddd}.generation-input{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:32px;margin:30px 0}.generation-input img{width:100%;height:220px;object-fit:contain;background:white}.generation-input small{display:block}.generation-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:24px}.generation-result{border:1px solid #d3d8ca;background:#fffef9;border-radius:10px;overflow:hidden;padding:20px;min-width:0}.generation-status-line{display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.generation-status-line strong{text-transform:capitalize;padding:3px 7px;background:#edf0e2;border-radius:3px}.generation-run-status{font-size:12px}.generation-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.generation-metrics dt{font-size:10px;color:#6b7466}.generation-metrics dd{font-size:12px;margin:3px 0 0;font-variant-numeric:tabular-nums}.generation-view-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:22px 0 14px;font-size:11px}.generation-view-controls label{min-width:140px}.generation-view-controls button{text-transform:capitalize}.generation-viewer{position:relative;border:1px solid #dddccf;border-radius:6px;overflow:hidden}.generation-canvas{height:390px;width:100%;touch-action:none}.generation-canvas canvas{display:block}.generation-viewer-note{position:absolute;top:14px;left:14px;right:14px;background:#fffef9e8;padding:12px;font-size:12px}.generation-selection{min-height:62px;padding:12px;background:#f1f0e8;font-size:11px;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere}.generation-empty-scene{height:450px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:30px;background:#eeeae2;border-radius:6px;font-size:13px}.generation-page details{margin:12px 0;font-size:12px}.generation-page summary{cursor:pointer;font-weight:500;padding:5px 0}.generation-page pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:360px;overflow:auto;background:#f0f1e9;padding:12px;border-radius:4px;font-size:11px}.generation-quality ul{padding-left:18px;font-size:12px}.generation-artifacts li{margin:12px 0;overflow-wrap:anywhere}.generation-artifacts small{display:block}.generation-static,.generation-verdict{margin-top:40px;border-top:1px solid #d5d7cb;padding-top:24px}.generation-static img{width:100%;object-fit:contain}.generation-static figure{margin:0;min-width:0}.generation-static figcaption{font-size:12px;margin-top:8px}.generation-static figcaption small{display:block}.generation-page table{border-collapse:collapse;width:100%;font-size:12px}.generation-page td,.generation-page th{text-align:left;padding:12px;border-bottom:1px solid #d6dccd;vertical-align:top}.generation-page th{font-size:11px;color:#64725d}.generation-new{max-width:800px}.generation-new .generation-test-panel{padding:24px;background:#fffef9;border:1px solid #d5dbcc;border-radius:12px}.generation-continuation{background:#eef1e8;padding:12px;border-radius:6px}.generation-page code{overflow-wrap:anywhere}@media(max-width:700px){.generation-page{padding:24px 16px}.generation-page-heading{flex-direction:column;gap:0}.generation-input{grid-template-columns:1fr;gap:8px}.generation-input img{height:200px}.generation-result{padding:12px}.generation-canvas{height:330px}.generation-metrics{grid-template-columns:repeat(2,1fr)}.generation-page table{font-size:11px}.generation-page td,.generation-page th{padding:8px}.generation-new .generation-test-panel{padding:16px}}.generation-run-alert{margin:12px 0;padding:12px 14px;border-radius:6px;border-left:3px solid;font-size:12px;line-height:1.55}.generation-run-alert.warning{background:#fbf3e2;border-color:#b7862b;color:#5d4415}.generation-run-alert.error{background:#fff1e9;border-color:#ae523c;color:#813a2c}.generation-run-alert strong{display:block;font-size:13px;margin-bottom:4px}.generation-run-alert p{margin:4px 0}.generation-run-alert details{margin:6px 0 0;font-size:11px}.generation-run-alert summary{cursor:pointer}.generation-run-alert pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto;background:#fffef9;color:#3a3f39;padding:8px;border-radius:4px;font-size:11px;margin:6px 0 0}.generation-run-alert small{display:block;margin-top:6px;opacity:.85;overflow-wrap:anywhere}