@scope(.tool-app--photopromt){:scope{color-scheme:dark;--bg:#10141b;--panel:#19212d;--panel2:#111922;--muted:#a4b3c1;--text:#eef3f5;--accent:#37cabb;--stroke:#2b3945;--radius:17px}*{box-sizing:border-box}:scope{color:var(--text);background:radial-gradient(at 15% 0,#203a43 0%,#10141b 38%);min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.container{max-width:1280px;margin:0 auto;padding:30px 24px 48px}header{border-bottom:1px solid var(--stroke);flex-wrap:wrap;justify-content:space-between;align-items:start;gap:24px;padding-bottom:26px;display:flex}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 9px;font-size:12px;font-weight:750}.title{letter-spacing:-.035em;margin:0 0 10px;font-size:clamp(27px,3.5vw,46px);font-weight:800}.subtitle{color:var(--muted);max-width:720px;margin:0;line-height:1.55}.counter{border:1px solid var(--stroke);color:#d7e4e8;white-space:nowrap;border-radius:999px;padding:9px 14px;font-size:13px}.main{grid-template-columns:minmax(260px,460px) minmax(400px,1fr);gap:22px;margin-top:22px;display:grid}.pane{border:1px solid var(--stroke);border-radius:var(--radius);background:#19212de3;overflow:hidden}.pane>.inner{padding:19px}.label{color:#b6c8d0;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700;display:block}input[type=search],textarea,select{width:100%;color:var(--text);font:inherit;background:#0d151e;border:1px solid #364753;border-radius:10px;outline:none;padding:12px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.search{margin:16px 0 11px}.filters{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.filter{font:inherit;cursor:pointer;border:1px solid var(--stroke);color:#cad8de;background:#151f28;border-radius:9px;padding:7px 10px;font-size:12px}.filter.active{color:#d9fff9;background:#154c4c;border-color:#238881}.items{max-height:760px;padding-right:4px;overflow-y:auto}.item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #2a3843;border-radius:8px;padding:14px 12px;display:block}.item:hover{background:#263541}.item.selected{box-shadow:inset 3px 0 var(--accent);background:#173d41}.item strong{margin:0 0 4px;font-size:15px;display:block}.item code{color:#82d9d0;font-size:12px}.item small{color:#acbac6;margin-top:5px;font-size:12px;line-height:1.4;display:block}.headline{justify-content:space-between;align-items:center;gap:15px;display:flex}.pill{color:#b5f4e8;background:#263a41;border:1px solid #3b6767;border-radius:999px;padding:7px 10px;font-size:12px}.command{color:#70e4cf;overflow-wrap:anywhere;margin:14px 0 9px;font:600 19px ui-monospace,SFMono-Regular,Consolas,monospace}.heading{margin:4px 0 8px;font-size:22px;font-weight:750}.desc{color:#c6d4dc;white-space:pre-wrap;margin:12px 0 16px;font-size:14px;line-height:1.6}.important{color:#e3cfaf;background:#2b271f;border:1px solid #5b5043;border-radius:12px;margin-bottom:17px;padding:12px 14px;font-size:13px;line-height:1.5}.companions{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 20px;display:grid}.companions select{font-size:13px}.mods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:6px 0 20px;display:grid}.mod{cursor:pointer;border:1px solid #3b4b55;border-radius:10px;align-items:center;gap:9px;padding:10px 11px;font-size:13px;display:flex}.mod input{accent-color:#38c6b6}.mod code{color:#94e4d9;font-size:11px}.textopts{resize:vertical;min-height:82px}.preview{white-space:pre-wrap;word-break:break-word;border:1px solid var(--stroke);color:#e0e9ef;background:#0d151e;border-radius:11px;max-height:310px;padding:14px;font-size:13px;line-height:1.62;overflow:auto}.buttons{flex-wrap:wrap;gap:9px;margin-top:13px;display:flex}.btn{font:inherit;cursor:pointer;color:#082e32;background:#31bbae;border:1px solid #407c7b;border-radius:11px;padding:12px 16px;font-size:13px;font-weight:700}.btn.secondary{color:#d9e8ec;background:#243341;border-color:#3c5160}.note{color:#91a8b5;margin-top:19px;font-size:12px;line-height:1.55}.status{color:#77e7cf;min-height:18px;margin-top:10px;font-size:12px}@media (width<=920px){.main{grid-template-columns:1fr}.items{max-height:420px}}@media (width<=500px){.container{padding:20px 12px 40px}.pane>.inner{padding:15px}.mods,.companions{grid-template-columns:1fr}.title{font-size:28px}}}