:root{--bg:#f6f7fb;--panel:#fff;--border:#e5e9f0;--border-strong:#d4dae4;--text:#0b1220;--text-soft:#334155;--muted:#64748b;--muted-strong:#475569;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff4ff;--accent-soft-hover:#dde7ff;--accent-fg:#fff;--danger:#b91c1c;--danger-soft:#fef2f2;--soft:#f3f5f9;--ok:#15803d;--ok-soft:#ecfdf5;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 1px #0f172a08;--shadow-md:0 4px 16px #0f172a0f, 0 2px 4px #0f172a0a;--radius:14px;--radius-sm:8px}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(1200px 600px at 50% -10%, #e7ecfa 0%, transparent 60%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;justify-content:center;padding:clamp(20px,4vw,48px) clamp(12px,3vw,24px);font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;display:flex}a{color:inherit;text-decoration:none}.shell{flex-direction:column;gap:22px;width:100%;max-width:880px;display:flex}.site-header{flex-direction:column;gap:6px;display:flex}.brand{align-items:center;gap:10px;width:fit-content;display:inline-flex}.brand-icon{font-size:28px;line-height:1}.brand-name{letter-spacing:-.02em;color:var(--accent);font-size:clamp(22px,4vw,28px);font-weight:700}.tagline{color:var(--muted);max-width:60ch;font-size:clamp(13px,1.6vw,14px)}footer{color:var(--muted);text-align:center;padding:8px 0 0;font-size:12px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);flex-direction:column;gap:18px;padding:clamp(16px,3vw,24px);display:flex}.header-row{grid-template-columns:1fr auto;align-items:flex-start;gap:24px;display:grid}.url-block,.qr-block{flex-direction:column;gap:10px;display:flex}.url-block{align-items:flex-start;min-width:0}.qr-block{align-items:center}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.url-pill{background:var(--accent-soft);border:1px solid var(--accent-soft);color:var(--accent);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:text;user-select:text;outline:none;align-items:center;gap:10px;max-width:100%;padding:12px 16px;font:700 clamp(15px,2.4vw,18px) ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.url-pill:hover,.url-pill:focus-visible{background:var(--accent-soft-hover);border-color:var(--accent);color:#1e40af}.url-pill:active{transform:translateY(1px)}.url-text{word-break:break-all;min-width:0}.url-copy-icon{opacity:.8;flex-shrink:0;font-size:18px}.url-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.new-link,.text-link{font:inherit;color:var(--accent);cursor:pointer;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-size:13px;font-weight:500;text-decoration:none;transition:color .12s}.new-link:hover:not(:disabled),.text-link:hover:not(:disabled){color:var(--accent-hover);background:0 0;text-decoration:none;transform:none}.new-link:focus-visible,.text-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.qr{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;width:150px;height:150px;padding:6px}.qr.placeholder{background:var(--soft)}textarea{background:var(--soft);width:100%;min-height:280px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);resize:vertical;outline:none;padding:14px;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transition:border-color .12s,box-shadow .12s,background .12s}textarea:focus{border-color:var(--accent);background:var(--panel);box-shadow:0 0 0 3px var(--accent-soft)}textarea::placeholder{color:#94a3b8}input[type=text],input[type=password]{background:var(--panel);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font:inherit;outline:none;min-width:0;padding:10px 12px;transition:border-color .12s,box-shadow .12s}input[type=text]:focus,input[type=password]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.tight{gap:8px}.spacer{flex:1}button{background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-sm);font:inherit;cursor:pointer;min-width:90px;box-shadow:var(--shadow-sm);border:0;padding:10px 18px;font-weight:600;transition:background .12s,transform 60ms,box-shadow .12s,color .12s}button:hover:not(:disabled){background:var(--accent-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:default;box-shadow:none}button.secondary{background:var(--panel);color:var(--text-soft);border:1px solid var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--soft);color:var(--text)}button.secondary.danger{color:var(--danger);border-color:#fecaca}button.secondary.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.inline-panel{background:var(--soft);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;width:100%;padding:12px;display:flex}.inline-panel .prefix{color:var(--muted-strong);white-space:nowrap;font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.inline-err{color:var(--danger);font-size:13px}.hint{color:var(--muted);font-size:12px;line-height:1.5}.locked{background:var(--soft);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px;display:flex}.lock-icon{font-size:32px}.lock-title{color:var(--text);font-weight:600}.status{background:var(--soft);color:var(--muted-strong);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:500}.status-ok{color:var(--ok);background:var(--ok-soft)}.status-err{color:var(--danger);background:var(--danger-soft)}.about{border-top:1px solid var(--border);color:var(--text-soft);padding-top:14px;font-size:14px;line-height:1.6}.about summary{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:6px;font-weight:600;list-style:none}.about summary::-webkit-details-marker{display:none}.about summary:before{content:"▸ ";color:var(--muted);transition:transform .12s;display:inline-block}.about[open] summary:before{transform:rotate(90deg)}.about p{margin-top:8px}.about b{color:var(--text)}@media (max-width:720px){.header-row{text-align:center;grid-template-columns:1fr}.url-block{align-items:center}.url-pill{justify-content:center;width:100%}.url-actions{justify-content:center}.inline-panel .row.tight{flex-wrap:wrap}.inline-panel input[type=text],.inline-panel input[type=password]{flex:160px}}@media (max-width:640px){textarea{min-height:220px}.row>button{flex:calc(50% - 5px);min-width:0}.status{text-align:center;order:-1;width:100%}}@media (max-width:380px){.row>button{flex:100%}}