.image-style-library{margin:28px 0;padding:24px;border:1px solid #d6dce8;border-radius:18px;background:#fff;color:#202a3c}.image-style-library h2,.image-style-library h3{margin:6px 0 10px}.isl-card{display:grid;grid-template-columns:minmax(150px,230px) 1fr;gap:24px;margin-top:20px}.isl-card img{width:100%;max-height:330px;object-fit:contain;background:#182e49;border-radius:12px}.isl-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.isl-actions button,.isl-actions a{padding:10px 14px;border:1px solid #c9d2e3;border-radius:9px;background:#f5f7fb;color:inherit;text-decoration:none;cursor:pointer}.image-style-library textarea{width:100%;min-height:110px;padding:12px;box-sizing:border-box}.isl-muted{color:#626d7e;line-height:1.6}.isl-kicker{font-size:12px;letter-spacing:.12em;color:#546d9a}.isl-status{min-height:24px}.isl-project{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.isl-project select{padding:10px;max-width:100%}@media(max-width:600px){.image-style-library{padding:18px}.isl-card{grid-template-columns:1fr}.isl-card img{max-height:340px}}
/* Use the workspace's dark surfaces, border and gold accents. */
.image-style-library{background:#151e25;border-color:#2d3d49;color:#e8edf2}.isl-muted{color:#9aacb9}.isl-kicker{color:#dfbd61}.isl-actions button,.isl-actions a,.isl-project select{background:#10181e;border-color:#344652;color:#e8edf2}.image-style-library a{color:#a3d1e4}.image-style-library textarea,.image-style-library input,.image-style-library select{background:#0d151b;color:#e8edf2;border:1px solid #344652;border-radius:8px}.image-style-library button:disabled{opacity:.5;cursor:wait}.isl-tools{display:grid;grid-template-columns:1fr 1fr;gap:22px}.isl-tools section{border:1px solid #344652;border-radius:12px;padding:18px}.isl-tools label{display:block;margin:12px 0}.isl-tools select{padding:10px;max-width:100%}.isl-primary{background:#dfbd61!important;color:#10171c!important;font-weight:700}.isl-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.isl-result{border:1px solid #344652;border-radius:12px;padding:12px;min-width:0}.isl-result img{width:100%;height:240px;object-fit:contain;background:#0d151b}.isl-result small{display:block;color:#9aacb9}.isl-result summary{cursor:pointer}.isl-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.isl-result .isl-actions{margin-bottom:0}.isl-progress{padding:12px;border:1px solid #344652;border-radius:8px;margin:10px 0}.isl-error{color:#ffb3a6}.isl-tools-status{min-height:24px}.isl-error:not(:empty){padding:10px}.isl-auth a{color:#dfbd61}.isl-file{max-width:100%}@media(max-width:700px){.isl-tools{grid-template-columns:1fr}}
.isl-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.isl-tools>section{min-width:0;width:auto}.isl-tools textarea,.isl-file{min-width:0;width:100%;box-sizing:border-box}.isl-tools label,.isl-actions{min-width:0}.isl-actions button{max-width:100%;white-space:normal}.isl-result{overflow-wrap:anywhere}@media(max-width:700px){.isl-tools{grid-template-columns:minmax(0,1fr)}}
.image-style-library{background:var(--panel,#141d25);border-color:var(--line,#2b3a46);color:var(--ink,#edf2f5)}.isl-muted,.isl-result small{color:var(--muted,#91a2af)}.isl-kicker,.isl-auth a{color:var(--gold,#f0ca68)}.image-style-library a{color:var(--blue,#8fc5df)}.isl-actions button,.isl-actions a,.isl-project select{background:var(--panel-3,#101920);border-color:var(--line-strong,#3c5260);color:var(--ink,#edf2f5)}.image-style-library textarea,.image-style-library input,.image-style-library select{background:var(--panel-3,#101920);border-color:var(--line,#2b3a46);color:var(--ink,#edf2f5)}.isl-primary{background:var(--gold,#f0ca68)!important;color:var(--bg,#0d1319)!important}.isl-tools section,.isl-result,.isl-progress{border-color:var(--line,#2b3a46)}.isl-error{color:var(--red,#ed918b)}

.isl-upscale-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:760px}.isl-upscale-comparison figure{margin:0;min-width:0}.isl-upscale-comparison img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line,#344050)}.isl-upscale-comparison figcaption{padding:10px 0;color:var(--ink,#eee)}@media(max-width:480px){.isl-upscale-comparison{gap:10px}}

.isl-project-style-grid{display:grid;gap:16px}.isl-project-style{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel-3);min-width:0}.isl-project-style.selected{border-color:var(--gold)}.isl-project-style img{width:120px;height:160px;object-fit:cover;border-radius:8px}.isl-project-style h4{margin:0 0 8px}.isl-project-style .isl-actions{margin-bottom:0}.isl-project-style button:disabled{cursor:not-allowed}@media(max-width:520px){.isl-project-style{grid-template-columns:80px minmax(0,1fr);gap:12px;padding:12px}.isl-project-style img{width:80px;height:110px}}
