@font-face{font-family:Plus Jakarta Sans;src:url(/app/fonts/PlusJakartaSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/app/fonts/PlusJakartaSans-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/app/fonts/PlusJakartaSans-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/app/fonts/PlusJakartaSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Instrument Serif";src:url(/app/fonts/InstrumentSerif-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Carlito;src:url(/app/fonts/Carlito-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Carlito;src:url(/app/fonts/Carlito-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Caladea;src:url(/app/fonts/Caladea-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Caladea;src:url(/app/fonts/Caladea-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}eo-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}eo-icon svg{fill:currentColor}.eo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .12s ease-out,color .12s ease-out,transform .12s ease-out;white-space:nowrap}.eo-btn--icon{padding:.25rem;min-width:28px;min-height:28px}.eo-btn--primary{background:var(--color-accent);color:#fff}.eo-btn--primary:hover{background:var(--color-accent-hover)}.eo-btn:hover:not(:disabled){background:var(--color-gray-100)}.eo-btn:active:not(:disabled){background:var(--color-gray-200);transform:scale(.97)}.eo-btn[aria-pressed=true]{background:var(--color-accent-light);color:var(--color-accent)}.eo-btn:disabled{opacity:.45;cursor:not-allowed}.eo-titlebar{display:flex;align-items:center;gap:.5rem;height:40px;padding:0 .75rem;background:var(--titlebar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);flex-shrink:0;position:sticky;top:0;z-index:100}.eo-titlebar__home{display:flex;align-items:center;padding:.25rem;border-radius:4px;color:var(--color-accent);transition:background .12s ease-out}.eo-titlebar__home:hover{text-decoration:none;background:var(--color-gray-100)}.eo-titlebar__divider{width:1px;height:18px;background:var(--color-border);flex-shrink:0}.eo-titlebar__module{font-size:.75rem;font-weight:600;color:var(--module-color, var(--color-accent));letter-spacing:.04em;text-transform:uppercase;user-select:none;flex-shrink:0}.eo-titlebar__filename{flex:1;max-width:280px;font-size:.8125rem;background:transparent;border:1px solid transparent;border-radius:4px;padding:3px .5rem;color:var(--color-text-primary);transition:border-color .12s ease-out,background .12s ease-out}.eo-titlebar__filename:hover{border-color:var(--color-border)}.eo-titlebar__filename:focus{outline:2px solid var(--color-accent);outline-offset:1px;background:var(--color-bg-document)}.eo-titlebar__actions{display:flex;align-items:center;gap:2px;margin-left:auto}eo-ribbon{display:block;background:var(--color-bg-chrome);border-bottom:3px solid var(--module-color, var(--color-accent));user-select:none;flex-shrink:0}eo-ribbon[data-module=writer]{--module-color: #2563eb}eo-ribbon[data-module=calc]{--module-color: #16a34a}eo-ribbon[data-module=impress]{--module-color: #ea580c}.eo-ribbon__tabs{display:flex;padding:.25rem .5rem 0;gap:2px}.eo-ribbon__tab{padding:5px 14px;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);border-radius:9999px 9999px 0 0;transition:color .12s ease-out,background .12s ease-out;white-space:nowrap;line-height:1.4}.eo-ribbon__tab:hover{color:var(--color-text-primary);background:var(--color-gray-100)}.eo-ribbon__tab--active,.eo-ribbon__tab[aria-selected=true]{color:var(--module-color, var(--color-accent));background:var(--color-gray-50);font-weight:600}.eo-ribbon__panel{display:flex;align-items:flex-start;padding:6px .5rem .5rem;gap:.5rem;min-height:72px;flex-wrap:wrap}.eo-ribbon__group{display:flex;flex-direction:column;align-items:flex-start;background:var(--color-bg-document);border-radius:12px;box-shadow:var(--shadow-card);padding:4px .5rem 3px}.eo-ribbon__group-items{display:flex;align-items:center;gap:2px;flex:1}.eo-ribbon__group-label{font-size:.6875rem;color:var(--color-gray-500);text-align:center;width:100%;margin-top:3px;line-height:1}.eo-ribbon__sep{width:1px;height:24px;background:var(--color-border);margin:0 3px;align-self:center;flex-shrink:0}.eo-ribbon__btn{display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;padding:3px 5px;border-radius:4px;cursor:pointer;font-size:.75rem;color:var(--color-text-primary);transition:background .12s ease-out,color .12s ease-out,transform .12s ease-out;min-width:28px;white-space:nowrap;font-weight:500}.eo-ribbon__btn:hover{background:var(--color-gray-100)}.eo-ribbon__btn:active{background:var(--color-gray-200);transform:scale(.97)}.eo-ribbon__btn[aria-pressed=true]{background:var(--color-accent-light);color:var(--color-accent)}.eo-ribbon__btn:disabled{opacity:.45;cursor:not-allowed}.eo-ribbon__btn--row{flex-direction:row;gap:.25rem}.eo-ribbon__select{appearance:auto;padding:2px 4px;height:26px;font-size:.8125rem;background:var(--color-bg-document);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;color:var(--color-text-primary);transition:background .12s ease-out}.eo-ribbon__select:hover{background:var(--color-gray-50)}.eo-ribbon__select:focus{outline:2px solid var(--color-accent);outline-offset:1px}.eo-ribbon__select--font{min-width:110px;max-width:140px}.eo-ribbon__select--size{width:54px}.eo-ribbon__select--style{min-width:100px}.eo-statusbar{display:flex;align-items:center;height:28px;padding:0 .75rem;background:var(--color-gray-50);border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-secondary);flex-shrink:0;gap:1rem}.eo-statusbar__left{flex:1;display:flex;align-items:center;gap:.75rem}.eo-statusbar__center{display:flex;align-items:center;gap:.5rem}.eo-statusbar__right{margin-left:auto;display:flex;align-items:center;gap:4px}.eo-statusbar__item{padding:1px .25rem;border-radius:4px}.eo-statusbar__item--btn{cursor:pointer;transition:background .12s ease-out}.eo-statusbar__item--btn:hover{background:var(--color-gray-200)}.eo-statusbar__zoom-slider{width:80px;height:3px;cursor:pointer;accent-color:var(--color-accent);vertical-align:middle}.eo-notification-stack{position:fixed;bottom:40px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:400;pointer-events:none}.eo-notification{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-bg-chrome);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-card);font-size:.8125rem;color:var(--color-text-primary);pointer-events:auto;animation:eo-slide-in .2s ease-out}.eo-notification--success{border-left:3px solid #16a34a}.eo-notification--error{border-left:3px solid #dc2626}.eo-notification--warning{border-left:3px solid #d97706}@keyframes eo-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--color-bg-chrome: #f5f4f0;--color-bg-document: #ffffff;--color-workspace: #e9e7e1;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-light: #eef2ff;--color-border: #e4e4e7;--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-muted: #a1a1aa;--color-gray-50: #fafafa;--color-gray-100: #f4f4f5;--color-gray-200: #e4e4e7;--color-gray-300: #d4d4d8;--color-gray-400: #a1a1aa;--color-gray-500: #71717a;--shadow-document: 0 2px 8px rgba(0, 0, 0, .12), 0 0 1px rgba(0, 0, 0, .05);--shadow-card: 0 1px 2px rgb(0 0 0 / 6%), 0 4px 12px rgb(0 0 0 / 4%);--titlebar-bg: rgba(245, 244, 240, .88);--font-ui: Plus Jakarta Sans, system-ui, -apple-system, sans-serif;--font-marketing: Instrument Serif, Georgia, serif;--ribbon-height: 96px;--sidebar-width: 220px;--statusbar-height: 24px;--module-color: #4f46e5}[data-theme=dark]{--color-bg-chrome: #1c1c21;--color-bg-document: #26262e;--color-workspace: #141418;--color-accent: #818cf8;--color-accent-hover: #a5b4fc;--color-accent-light: rgba(129, 140, 248, .15);--color-border: rgb(255 255 255 / 10%);--color-text-primary: #e7e5e4;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-gray-50: #23232a;--color-gray-100: #2a2a32;--color-gray-200: #32323c;--color-gray-300: #48484f;--color-gray-400: #6b7280;--color-gray-500: #9ca3af;--titlebar-bg: rgba(28, 28, 33, .88);--shadow-card: 0 1px 3px rgb(0 0 0 / 30%), 0 4px 12px rgb(0 0 0 / 20%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-chrome: #1c1c21;--color-bg-document: #26262e;--color-workspace: #141418;--color-accent: #818cf8;--color-accent-hover: #a5b4fc;--color-accent-light: rgba(129, 140, 248, .15);--color-border: rgb(255 255 255 / 10%);--color-text-primary: #e7e5e4;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-gray-50: #23232a;--color-gray-100: #2a2a32;--color-gray-200: #32323c;--color-gray-300: #48484f;--color-gray-400: #6b7280;--color-gray-500: #9ca3af;--titlebar-bg: rgba(28, 28, 33, .88);--shadow-card: 0 1px 3px rgb(0 0 0 / 30%), 0 4px 12px rgb(0 0 0 / 20%)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);font-size:.875rem;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-chrome);overflow:hidden;height:100dvh;display:flex;flex-direction:column}#app-root{display:contents}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-light);color:var(--color-accent)}button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-layout{display:grid;grid-template-rows:auto 1fr auto;height:100dvh;overflow:hidden}.app-content{overflow:hidden;display:flex;position:relative}.document-canvas{flex:1;overflow:auto;background:var(--color-bg-chrome);padding:2rem}.document-canvas .document-page{background:var(--color-bg-document);box-shadow:var(--shadow-document);margin:0 auto;max-width:794px}