:root{color-scheme:light;--ink:#141a1f;--muted:#5d6b77;--paper:#f7f2eb;--accent:#f47d4a;--accent-2:#2a8d8f;--card:hsla(0,0%,100%,.78);--border:rgba(20,26,31,.12);--shadow:0 24px 60px rgba(30,36,44,.15);font-family:Avenir Next,Trebuchet MS,Gill Sans,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,#fbead5,#f4f7fb 55%,#e6f3f0 100%);min-height:100vh}main{max-width:1100px;margin:0 auto;padding:72px 24px 90px}header{display:grid;grid-gap:18px;gap:18px;margin-bottom:36px}h1{font-size:clamp(2.4rem,3vw,3.4rem);letter-spacing:-.02em}h1,p{margin:0}p{color:var(--muted);line-height:1.6}.panel{background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}label{font-weight:600}label,textarea{font-size:.95rem}textarea{width:100%;min-height:220px;border-radius:14px;border:1px solid var(--border);padding:14px;font-family:Fira Code,SFMono-Regular,Menlo,monospace;background:hsla(0,0%,100%,.9);color:var(--ink);resize:vertical}button:focus,input:focus,textarea:focus{outline:2px solid rgba(244,125,74,.35);outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}button{border:none;border-radius:999px;padding:12px 20px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 24px rgba(244,125,74,.25)}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--border);box-shadow:none}button:hover{transform:translateY(-1px)}.stats{display:flex;gap:16px;flex-wrap:wrap;font-size:.9rem;color:var(--muted)}.badge{padding:6px 12px;background:rgba(42,141,143,.12);color:var(--accent-2);border-radius:999px;font-weight:600}.output-url{width:100%;border-radius:12px;border:1px solid var(--border);padding:10px 12px;background:hsla(0,0%,100%,.85);font-family:Fira Code,SFMono-Regular,Menlo,monospace;font-size:.85rem}.notice{padding:12px 14px;border-radius:12px;background:rgba(244,125,74,.12);color:#b6481c;font-size:.9rem}@media (max-width:640px){main{padding:52px 16px 70px}.panel{padding:18px}}