@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-light: #ffffff;--bg-secondary: #f8fafc;--bg-card: rgba(255, 255, 255, .95);--bg-glass: rgba(255, 255, 255, .8);--primary: #f97316;--primary-hover: #ea580c;--secondary: #f59e0b;--accent: #d97706;--text-main: #0f172a;--text-muted: #64748b;--border: rgba(15, 23, 42, .08);--border-hover: rgba(249, 115, 22, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .04);--glass-border: 1px solid rgba(15, 23, 42, .08);--header-height: 70px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#fff,#faf5ff,#fdf2f8);background-attachment:fixed;color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}.glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:var(--glass-border);box-shadow:0 2px 8px #0000000a}.glass-card{background:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--glass-border);border-radius:12px;box-shadow:var(--shadow-lg)}.app-container{display:flex;flex-direction:column;height:100vh}.app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:10}.logo{display:flex;align-items:center;gap:12px}.logo img{height:42px;width:auto;transition:transform .3s ease}.logo img:hover{transform:scale(1.05)}.title{margin-left:10px;font-weight:700;font-size:20px;letter-spacing:-.02em;color:#656f8c}.actions{display:flex;gap:12px}button{background:#fff;color:var(--text-main);border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000d}.btn-icon{width:20px;height:20px;object-fit:contain}button:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 4px 8px #00000014}button:active:not(:disabled){transform:translateY(0)}button.primary{background:#64748b;color:#fff;border:none;box-shadow:0 4px 12px #64748b4d}button.primary:hover:not(:disabled){background:#475569;box-shadow:0 6px 16px #64748b80;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}#export-pdf{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;box-shadow:0 2px 4px #ef44441a}#export-pdf:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;box-shadow:0 4px 8px #ef444433;transform:translateY(-1px)}#export-docx-pandoc{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;box-shadow:0 2px 4px #3b82f61a}#export-docx-pandoc:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd;box-shadow:0 4px 8px #3b82f633;transform:translateY(-1px)}#export-pptx-pandoc{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa;box-shadow:0 2px 4px #f973161a}#export-pptx-pandoc:hover:not(:disabled){background:#ffedd5;border-color:#fdba74;box-shadow:0 4px 8px #f9731633;transform:translateY(-1px)}.sm-button{background:#10b981!important;border:1px solid #059669!important;color:#ecfdf5;transition:all .2s ease;box-shadow:0 2px 4px #10b98133;font-weight:600}.sm-button:hover{background:#059669!important;border-color:#047857!important;transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;height:calc(100vh - var(--header-height));overflow:hidden}.pane{display:flex;flex-direction:column;overflow:hidden;background:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--glass-border);border-radius:16px;box-shadow:var(--shadow-lg)}.pane-header{padding:12px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.pane-title{padding:5px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}#editor{flex:1;background:transparent;color:var(--text-main);border:none;outline:none;resize:none;padding:20px;font-size:15px;line-height:1.7;font-family:Menlo,Monaco,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f172a4d}.content{flex:1;overflow:auto;padding:30px 40px;background:#fff;color:#1e293b}.content h1,.content h2,.content h3{color:#0f172a;font-weight:700;margin-top:1.5em;margin-bottom:.8em;line-height:1.3}.content h1{font-size:2.2em;border-bottom:2px solid #e2e8f0;padding-bottom:.3em}.content h2{font-size:1.8em}.content p{margin-bottom:1.2em;line-height:1.8}.content code{background:#f1f5f9;color:#ef4444;padding:2px 6px;border-radius:4px;font-size:.9em;font-family:Menlo,monospace}.content pre{background:#1e293b;color:#f8fafc;padding:16px;border-radius:8px;overflow-x:auto;margin:1.5em 0}.content pre code{background:transparent;color:inherit;padding:0}.content blockquote{border-left:4px solid var(--primary);background:linear-gradient(to right,#a855f70d,#f8fafc);margin:1.5em 0;padding:1em 1.5em;color:#475569;font-style:italic}.hint{padding:8px 16px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);background:var(--bg-secondary)}@media print{.app-header,.pane.left,.pane-header,.hint{display:none!important}html,body,#root,.app-container{height:auto!important;overflow:visible!important}.split{display:block!important;height:auto!important;padding:0!important}.pane{display:block!important;height:auto!important;overflow:visible!important}.pane.right{box-shadow:none;border:none;border-radius:0;background:#fff}.content{padding:0;height:auto!important;overflow:visible!important;display:block!important}body{background:#fff;height:auto;overflow:visible}@page{size:A4;margin:12mm}.content h1,.content h2,.content h3{break-after:avoid-page}.content pre,.content blockquote,.content table,.content img{break-inside:avoid}}@media (max-width: 768px){body{overflow:auto}.app-container{height:auto;min-height:100vh}.app-header{height:auto;flex-wrap:wrap;padding:16px;gap:12px}.logo{margin-bottom:4px}.actions{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}.actions button{flex:1;justify-content:center;padding:8px 12px;font-size:13px;white-space:nowrap}.split{grid-template-columns:1fr;height:auto;overflow:visible;padding:16px;gap:24px}.pane{height:60vh;min-height:400px}.pane.left{height:50vh}}