:root{color-scheme:light dark;--bg: #0f1419;--card: #1a222d;--text: #e8eef5;--muted: #9aa7b5;--accent: #3d8bfd;--err: #ff6b6b;--border: #2a3544;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(1200px 600px at 20% -10%,#1f3a5f33,transparent),radial-gradient(900px 500px at 100% 0%,#3d2a5f22,transparent),var(--bg);color:var(--text)}.page{max-width:1200px;margin:0 auto;padding:28px 20px 40px}.nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.nav-link{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);text-decoration:none;font-weight:600;font-size:.95rem}.nav-link:hover{border-color:var(--accent);color:var(--accent)}.nav-link.active,a.nav-link.active{border-color:var(--accent);background:#1e2a3d;color:var(--accent)}.header h1{margin:0 0 8px;font-size:1.75rem;font-weight:650;letter-spacing:-.02em}.sub{margin:0;color:var(--muted);line-height:1.55;max-width:62ch}.sub a{color:var(--accent);text-decoration:none}.sub a:hover{text-decoration:underline}.card{margin-top:22px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:14px}.upload{display:inline-flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;border-radius:10px;border:1px dashed var(--border);background:#121922}.upload input{display:none}.upload span{font-weight:600}.meta{margin:12px 0 0;color:var(--muted);font-size:.95rem}.error{margin:12px 0 0;color:var(--err);font-size:.95rem}.hint{margin-top:18px;color:var(--muted)}.frame-wrap{margin-top:18px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#0b0f14;min-height:72vh}.frame{width:100%;height:78vh;border:0;display:block;background:#fff}.page:has(.oo-page){min-height:100dvh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.page:has(.oo-page) .oo-page{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px}.onlyoffice-surface{color-scheme:light}.onlyoffice-surface .header h1,.onlyoffice-surface .header .sub{color:var(--text)}.oo-page .oo-card{flex:0 0 auto}.oo-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border-radius:14px;border:1px solid #b8c0cc;background:#e8eaee;overflow:hidden;color-scheme:light;forced-color-adjust:none}.oo-editor-mount{flex:1 1 auto;min-height:0;width:100%;position:relative;background:#f7f7f7}.onlyoffice-surface .hint,.onlyoffice-surface .meta{color:var(--muted)}.oo-hint{flex:0 0 auto;margin-top:0}.editor-tools{margin-top:16px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px}.btn-open{cursor:pointer;font:inherit;font-weight:600;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:#243044;color:var(--text)}.btn-open:hover{background:#2c3a52}.print-tips{margin:12px 0 0;font-size:.9rem;color:var(--muted);line-height:1.5;max-width:75ch}@media print{.no-print,.header,.card,.hint{display:none!important}body{background:#fff!important}.page{max-width:none;padding:0;margin:0}.frame-wrap{margin:0;border:0;border-radius:0;overflow:visible;min-height:0;background:#fff}.frame{height:100vh;width:100%;position:fixed;top:0;right:0;bottom:0;left:0}}