*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top,#372105,#090604 55%,#000);color:#fff;min-height:100vh}.wrap{width:min(980px,92%);margin:auto;padding:48px 0}.hero{text-align:center;margin-bottom:28px}.badge{display:inline-block;padding:10px 16px;border:1px solid #d9a84d;border-radius:999px;color:#ffd27a;background:rgba(255,190,80,.08);margin-bottom:16px}h1{font-size:clamp(32px,6vw,64px);line-height:1.02;margin:0 0 16px;background:linear-gradient(180deg,#fff1b5,#d99a25);-webkit-background-clip:text;color:transparent}p{color:#d7c7aa;font-size:18px}.card{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));border:1px solid rgba(255,213,124,.25);box-shadow:0 24px 80px rgba(0,0,0,.45);border-radius:28px;padding:24px}.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:260px;border:2px dashed rgba(255,211,116,.55);border-radius:22px;background:rgba(0,0,0,.28);cursor:pointer;text-align:center}.drop input{display:none}.icon{font-size:54px}.drop strong{font-size:24px}.drop small{color:#baa98b}button,a#openBtn{border:0;border-radius:16px;padding:16px 22px;font-weight:800;cursor:pointer;background:linear-gradient(180deg,#ffe18a,#c5841d);color:#241202;text-decoration:none;text-align:center}form button{width:100%;margin-top:16px;font-size:17px}.result{margin-top:22px;display:grid;gap:14px} .hidden{display:none}#preview{max-width:100%;max-height:360px;object-fit:contain;border-radius:18px;background:#111;margin:auto}.linkbox{display:flex;gap:10px}input#imageUrl{flex:1;border:1px solid rgba(255,255,255,.14);background:#090909;color:#fff;border-radius:14px;padding:15px;font-size:15px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.features div{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.05)}.features span{display:block;color:#c7b897;margin-top:6px}@media(max-width:700px){.features{grid-template-columns:1fr}.linkbox{flex-direction:column}}

.namebox{margin-top:16px;display:grid;gap:8px}.namebox label{font-weight:800;color:#ffe18a}.namebox input{border:1px solid rgba(255,213,124,.25);background:#090909;color:#fff;border-radius:14px;padding:15px;font-size:15px}.namebox small{color:#baa98b}
.topbar{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px}.topbar .badge{margin-bottom:0}.logout{display:inline-block;padding:10px 16px;border:1px solid rgba(255,213,124,.35);border-radius:999px;color:#ffe18a;text-decoration:none;background:rgba(0,0,0,.25);font-weight:800}.logout:hover{background:rgba(255,213,124,.12)}.login-wrap{width:min(460px,92%);margin:auto;min-height:100vh;display:grid;place-items:center}.login-card{width:100%;padding:30px;border:1px solid rgba(255,213,124,.25);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));box-shadow:0 24px 80px rgba(0,0,0,.45);text-align:center}.login-card h1{font-size:42px}.login-form{display:grid;gap:10px;text-align:left;margin-top:20px}.login-form label{font-weight:800;color:#ffe18a}.login-form input{border:1px solid rgba(255,213,124,.25);background:#090909;color:#fff;border-radius:14px;padding:15px;font-size:15px}.login-form button{width:100%;margin-top:10px;font-size:17px}.alert{margin:16px 0;padding:12px 14px;border-radius:14px;background:rgba(255,50,50,.14);border:1px solid rgba(255,90,90,.35);color:#ffd1d1}.hint{display:block;margin-top:14px;color:#baa98b}