:root{--bg-main:#0f172a;--sidebar-bg:#1e293bb3;--card-bg:#1e293b80;--border-color:#ffffff1a;--primary:#3b82f6;--primary-hover:#2563eb;--text-main:#f8fafc;--text-muted:#94a3b8;--ad-bg:#0000004d;--input-bg:#0003;--header-bg:#0003;--code-bg:#0000004d;--shadow-color:#00000080;--timeline-bg:#00000026;--success-text:#a7f3d0}:root[data-theme=light]{--bg-main:#f8fafc;--sidebar-bg:#fffc;--card-bg:#fff9;--border-color:#0000001a;--primary:#2563eb;--primary-hover:#1d4ed8;--text-main:#0f172a;--text-muted:#475569;--ad-bg:#0000000d;--input-bg:#00000008;--header-bg:#0000000d;--code-bg:#0000000d;--shadow-color:#0000001a;--timeline-bg:#ffffff80;--success-text:#059669}body{background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(circle at 100% 0,#3b82f626,#0000 400px),radial-gradient(circle at 0 100%,#9333ea26,#0000 400px);background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:Outfit,sans-serif}*{box-sizing:border-box}h1,h2,h3{text-wrap:balance}@container (width<=700px){.workspace{flex-direction:column!important}.header{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.controls-sidebar{flex:none!important}}.editor-pane{content-visibility:auto;contain-intrinsic-size:auto 500px}.tool-wrapper{animation-duration:.15s!important}::view-transition-old(root){animation-duration:.15s}::view-transition-new(root){animation-duration:.15s}.theme-toggle.svelte-1kenrq5{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.theme-toggle.svelte-1kenrq5:hover{background:var(--primary);color:#fff}.ad-wrapper.svelte-1qlf04p{justify-content:center;align-items:center;width:100%;display:flex}.ad-placeholder.svelte-1qlf04p{background:var(--ad-bg,#0000000d);border:1px dashed var(--border-color,#ccc);color:var(--text-muted,#888);text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-size:.85rem;display:flex}.app-layout.svelte-12qhfyh{min-height:100vh;display:flex}.sidebar.svelte-12qhfyh{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;width:280px;height:100vh;display:flex;position:fixed}.logo.svelte-12qhfyh{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:24px;display:flex}.logo.svelte-12qhfyh h1:where(.svelte-12qhfyh){letter-spacing:-.5px;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.5rem;font-weight:600}.logo-icon.svelte-12qhfyh{font-size:1.8rem}.nav-links.svelte-12qhfyh{flex-grow:1;margin:0;padding:16px;list-style:none;overflow-y:auto}.nav-links.svelte-12qhfyh li:where(.svelte-12qhfyh){margin-bottom:4px}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:400;text-decoration:none;transition:all .2s;display:flex}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text-main);background:#ffffff0d;transform:translate(4px)}.nav-links.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--primary);border-left:3px solid var(--primary);background:#3b82f626}.nav-icon.svelte-12qhfyh{font-size:1.2rem}.adsense-sidebar.svelte-12qhfyh{border-top:1px solid var(--border-color);padding:16px}.content.svelte-12qhfyh{flex-direction:column;flex-grow:1;margin-left:280px;display:flex}.topbar.svelte-12qhfyh{justify-content:space-between;align-items:center;gap:24px;padding:12px 24px;display:flex}.adsense-leaderboard.svelte-12qhfyh{width:100%;max-width:728px;margin:0 auto}.tool-container.svelte-12qhfyh{flex-direction:column;flex-grow:1;padding:0 40px 40px;display:flex;container-type:inline-size}.toast.svelte-12qhfyh{background:var(--primary);color:#fff;z-index:10000;border-radius:8px;padding:12px 24px;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) svelte-12qhfyh-slideIn;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}@keyframes svelte-12qhfyh-slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.sidebar.svelte-12qhfyh{width:60px}.logo.svelte-12qhfyh h1:where(.svelte-12qhfyh),.nav-links.svelte-12qhfyh a.active:where(.svelte-12qhfyh),.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){justify-content:center;padding:12px;font-size:0}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){border-left:none}.nav-icon.svelte-12qhfyh{margin:0;font-size:1.5rem}.content.svelte-12qhfyh{margin-left:60px}.adsense-sidebar.svelte-12qhfyh{display:none}}