:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f5f7;--card:#fff;--label:#1d1d1f;--secondary:#6e6e73;--separator:#3c3c4329;--fill:#7878801f;--accent:#0071e3;--destructive:#d70015;--radius:12px;-webkit-font-smoothing:antialiased;color:var(--label);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif;font-size:15px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--card:#1c1c1e;--label:#f5f5f7;--secondary:#98989d;--separator:#54545899;--fill:#7676803d;--accent:#0a84ff;--destructive:#ff453a}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--accent);text-decoration:none}h1{letter-spacing:-.02em;margin:0 0 20px;font-size:28px;font-weight:700}button,.button{appearance:none;height:30px;font:inherit;color:var(--accent);background:var(--fill);cursor:pointer;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}button:disabled{opacity:.4;cursor:default}button.primary{color:#fff;background:var(--accent);height:36px}button.destructive{color:var(--destructive)}.link-button{height:auto;font-size:inherit;background:0 0;padding:0;font-weight:400}input:not([type=checkbox]){border:1px solid var(--separator);width:100%;height:36px;font:inherit;color:var(--label);background:var(--card);border-radius:8px;padding:0 12px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:1px}.bar{z-index:1;border-bottom:1px solid var(--separator);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);position:sticky;top:0}.bar-inner,.main{max-width:760px;margin:0 auto;padding:0 20px}.bar-inner{justify-content:space-between;align-items:center;height:52px;display:flex}.brand{color:var(--label);font-weight:600}.bar-links{gap:20px;display:flex}.main{padding-top:28px;padding-bottom:48px}.card{border-radius:var(--radius);background:var(--card)}.error{min-height:1.4em;color:var(--destructive);margin:0;font-size:13px}.error:empty{display:none}.sign-in{gap:12px;max-width:340px;margin:12vh auto 0;padding:28px;display:grid}.sign-in h1{text-align:center;margin:0 0 4px;font-size:22px}.drop{border:2px dashed var(--separator);border-radius:var(--radius);text-align:center;justify-items:center;gap:12px;padding:36px 20px;display:grid}.drop.is-dragging{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.drop-title{margin:0;font-size:17px;font-weight:600}.uploaded,.link-row{align-items:center;gap:8px;max-width:100%;display:flex}.url{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;overflow:hidden}.list{margin:24px 0 0;padding:0;list-style:none}.list li+li{border-top:1px solid var(--separator)}.row{color:var(--label);align-items:baseline;gap:12px;padding:12px 16px;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row-detail{color:var(--secondary);flex:none;font-size:13px}.back:before{content:"‹ "}.main .title-field{letter-spacing:-.02em;background:0 0;border:0;border-radius:6px;height:auto;margin:12px 0 16px;padding:0;font-size:28px;font-weight:700}.settings{gap:16px;padding:16px;display:grid}.segmented{background:var(--fill);border-radius:9px;grid-template-columns:repeat(3,1fr);padding:2px;display:grid}.segmented button{height:28px;color:var(--label);background:0 0;border-radius:7px}.segmented button[aria-checked=true]{background:var(--card);box-shadow:0 1px 3px #0000001f,0 0 0 .5px #0000000a}.link-row .url{flex:1}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions .destructive{margin-left:auto}.preview{border:1px solid var(--separator);border-radius:var(--radius);background:#fff;width:100%;height:70vh;margin-top:24px;display:block}.token-form{flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px;display:flex}.token-form input[name=name]{flex:240px}.token-form label{align-items:center;gap:6px;display:flex}.created{gap:10px;margin-top:16px;padding:16px;display:grid}.created p{margin:0;font-weight:500}