:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--btn-text: var(--text, #111827);--btn-bg: #f9fafb;--btn-border: rgba(17,24,39,.12);--btn-border-strong: rgba(17,24,39,.18);--btn-shadow: 0 1px 0 rgba(17,24,39,.04), 0 6px 16px rgba(17,24,39,.08);--btn-shadow-hover: 0 2px 0 rgba(17,24,39,.05), 0 10px 20px rgba(17,24,39,.1);--btn-ring: rgba(37,99,235,.35);--hover-bg: rgba(173,216,230,.75);--btn-primary: var(--primary, #2563eb);--btn-primary-hover: #2b6dea;--btn-primary-active: #2259c8}html,body{background:#f7f8fa;color:#111827}a{font-weight:500;color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}body{margin:0;display:block;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;margin:.2em 0 .6em}button,.btn{-webkit-appearance:none;appearance:none;border-radius:10px;border:1px solid var(--btn-border);padding:.55em 1em;font-size:1rem;font-weight:600;font-family:inherit;color:var(--btn-text);background:linear-gradient(180deg,#ffffff 0%,var(--btn-bg) 100%);cursor:pointer;box-shadow:var(--btn-shadow);transition:background-color .12s ease,box-shadow .15s ease,border-color .12s ease,transform .06s ease}button:hover,.btn:hover{box-shadow:var(--btn-shadow-hover);transform:translateY(-.5px);border-color:var(--btn-border-strong);background:var(--hover-bg)}button:active,.btn:active{transform:translateY(1px);box-shadow:0 1px 2px #1118271a}button:focus,button:focus-visible,.btn:focus,.btn:focus-visible{outline:3px solid var(--btn-ring);outline-offset:1px}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}button.primary,.btn.primary{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--btn-primary) 92%,#ffffff),var(--btn-primary));border-color:color-mix(in srgb,var(--btn-primary) 86%,#000000)}button.primary:hover,.btn.primary:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--btn-primary-hover) 92%,#ffffff),var(--btn-primary-hover))}button.primary:active,.btn.primary:active{background:linear-gradient(180deg,var(--btn-primary-active),color-mix(in srgb,var(--btn-primary-active) 92%,#000000))}.toast-container{position:fixed;bottom:16px;right:16px;display:grid;gap:8px;z-index:1000}.toast{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#fff;box-shadow:0 8px 24px #1118271f;min-width:260px;opacity:1;animation:toast-in .15s ease-out}.toast.info{border-color:#2563eb40}.toast.success{border-color:#10b98159}.toast.error{border-color:#ef4444;background:#ef4444;color:#fff}.toast.error .toast-message,.toast.error .toast-close{color:#fff}.toast.error .toast-close:hover{background:#ffffff26}.toast-message{flex:1 1 auto}.toast-close{all:unset;cursor:pointer;padding:2px 6px;border-radius:6px}.toast-close:hover{background:#1118270d}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pub-page{padding:0}.pub-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:start}.pub-grid>*{min-width:0}@media(max-width:960px){.pub-grid{grid-template-columns:1fr}}.pub-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0}.pub-title{margin:0;font-weight:600}.pub-side .pub-accounts{display:block}.pub-form,.pub-row{display:block;margin:0;padding:0}.pub-caption label{display:block;margin:6px 0}.pub-caption textarea{display:block;width:100%;max-width:100%;margin:0}.pub-preview{display:block;margin:0;padding:0}.pub-media{display:block;border:none;border-radius:0;min-height:0;background:transparent}.pub-muted{color:var(--muted)}:root{--bg: #f7f8fa;--surface: #ffffff;--text: #111827;--muted: #6b7280;--primary: #2563eb;--border: rgba(211,211,211,.45);--shadow: 0 8px 24px rgba(17,24,39,.08);--accent-border: #2563eb;--accent-border-50: rgba(37,99,235,.5);--accent-border-25: rgba(37,99,235,.25);--hover-bg: rgba(173,216,230,.75);--toolbar-bg: #f3f6fc;--toolbar-border: rgba(37,99,235,.25);--toolbar-hover-bg: rgba(37,99,235,.1);--cta-h: 48px;--footer-h: 48px}html,body,#root{height:100%}body{display:block;background:var(--bg);color:var(--text)}*{box-sizing:border-box}a{color:var(--primary)}input,textarea,select{font:inherit;color:var(--text);background:#fff;border:1px solid var(--accent-border-50);border-radius:8px;padding:10px 12px}input[type=file]{border:none;padding:0;background:transparent}input:focus,textarea:focus,select:focus{outline:2px solid rgba(37,99,235,.2);outline-offset:1px;border-color:var(--accent-border)}#root{text-align:left}.layout{min-height:100vh;display:flex;flex-direction:column}main.content{flex:1 1 auto;padding:0;max-width:1100px;margin:0 auto}main.content.wide{max-width:none;width:100%;margin:0;padding-left:12px;padding-right:12px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.12);background:#0f172a;color:#e5e7eb;box-shadow:0 2px #00000040;--toolbar-bg: #111827;--toolbar-border: rgba(255,255,255,.14);--toolbar-hover-bg: rgba(255,255,255,.08)}.brand a{font-weight:600;text-decoration:none;color:#e5e7eb}.mainnav{display:flex;gap:1rem;flex:1 1 auto;justify-content:center}.mainnav a{text-decoration:none;color:var(--text);opacity:.8;padding:.4rem .6rem;border-radius:.5rem}.mainnav a:hover{opacity:1;background:var(--hover-bg)}.mainnav a.active{opacity:1;color:var(--primary);background:#2563eb1f}.toolbar{display:flex;align-items:center;gap:12px;width:100%;min-width:0;flex-wrap:wrap}.toolbar>.account{margin-left:auto}.toolbar-spacer{flex:1}.toolbar-group{display:flex;align-items:center;gap:2px;border:1px solid var(--toolbar-border);border-radius:10px;background:var(--toolbar-bg);padding:3px;min-width:0;flex:1 1 auto;flex-wrap:wrap}.toolbar-link{all:unset;cursor:pointer;padding:6px 10px;border-radius:8px;color:#e5e7eb;text-decoration:none}.toolbar-link{white-space:nowrap}.toolbar-link:hover,.toolbar-link:focus{text-decoration:none}.topbar .toolbar-link{border:1px solid transparent}.topbar .toolbar-link:hover,.topbar .toolbar-link:focus-visible{border-color:#fde047bf}.toolbar-link:hover{background:var(--toolbar-hover-bg)}.toolbar-link.active{color:#fde047;background:#fde0471f}.toolbar-link.brand{font-weight:600}.toolbar .menu{min-width:0}.toolbar .menu>button{all:unset;cursor:pointer;padding:6px 10px;border-radius:8px;color:#e5e7eb;background:transparent;border:none;box-shadow:none;white-space:nowrap}.topbar .menu>button{border:1px solid transparent}.topbar .menu>button:hover,.topbar .menu>button:focus-visible{border-color:#fde047bf}.toolbar .menu>button:hover,.toolbar .menu>button:focus-visible{background:var(--toolbar-hover-bg)}.menu{position:relative}.menu>button{all:unset;cursor:pointer;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#1f2937,#111827);color:#e5e7eb;box-shadow:0 1px #00000040,0 6px 16px #00000059;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .06s ease,box-shadow .15s ease}.menu>button:hover,.menu>button:focus-visible{background:#1f2937;border-color:#fde047bf;box-shadow:0 2px #0000004d,0 10px 20px #00000073}.menu>button:active{transform:translateY(1px);box-shadow:0 1px 2px #1118271a}.menu-dropdown{position:absolute;top:100%;left:0;min-width:240px;background:#111827;border:1px solid var(--toolbar-border);border-radius:10px;padding:6px;box-shadow:0 12px 36px #00000073;z-index:15;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease}.topbar .menu .menu-dropdown,.topbar .user-dropdown{background:#111827;color:#e5e7eb;border-color:#ffffff24}.menu:hover .menu-dropdown,.menu:focus-within .menu-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.menu-dropdown a,.menu-dropdown button,.user-dropdown a,.user-dropdown button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:8px;color:#e5e7eb;text-decoration:none;border:1px solid transparent;background:transparent;box-shadow:none;appearance:none;transition:background-color .12s ease,border-color .12s ease,transform .06s ease}.menu-dropdown button[disabled]{opacity:.6;color:#9ca3af;cursor:not-allowed}.menu-dropdown a:hover,.menu-dropdown button:hover,.user-dropdown a:hover,.user-dropdown button:hover{background:#ffffff14;border-color:#fde047bf}.menu-dropdown a.active,.menu-dropdown button.active,.user-dropdown a.active,.user-dropdown button.active{background:transparent;border-color:transparent;color:#fde047}.menu-dropdown a.active:hover,.menu-dropdown button.active:hover,.user-dropdown a.active:hover,.user-dropdown button.active:hover{background:#fde0471f;border-color:#fde047bf}.menu-dropdown a:active,.user-dropdown a:active,.user-dropdown button:active{transform:translateY(1px)}.menu>button:focus-visible,.menu-dropdown a:focus-visible,.user-dropdown a:focus-visible,.user-dropdown button:focus-visible{outline:2px solid rgba(147,197,253,.65);outline-offset:2px}.account{display:flex;align-items:center;gap:.5rem}.user-menu{position:relative}.user-button{all:unset;cursor:pointer;padding:.25rem .4rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0b1220;color:#e5e7eb;display:flex;align-items:center;gap:.5rem}.user-button:hover,.user-button:focus-visible{background:#fde0471f;border-color:#fde047bf;outline:none}.avatar{width:28px;height:28px;border-radius:999px;display:block;object-fit:cover;background:#374151;border:1px solid rgba(255,255,255,.14)}.avatar.fallback{display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#e5e7eb}.user-dropdown{position:absolute;right:0;top:100%;min-width:180px;background:#111827;border:1px solid var(--toolbar-border);border-radius:.5rem;padding:.25rem;box-shadow:0 12px 36px #00000073;z-index:20}.user-dropdown a,.user-dropdown button{display:block;width:100%;text-align:left;padding:.5rem .75rem;background:transparent;color:#e5e7eb;border:1px solid transparent;text-decoration:none;border-radius:.4rem;cursor:pointer}.user-dropdown a:hover,.user-dropdown button:hover{background:#ffffff14}.user-dropdown button:active{transform:translateY(1px)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.logo.cloudflare:hover{filter:drop-shadow(0 0 2em #f6821faa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:1.25em;margin:1rem 0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.read-the-docs{color:var(--muted)}section{scroll-margin-top:64px}.igc-title{font-size:1.6rem;line-height:1.3;margin:0;font-weight:600}h1{font-size:1.6rem;line-height:1.3;margin:.25rem 0 .75rem;font-weight:600}.footer{position:sticky;bottom:0;z-index:5;background:#d3d3d3;border-top:1px solid var(--border);height:var(--footer-h);padding:0 1rem;display:flex;align-items:center;color:var(--muted)}.ctabar{position:fixed;bottom:var(--footer-h);left:0;right:0;z-index:30;background:#111827fa;border-top:1px solid rgba(253,224,71,.35);box-shadow:0 -8px 24px #0003}.ctabar-inner{max-width:1100px;margin:0 auto;min-height:var(--cta-h);padding:8px 12px;display:flex;gap:8px;justify-content:flex-end;align-items:center}.ctabar .btn{color:#e5e7eb;background:#111827;border-color:#fde04759}.ctabar .btn:hover{background:#1f2937;border-color:#fde047bf}.ctabar .btn.primary{color:#fff}main.content,main.content.wide{padding-bottom:calc(var(--cta-h) + var(--footer-h) + 12px)}.dashboard{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 56px)}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:16px}.sidebar-nav{display:grid;gap:12px}.sidebar-section{display:grid;gap:8px}.sidebar-title{font-weight:600}.sidebar-item{all:unset;cursor:pointer;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:linear-gradient(180deg,#fff,#f9fafb);box-shadow:0 1px #1118270a;transition:background-color .12s ease,border-color .12s ease,transform .06s ease,box-shadow .15s ease}.sidebar-item:hover{background:var(--hover-bg);border-color:var(--accent-border-50);box-shadow:0 2px #1118270d,0 8px 16px #11182714}.sidebar-item:active{transform:translateY(1px)}.sidebar-item.active{background:#2563eb1f;border-color:var(--accent-border)}.sidebar-empty{color:var(--muted)}.sidebar-account{position:relative}.sidebar-account.disabled .sidebar-item{opacity:.5;cursor:not-allowed}.sidebar-account .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff9;opacity:0;transition:opacity .15s ease;border-radius:8px}.sidebar-account.disabled:hover .overlay{opacity:1}.publish-panel{background:transparent;border:none;box-shadow:none;padding:0}.publish-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}.publish-layout>*{min-width:0}@media(max-width:960px){.publish-layout{grid-template-columns:1fr}}.publish-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;display:grid;gap:12px}.publish-form .field{display:grid;gap:6px}.publish-form label{font-weight:600;font-size:.95rem}.publish-form input,.publish-form textarea{width:100%;padding:10px 12px;border:1px solid var(--accent-border-50);border-radius:8px;background:#fff}.upload-row{display:flex;gap:8px;align-items:center}.upload-row{flex-wrap:wrap}.file-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}.file-drop{flex:0 0 auto;min-width:260px;min-height:96px;display:grid;align-content:center;justify-items:center;gap:6px;border:1px dashed var(--border);border-radius:12px;background:#fff;padding:12px;color:var(--text);transition:background-color .12s ease,border-color .12s ease,transform .06s ease}@media(max-width:600px){.file-drop{min-width:0;width:100%}}.file-drop:hover,.file-drop:focus-visible{background:var(--hover-bg);border-color:var(--accent-border-50);outline:2px solid rgba(37,99,235,.2);outline-offset:2px}.file-drop:active{transform:translateY(1px)}.file-drop-primary{font-weight:600}.file-drop-secondary{font-size:.9rem;color:var(--muted)}.publish-preview{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.preview-card{display:grid;gap:8px}.preview-header{font-weight:600}.preview-media{display:flex;align-items:center;justify-content:center;background:#f9fafb;border:1px dashed var(--border);border-radius:8px;min-height:260px}.preview-image{max-width:100%;max-height:360px;border-radius:8px;display:block}.preview-placeholder{color:var(--muted)}.preview-caption{white-space:pre-wrap;color:var(--text)}