@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,400italic&display=swap";@import"https://unpkg.com/@phosphor-icons/web@2.1.1/src/duotone/style.css";:root{--color-bg: #f3f2f2;--color-surface: #eae9e9;--color-text: #201e1d;--color-divider: rgb(32 30 29 / .16);--color-accent: #0088b0;--color-accent-2: #d6006c;--neutral-100: #f8f4f4;--neutral-200: #eae7e7;--neutral-300: #d7d3d3;--neutral-400: #bab6b6;--neutral-500: #9b9797;--neutral-600: #7d7979;--neutral-700: #605d5d;--neutral-800: #444141;--neutral-900: #2d2b2b;--accent-100: #e9f8ff;--accent-200: #cbeeff;--accent-300: #99e0ff;--accent-400: #62c5ee;--accent-500: #38a6cf;--accent-600: #1186ac;--accent-700: #006786;--accent-800: #004961;--accent-900: #0a303e;--accent-2-100: #fff1f4;--accent-2-200: #ffdee6;--accent-2-300: #ffc0d0;--accent-2-400: #ff90b1;--accent-2-500: #ff458e;--accent-2-600: #d82071;--accent-2-700: #aa0b56;--accent-2-800: #790e3d;--accent-2-900: #4b1528;--font-heading: "Source Serif 4", Georgia, serif;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--space-1: 5px;--space-2: 10px;--space-3: 15px;--space-4: 20px;--space-5: 25px;--space-6: 30px;--space-8: 40px;--space-10: 50px;--space-12: 60px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 3px 12px rgba(0,0,0,.12);--shadow-lg: 0 14px 36px rgba(0,0,0,.18);--rail-width: 238px;--rail-collapsed: 66px;--content-max: 1180px;--editor-aside: 280px}:root[data-theme=dark]{--color-bg: #191817;--color-surface: #232120;--color-text: #efece9;--color-divider: rgb(239 236 233 / .16);--color-accent: #4ec2ec;--color-accent-2: #ff7fa8;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 3px 12px rgba(0,0,0,.45);--shadow-lg: 0 14px 36px rgba(0,0,0,.55)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);font-weight:600;letter-spacing:-.015em}h1{font-size:40px;line-height:1.12}h2{font-size:27px;line-height:1.15}h4{font-size:20px}h6{font-size:13px;letter-spacing:.08em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:none;border-radius:var(--radius-md);font-family:var(--font-ui);font-size:14px;font-weight:500;cursor:pointer;transition:background .14s,transform .14s,opacity .14s}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--accent-600)}.btn-primary:active{background:var(--accent-700)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 12%,transparent)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-icon{padding:8px;width:36px;height:36px;justify-content:center}.input{width:100%;padding:9px 12px;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-ui);font-size:14px;transition:border-color .14s}.input:focus{outline:2px solid var(--color-accent);outline-offset:0;border-color:var(--color-accent)}.input::placeholder{color:color-mix(in srgb,var(--color-text) 40%,transparent)}textarea.input{field-sizing:content;min-height:5.5rem;max-height:60vh;resize:vertical;font-family:var(--font-ui);line-height:1.5}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:color-mix(in srgb,var(--color-text) 55%,transparent);font-weight:500}.tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;font-family:var(--font-ui)}.tag-accent{background:var(--accent-100);color:var(--accent-700)}.tag-accent-2{background:var(--accent-2-100);color:var(--accent-2-700)}.tag-neutral{background:var(--neutral-200);color:var(--neutral-700)}.tag-outline{background:transparent;border:1px solid var(--color-divider);color:var(--color-text)}.table{width:100%;border-collapse:collapse;font-family:var(--font-ui)}.table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:color-mix(in srgb,var(--color-text) 55%,transparent);padding:8px 12px;border-bottom:1px solid var(--color-divider)}.table td{padding:12px;border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent);font-size:14px}.table tr:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.seg{display:inline-flex;border:1px solid var(--color-divider);border-radius:var(--radius-md);overflow:hidden}.seg-opt{padding:6px 14px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px}.seg-opt input{display:none}.seg-opt:has(input:checked){background:color-mix(in srgb,var(--color-accent) 13%,transparent);color:var(--color-accent)}.medi{aspect-ratio:4 / 3;background:var(--color-surface);border-radius:var(--radius-sm);display:grid;place-items:center;overflow:hidden;color:color-mix(in srgb,var(--color-text) 32%,transparent);cursor:pointer;outline:2px solid transparent;outline-offset:-2px}.medi:hover{outline-color:var(--color-accent);color:var(--color-accent)}.medi img{width:100%;height:100%;object-fit:cover;display:block}.radio{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:14px}.radio input{display:none}.radio .dot{width:16px;height:16px;border:2px solid var(--color-divider);border-radius:50%;transition:border-color .14s}.radio:has(input:checked) .dot{border-color:var(--color-accent);background:radial-gradient(var(--color-accent) 40%,transparent 45%)}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-divider);border-radius:4px}.toaster.svelte-3r7513{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:100;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast.svelte-3r7513{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:380px;padding:11px 13px;background:var(--color-surface);border:1px solid var(--color-divider);border-left:3px solid var(--color-divider);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text);font-size:14px}.toast[data-kind=success].svelte-3r7513{border-left-color:#3fa66a}.toast[data-kind=success].svelte-3r7513 i:where(.svelte-3r7513):first-child{color:#3fa66a}.toast[data-kind=error].svelte-3r7513{border-left-color:var(--color-accent-2)}.toast[data-kind=error].svelte-3r7513 i:where(.svelte-3r7513):first-child{color:var(--color-accent-2)}.toast[data-kind=info].svelte-3r7513{border-left-color:var(--color-accent)}.toast[data-kind=info].svelte-3r7513 i:where(.svelte-3r7513):first-child{color:var(--color-accent)}.toast.svelte-3r7513 button:where(.svelte-3r7513){margin-left:auto;flex:none;display:grid;place-items:center;width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:transparent;color:color-mix(in srgb,var(--color-text) 55%,transparent);cursor:pointer}.toast.svelte-3r7513 button:where(.svelte-3r7513):hover{background:color-mix(in srgb,var(--color-text) 9%,transparent);color:var(--color-text)}.navitem.svelte-12qhfyh{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);text-decoration:none;font-size:14.5px;border-left:2px solid transparent;transition:background .12s}.navitem.svelte-12qhfyh:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.navitem[data-active=true].svelte-12qhfyh{background:color-mix(in srgb,var(--color-accent) 13%,transparent);border-left-color:var(--color-accent);color:var(--color-accent)}.collapse.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--color-text);flex:none}.collapse.svelte-12qhfyh:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent);color:var(--color-accent)}
