: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:160px;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}}.tb-btn{height:30px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:500;transition:all .12s;display:inline-flex}.tb-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.tb-btn.active{background:var(--surface-3);color:var(--text);border-color:var(--border-bright)}.tb-btn.active-docs{background:var(--docs-dim);color:var(--docs-light);border-color:var(--docs-border)}.tb-btn.active-sheets{background:var(--sheets-dim);color:var(--sheets-light);border-color:var(--sheets-border)}.tb-btn.active-slides{background:var(--slides-dim);color:var(--slides-light);border-color:var(--slides-border)}.tb-divider{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 4px}.ribbon{-webkit-user-select:none;user-select:none;background:#f3f2f1;border-bottom:1px solid #d4d4d4;flex-shrink:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.ribbon-tabs{background:#f3f2f1;border-bottom:1px solid #d4d4d4;align-items:flex-end;gap:2px;height:32px;padding:0 12px;display:flex}.ribbon-tab{color:#323130;cursor:pointer;background:0 0;border:none;border-radius:4px 4px 0 0;justify-content:center;align-items:center;height:32px;margin-bottom:0;padding:4px 12px;font-size:12.5px;font-weight:400;transition:background .1s,color .1s;display:inline-flex;position:relative}.ribbon-tab:after{content:"";z-index:2;background:0 0;height:2px;transition:background .1s;position:absolute;bottom:0;left:8px;right:8px}.ribbon-tab:hover{color:#242424;background:#edebe9}.ribbon-tab.active-docs{background:0 0;font-weight:600;color:#185abd!important}.ribbon-tab.active-docs:after{background:#185abd}.ribbon-tab.active-sheets{background:0 0;font-weight:600;color:#107c41!important}.ribbon-tab.active-sheets:after{background:#107c41}.ribbon-tab.active-slides{background:0 0;font-weight:600;color:#c43e1c!important}.ribbon-tab.active-slides:after{background:#c43e1c}.ribbon-body{box-sizing:border-box;background:#f3f2f1;align-items:stretch;gap:0;height:96px;padding:4px 8px;display:flex;overflow-x:auto}.ribbon-body::-webkit-scrollbar{height:4px}.ribbon-body::-webkit-scrollbar-thumb{background:#c8c6c4;border-radius:2px}.ribbon-body::-webkit-scrollbar-thumb:hover{background:#a19f9d}.ribbon-body::-webkit-scrollbar-track{background:#f3f2f1}.ribbon-group{box-sizing:border-box;background:0 0;border:none;border-right:1px solid #d4d4d4;flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;min-width:50px;height:86px;padding:4px 12px;display:flex;position:relative}.ribbon-group:last-child{border-right:none}.ribbon-group-label{color:#605e5c;text-align:center;-webkit-user-select:none;user-select:none;width:100%;margin-top:auto;padding-top:2px;font-family:Segoe UI,sans-serif;font-size:9px}.tb-btn{cursor:pointer;color:#323130;background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:4px;font-family:Segoe UI,sans-serif;font-size:11px;transition:background .1s,border-color .1s;display:flex}.tb-btn:hover{background:#edebe9;border-color:#0000}.tb-btn:active{background:#e1dfdd}.tb-btn.tb-active{color:#0078d4;background:#c7e0f4;border-color:#a9d1f5}.tb-btn-large{flex-shrink:0;gap:2px;width:auto;min-width:56px;height:54px;padding:4px 6px}.tb-btn-large span{text-align:center;word-wrap:break-word;overflow-wrap:break-word;max-width:72px;font-size:9px;line-height:1.05;display:block}.tb-btn-mini{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:6px;width:auto;height:22px;padding:2px 6px;display:inline-flex}.tb-btn-mini span{font-size:11px}.tb-btn-square{flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex}.tb-btn-square span{display:none}.ribbon-tab-actions{border-bottom:1px solid #d4d4d4;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:32px;margin-left:auto;padding-right:12px;display:flex}.btn-tab-action{cursor:pointer;color:#323130;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d4d4d4;border-radius:4px;align-items:center;gap:6px;height:26px;padding:0 10px;font-family:Segoe UI,sans-serif;font-size:12px;font-weight:500;transition:background .1s,border-color .1s;display:inline-flex}.btn-tab-action:hover{background:#edebe9;border-color:#a19f9d}.btn-tab-action:active{background:#e1dfdd}.btn-tab-action-pill{border-radius:100px;padding:0 14px}.btn-tab-action-primary{color:#fff;background:#185abd;border-color:#185abd;font-weight:600}.btn-tab-action-primary:hover{background:#124d9c;border-color:#124d9c}.btn-tab-action-primary:active{background:#104080;border-color:#104080}.tb-btn-row{align-items:center;gap:2px;width:100%;display:flex}.tb-btn-stack{flex-direction:column;flex-shrink:0;justify-content:center;gap:2px;height:54px;display:flex}.tb-select{color:#323130;cursor:pointer;background:#fff;border:1px solid #d4d4d4;border-radius:4px;outline:none;height:20px;padding:0 4px;font-family:Segoe UI,sans-serif;font-size:11px}.tb-select:hover{border-color:#a19f9d}.tb-select:focus{border-color:#0078d4}.tb-checkbox-group{flex-direction:column;flex-shrink:0;justify-content:center;gap:4px;height:54px;padding:2px 0;display:flex}.tb-checkbox-label{color:#323130;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:11px;display:flex}.tb-checkbox-label input{cursor:pointer;accent-color:#185abd;width:13px;height:13px;margin:0}.collab-bar{align-items:center;gap:-8px;display:flex}.collab-avatar{color:#fff;border:2px solid var(--bg-alt);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-8px;font-size:11px;font-weight:700;transition:transform .15s;display:inline-flex;position:relative}.collab-avatar:first-child{margin-left:0}.collab-avatar:hover{z-index:10;transform:translateY(-2px)scale(1.1)}.context-item{color:#323130;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 12px;font-family:Segoe UI,sans-serif;display:flex}.context-item:hover{color:#201f1e;background-color:#f3f2f1}.document-formatting-gallery::-webkit-scrollbar{height:4px}.document-formatting-gallery::-webkit-scrollbar-track{background:#f3f2f1}.document-formatting-gallery::-webkit-scrollbar-thumb{background:#c8c6c4;border-radius:2px}.document-formatting-gallery::-webkit-scrollbar-thumb:hover{background:#a19f9d}.tb-spin-container:hover{border-color:#a19f9d}.tb-spin-container:focus-within{border-color:#0078d4;outline:1px solid #0078d4}.tb-spin-container button:hover{background-color:#edebe9}.tb-spin-container button:active{background-color:#e1dfdd}.pivot-dialog-overlay{z-index:99999!important;background-color:#0006!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.pivot-dialog{max-width:500px;box-sizing:border-box!important;color:#323130!important;background:#fff!important;border-radius:6px!important;width:100%!important;padding:16px!important;font-family:Segoe UI,system-ui,-apple-system,sans-serif!important;animation:.2s ease-out dialogFadeIn!important;box-shadow:0 4px 12px #00000026!important}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pivot-dialog-header{border-bottom:1px solid #e1dfdd!important;justify-content:space-between!important;align-items:center!important;margin-bottom:12px!important;padding-bottom:8px!important;display:flex!important}.pivot-dialog-header h3{color:#323130!important;margin:0!important;font-size:15px!important;font-weight:600!important}.pivot-dialog-body{color:#323130!important;margin-bottom:16px!important;font-size:12.5px!important}.pivot-dialog-footer{border-top:1px solid #e1dfdd!important;justify-content:flex-end!important;gap:8px!important;margin-top:16px!important;padding-top:12px!important;display:flex!important}.layout-list{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:8px!important;display:grid!important}.layout-item{text-align:center!important;cursor:pointer!important;border:1px solid #c8c6c4!important;border-radius:4px!important;padding:8px!important;transition:all .15s!important}.layout-item:hover{background-color:#f3f2f1!important}.layout-item.active{background-color:#fde7e9!important;border-color:#c43e1c!important}
