:root{--clr-bg:#111;--clr-surface:#ffe3ff;--clr-primary:#0085ff;--clr-primary-dark:#018354;--clr-primary-border:#015837;--clr-accent:burlywood;--clr-text:#d1d1d1;--radius:.5rem;--shadow:0 0 .75rem rgba(0,0,0,.5);}*,*::before,*::after{box-sizing:border-box;}body{margin:0;font-family:'Roboto',sans-serif;background:var(--clr-bg);color:var(--clr-text);min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:clamp(.3rem,1vw,1rem);line-height:1.4;}.form-card{margin-top:2rem;background:var(--clr-surface);border:2px solid var(--clr-accent);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:37rem;padding:clamp(.35rem,1vw,.55rem);padding-bottom:.35rem;display:flex;flex-direction:column;gap:.55rem;}fieldset{border:2px solid darkmagenta;border-radius:var(--radius);padding:.46rem 1.3rem 1rem;display:flex;flex-direction:column;gap:.1rem;}legend{font-size:1.15rem;font-weight:700;color:indigo;text-align:center;margin:0;}.br-desktop{display:none;}label{font-weight:600;color:darkred;font-size:1.09rem;margin:0 0 .05rem .2rem;align-self:flex-start;}label[for="url"]{margin-top:.45rem;}.intent-label{align-self:center;font-size:1.08rem;color:indigo;font-weight:510;margin:.2rem 0;text-align:center;}.platform-label{align-self:center;color:darkblue;font-weight:600;margin-top:.25rem;text-align:center;}.inline-item{display:flex;align-items:center;justify-content:center;gap:.2rem;margin:-.1rem 0 .05rem;flex-wrap:wrap;}.inline-item label{font-size:1.08rem;font-weight:550;margin:0;}input[type="checkbox"]{cursor:pointer;accent-color:var(--clr-primary);margin:2px;vertical-align:middle;transform:translateY(1px);}.compat-item{display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem;margin:.25rem 0;}.compat-item label{background:#333;color:gold;padding:.2rem .45rem;border-radius:var(--radius);font-size:.88rem;}input[type="file"],input[type="text"],textarea{width:100%;border:1px solid #222;background:#16222f;border-radius:var(--radius);color:#ffd99b;font-weight:700;font-size:1rem;}input[type="file"]{padding:.72rem .9rem;margin-bottom:.28rem;}input[type="text"]{padding:.82rem .85rem;margin-bottom:.3rem;font-size:1.04rem;}textarea{padding:.78rem .85rem;margin-bottom:.28rem;min-height:10rem;resize:vertical;}input[type="file"]::file-selector-button{background:#444;color:var(--clr-surface);padding:.32rem .8rem;border:0;border-radius:var(--radius);cursor:pointer;transition:background .2s;}input[type="file"]::file-selector-button:hover{background:#666;}input::placeholder,textarea::placeholder{color:#bbb;font-style:italic;}.error-msg{color:red;font-size:0.85rem;font-weight:500;}.actions{display:flex;justify-content:center;margin-block:0.4rem 0.65rem;}.btn{background:var(--clr-primary-dark);border:2px solid var(--clr-primary-border);color:#fff;font-size:1.02rem;font-weight:600;padding:.6rem .9rem;border-radius:var(--radius);cursor:pointer;transition:background .2s;min-width:5.8rem;}.btn:hover{background:#016043;}.btn:disabled{background:#666;color:darkgray;border-color:darkslategray;cursor:not-allowed;}#promptCounter{font-size:1.08em;}@media(max-width:1400px){.form-card{max-width:27rem;padding:.5rem .6rem .1rem;gap:.36rem;margin-top:1rem;}legend{font-size:.82rem;}label{font-size:.79rem;}.intent-label,.platform-label{font-size:.78rem;}.inline-item label{font-size:.74rem;}.compat-item label{font-size:.7rem;}input[type="file"],textarea{font-size:.8rem;padding:.45rem .5rem;}input[type="text"]{font-size:.78rem;padding:.6rem .8rem;}textarea{min-height:8rem;margin-bottom:.2rem;}.btn{font-size:.76rem;padding:.42rem .6rem;min-width:4.4rem;}fieldset{padding:.45rem 1.05rem 0.5rem;gap:.05rem;}#promptCounter{font-size:0.77em;}}@media(max-width:520px){body{padding:1rem .6rem;}.form-card{max-width:114vw;padding:.5rem .4rem .3rem;margin-top:.2rem;gap:.3rem;}legend{font-size:.78rem;}label{font-size:.75rem;}.intent-label{font-size:.68rem;}.inline-item label{font-size:.74rem;}input[type="file"],textarea{font-size:.74rem;padding:.38rem .55rem;}input[type="text"]{font-size:.79rem;padding:.58rem .60rem;}textarea{min-height:7rem;}.btn{font-size:.7rem;padding:.38rem .5rem;min-width:4.2rem;}.actions{margin-block:0.3rem 0.41rem;}fieldset{padding:.45rem 1.05rem 0.7rem;gap:.05rem;}.platform-label{font-size:.8rem;}.compat-item label{font-size:.68rem;font-weight:400;gap:.2rem;margin:.05rem -.1rem;}#promptCounter{font-size:0.65em;}}@media(min-width:1024px){.br-desktop{display:block;}}