*{box-sizing:border-box}body{margin:0;background:#101213;color:#f3f5f4;font:16px/1.5 Arial,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid #343a36;gap:20px}header img{width:210px;max-width:35vw}header span,.eyebrow{font-size:11px;letter-spacing:.18em;color:#72d68e}a{color:#72d68e}main{max-width:1200px;margin:40px auto;padding:0 24px}h1{font-size:clamp(28px,4vw,46px);line-height:1.1;margin:12px 0 28px}h2{font-size:24px}p,small{color:#b9c2bc}label{display:block;margin:14px 0}input,select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #626d65;border-radius:8px;background:#171c19;color:#fff;font:inherit}button{border:0;border-radius:8px;background:#72d68e;color:#101213;padding:13px 20px;font:700 15px Arial;cursor:pointer}button:hover{background:#b3edc3}button:disabled{opacity:.5;cursor:default}.secondary{background:#29322c;color:#e8efe9;border:1px solid #66726a}.danger{color:#ffa9a9}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #72d68e;outline-offset:4px}#login-panel{max-width:450px;margin:70px auto;padding:28px;background:#191f1b;border:1px solid #38413b;border-radius:18px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.heading label{min-width:180px}.upload-panel{padding:26px;background:#191f1b;border:1px solid #38413b;border-radius:18px;margin-bottom:45px}.upload-panel>label:first-of-type{max-width:350px}.drop-zone{border:2px dashed #62796a;border-radius:12px;text-align:center;padding:35px;cursor:pointer}.drop-zone input{max-width:380px;margin:18px auto}.drop-zone small{display:block}.drop-zone.drag{border-color:#72d68e;background:#243d2b}.queue,.library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:24px 0}.tile{background:#1b211e;border:1px solid #39443d;border-radius:12px;overflow:hidden}.tile img{display:block;width:100%;height:180px;object-fit:contain;background:#080b09}.tile-content{padding:14px}.tile h3{font-size:16px;margin:5px 0;overflow-wrap:anywhere}.tile p{font-size:13px;margin:6px 0}.actions{display:flex;gap:9px;flex-wrap:wrap}.actions button{padding:10px 13px}.tile input{font-size:14px}.account{padding:20px;border:1px solid #38413b;border-radius:12px;margin-top:45px}.account form{max-width:400px}summary{cursor:pointer}#status{padding:12px 16px;background:#19251e;border-radius:8px;min-height:48px}#status.error{background:#392121;color:#ffd3d3}dialog{background:#191f1b;color:#fff;border:1px solid #66766b;border-radius:15px;width:min(470px,90vw);padding:28px}dialog::backdrop{background:#000b}[hidden]{display:none!important}@media(max-width:950px){.queue,.library{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){header span{display:none}.queue,.library{grid-template-columns:repeat(2,minmax(0,1fr))}.heading{align-items:flex-start;flex-wrap:wrap}.upload-panel{padding:18px}.drop-zone{padding:20px}.tile img{height:135px}main{padding:0 16px}}@media(max-width:380px){.queue,.library{grid-template-columns:1fr}}

button,summary{min-height:44px;touch-action:manipulation}.tile input{font-size:16px}.queue{grid-template-columns:repeat(2,minmax(0,1fr))}.watermark-preview{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;background:#080b09}dialog{max-height:85dvh;overflow:auto}input,select{min-height:48px}@media(max-width:650px){.queue{grid-template-columns:1fr}.queue .tile-content{padding:18px}.actions button{flex:1}.upload-panel #publish{width:100%;min-height:52px}.account input,dialog input,dialog select{font-size:16px}.drop-zone{padding:22px 14px}header{padding:16px 5%}}