:root{color-scheme:dark;--bg:#0a0d10;--panel:#12171d;--line:#27313b;--text:#f5f7f8;--muted:#9aa7b2;--accent:#d5ff63;--danger:#ff7b7b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#151c24 0,var(--bg) 42%);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{color:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:48px 0 32px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}h1{font-size:clamp(36px,7vw,72px);letter-spacing:-.055em;line-height:.95;margin:6px 0 18px;max-width:900px}h2{margin:6px 0 0;text-transform:capitalize}.lede{color:var(--muted);max-width:760px;line-height:1.6}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0}.badge{border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--muted);white-space:nowrap}.panel{background:#12171d;border:1px solid var(--line);border-radius:20px}.controls{padding:20px;display:grid;grid-gap:22px;gap:22px}.benchmarkSetup{display:grid;grid-template-columns:minmax(180px,1fr) 120px minmax(160px,.6fr);grid-gap:12px;gap:12px}.benchmarkSetup label{display:grid;grid-gap:8px;gap:8px}.textInput,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:var(--text);background:#0e1318}.upload{display:grid;grid-gap:8px;gap:8px;border:1px dashed #3c4a57;border-radius:14px;padding:18px;cursor:pointer}.fieldLabel,.upload span{color:var(--muted);font-size:13px}.upload input{margin-top:4px;width:100%}.upload small{color:var(--muted);line-height:1.45}.maskUpload{border-color:#68743c}.modeGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:9px}.modeCard{text-align:left;padding:15px;background:#0e1318;border:1px solid var(--line);border-radius:13px;cursor:pointer}.modeCard small,.modeCard strong{display:block}.modeCard small{color:var(--muted);margin-top:7px;line-height:1.4}.modeCard.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.constraintGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:9px}.constraintGrid label{display:grid;grid-gap:6px;gap:6px}.constraintGrid label span{color:var(--muted);font-size:12px}.compatibilityCard{display:grid;grid-template-columns:.7fr 1.3fr;grid-gap:18px;gap:18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#0e1318}.compatibilityCard strong{display:block;margin-top:6px;text-transform:uppercase}.compatibilityCard p{margin:6px 0 0;overflow-wrap:anywhere}.compatibilityCard small{grid-column:1/-1;color:var(--muted)}.compatibility-compatible{border-color:#4c6b36}.compatibility-borderline{border-color:#73672d}.compatibility-incompatible{border-color:#713238}.compatibility-unknown{border-color:#40505e}.providerGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:9px}.providerGrid label{display:grid;grid-gap:6px;gap:6px}.providerGrid label span{color:var(--muted);font-size:12px}.capabilityPanel{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.capability{border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:11px;color:var(--muted)}.capability.yes{border-color:#49643a;color:#c9dfa8}.capability.no{border-color:#4a3437;color:#9c8589}.compactNotice{margin-top:10px}.summaryPanel{margin-top:16px;padding:20px}.summaryPanel .lede{margin-bottom:0;font-size:13px}.summaryTableWrap{overflow-x:auto;margin-top:18px}.summaryTable{width:100%;min-width:1120px;border-collapse:collapse;font-size:12px}.summaryTable td,.summaryTable th{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.summaryTable th{font-weight:600;white-space:nowrap}.summaryTable td small,.summaryTable th{color:var(--muted)}.styles{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px;margin-top:9px}.style{text-align:left;padding:14px;background:#0e1318;border:1px solid var(--line);border-radius:13px;cursor:pointer}.style small,.style strong{display:block}.style small{color:var(--muted);margin-top:7px;line-height:1.35}.style.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.strategies{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-top:9px}.strategy{text-align:left;padding:15px;background:#0e1318;border:1px solid var(--line);border-radius:13px;cursor:pointer}.strategy em,.strategy small,.strategy strong{display:block}.strategy small{color:var(--muted);margin-top:8px;line-height:1.4}.strategy em{color:#72808b;font-size:11px;margin-top:10px;font-style:normal}.strategy.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.generate{border:0;border-radius:13px;padding:16px 20px;background:var(--accent);color:#111;font-weight:850;cursor:pointer}.generate:disabled{opacity:.35;cursor:not-allowed}.secondaryButton{border:1px solid var(--line);border-radius:11px;padding:11px 14px;color:var(--text);background:#0e1318;cursor:pointer}.secondaryButton:hover{border-color:#4a5966}.error{color:var(--danger);background:#271316;border:1px solid #5b292f;border-radius:12px}.error,.notice{padding:13px 15px}.notice{color:#d8e4b4;background:#1b2111;border:1px solid #3e4b20;border-radius:12px}.comparison{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin:16px 0}.imageCard{margin:0;padding:14px;overflow:hidden}.imageCard figcaption{color:var(--muted);font-size:13px;margin:2px 4px 12px}.imageCard img,.placeholder{width:100%;aspect-ratio:4/5;border-radius:13px;object-fit:contain;background:#080b0e}.placeholder{display:grid;place-items:center;color:#58636d}.generatedImage{cursor:context-menu}.resultActions{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.resultActions .secondaryButton{width:-moz-fit-content;width:fit-content;max-width:100%;overflow-wrap:anywhere}.resultActions small{color:var(--muted);line-height:1.4}.saveContextMenu{position:fixed;z-index:1000;min-width:260px;padding:6px;border:1px solid #3a4652;border-radius:10px;background:#0e1318;box-shadow:0 14px 40px rgba(0,0,0,.45)}.saveContextMenu button{width:100%;border:0;border-radius:7px;padding:10px 12px;text-align:left;color:var(--text);background:transparent;cursor:pointer}.saveContextMenu button:hover{background:#1a222b}.metadata{padding:20px}.metadata dl{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0;gap:0;margin:20px 0 0;border-top:1px solid var(--line)}.metadata dl div{padding:14px 0;border-bottom:1px solid var(--line)}.metadata dt{color:var(--muted);font-size:12px;margin-bottom:6px}.metadata dd{margin:0;overflow-wrap:anywhere}.evaluationPanel{margin-top:16px;padding:20px}.evaluationHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.evaluationGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-top:20px}.evaluationGrid label{display:grid;grid-gap:7px;gap:7px}.evaluationGrid label span{color:var(--muted);font-size:12px}.evaluationActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.privacyNote{display:block;margin-top:12px;color:#71808b;line-height:1.45}footer{color:#67737d;font-size:12px;padding:22px 4px 0}@media (max-width:900px){.styles{grid-template-columns:1fr 1fr}.strategies{grid-template-columns:1fr}.constraintGrid{grid-template-columns:1fr 1fr}}@media (max-width:800px){.shell{width:min(100% - 20px,680px);padding-top:24px}.hero{display:block}.badge{display:inline-block;margin-top:8px}.benchmarkSetup,.comparison,.compatibilityCard,.constraintGrid,.evaluationGrid,.metadata dl,.modeGrid,.providerGrid{grid-template-columns:1fr}}