:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-heading:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3.25rem;--leading-tight:1.1;--leading-normal:1.5;--leading-relaxed:1.625;--cyan-50:#ecfeff;--cyan-100:#cffafe;--cyan-200:#a5f3fc;--cyan-300:#67e8f9;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--cyan-800:#155e75;--cyan-900:#164e63;--violet-50:#f5f3ff;--violet-100:#ede9fe;--violet-200:#ddd6fe;--violet-300:#c4b5fd;--violet-400:#a78bfa;--violet-500:#8b5cf6;--violet-600:#7c3aed;--violet-700:#6d28d9;--violet-800:#5b21b6;--violet-900:#4c1d95;--bg-deep:#07070d;--bg:#0b0b14;--bg-alt:#0f0f1a;--surface:#12121e;--surface-2:#1a1a2e;--surface-glass:#12121ea6;--surface-glass-border:#ffffff0f;--border:#ffffff0f;--border-bright:#ffffff1f;--text:#f0f0f5;--text-secondary:#a0a0b8;--text-muted:#78789a;--muted:#484862;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--docs-primary:#3b82f6;--docs-border:#3b82f633;--docs-glow:#3b82f626;--sheets-primary:#10b981;--sheets-border:#10b98133;--sheets-glow:#10b98126;--slides-primary:#f59e0b;--slides-border:#f59e0b33;--slides-glow:#f59e0b26;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 48px #00000080;--shadow-xl:0 16px 64px #0009;--shadow-glass:0 8px 32px #0000004d;--dur-fast:.15s;--dur-normal:.25s;--dur-slow:.4s;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-popover:400;--z-toast:500;--sidebar-w:260px;--toolbar-h:48px;--statusbar-h:28px}.glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-glass-border)}.glass-strong{-webkit-backdrop-filter:blur(32px);background:#12121ecc;border:1px solid #ffffff14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,textarea,select{font-family:inherit}button{cursor:pointer;border:none;outline:none}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}::selection{color:#fff;background:#06b6d44d}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:500;font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;display:inline-flex}.btn:focus-visible{outline:2px solid var(--cyan-400);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-1) var(--space-3);height:32px}.btn-md{padding:var(--space-2) var(--space-4);height:40px}.btn-lg{padding:var(--space-3) var(--space-6);height:48px}.btn-primary{background:linear-gradient(135deg, var(--cyan-500), var(--violet-500));color:#fff;box-shadow:0 0 20px #06b6d433}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 40px #06b6d44d}.btn-secondary{background:var(--surface-glass);color:var(--text);border-color:var(--surface-glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-secondary:hover:not(:disabled){border-color:var(--cyan-400);background:#06b6d414}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff0d}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--text);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-fast);outline:none}.input:focus{border-color:var(--cyan-400);box-shadow:0 0 0 3px #06b6d41a}.input::placeholder{color:var(--text-muted)}.input-error{border-color:var(--color-danger)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.card{background:var(--surface-glass);border:1px solid var(--surface-glass-border);border-radius:var(--radius-lg);padding:var(--space-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-interactive{cursor:pointer;transition:all var(--dur-fast)}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:#06b6d433;transform:translateY(-2px)}.badge{padding:2px var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;font-weight:500;line-height:1.5;display:inline-flex}.badge-cyan{color:var(--cyan-300);background:#06b6d426}.badge-violet{color:var(--violet-300);background:#8b5cf626}.badge-success{color:var(--color-success);background:#10b98126}.badge-warning{color:var(--color-warning);background:#f59e0b26}.badge-danger{color:var(--color-danger);background:#ef444426}.pill{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--cyan-300);background:#06b6d414;border:1px solid #06b6d426;font-weight:500;display:inline-flex}.glow-cyan{box-shadow:0 0 30px #06b6d426,0 0 60px #06b6d40d}.glow-violet{box-shadow:0 0 30px #8b5cf626,0 0 60px #8b5cf60d}.glow-docs{box-shadow:0 0 30px #3b82f626}.glow-sheets{box-shadow:0 0 30px #10b98126}.glow-slides{box-shadow:0 0 30px #f59e0b26}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.font-mono{font-family:var(--font-mono)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.grad-primary{background:linear-gradient(135deg, var(--cyan-400), var(--violet-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-accent{background:linear-gradient(135deg, var(--violet-400), #ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-forge{background:linear-gradient(135deg, var(--cyan-400), var(--violet-400), #ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-docs{background:linear-gradient(135deg, var(--docs-primary), var(--cyan-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-sheets{background:linear-gradient(135deg, var(--sheets-primary), var(--cyan-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.grad-slides{background:linear-gradient(135deg, var(--slides-primary), #ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.forge-sidebar{height:100vh;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:var(--z-sticky);transition:width var(--dur-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0}.forge-sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--border);align-items:center;gap:var(--space-2);height:48px;display:flex}.forge-sidebar-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);margin:0 var(--space-2);transition:all var(--dur-fast);display:flex}.forge-sidebar-item:hover{background:var(--bg-alt);color:var(--text)}.forge-sidebar-item.active{color:var(--cyan-400);background:#06b6d41a}.forge-toolbar{height:var(--toolbar-h);padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.forge-ribbon{height:88px;padding:0 var(--space-2);background:var(--bg-alt);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:2px;display:flex;overflow-x:auto}.forge-statusbar{height:var(--statusbar-h);padding:0 var(--space-3);background:var(--surface);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.forge-main{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.docs-page{width:210mm;min-height:297mm;margin:var(--space-8) auto;color:#1a1a2e;box-shadow:var(--shadow-lg);background:#fff;border-radius:4px;padding:60px 72px;position:relative}.sheets-grid{flex:1;grid-template-columns:60px repeat(26,100px);display:grid;overflow:auto}.sheets-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);font-size:var(--text-sm);min-height:28px;color:var(--text);outline:none;padding:2px 4px}.sheets-cell.selected{border-color:var(--cyan-400);background:#06b6d414}.slides-panel{background:var(--surface);border-right:1px solid var(--border);width:180px;padding:var(--space-2);flex-shrink:0;overflow-y:auto}.app-cards-grid{gap:var(--space-6);padding:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.dropzone{border:2px dashed var(--border-bright);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;color:var(--text-muted);transition:all var(--dur-fast);cursor:pointer}@media (width<=768px){.app-cards-grid{grid-template-columns:1fr}.forge-sidebar{width:0;overflow:hidden}.docs-page{width:100%;padding:40px 20px}.slides-panel{width:120px}}