:root{--primary:#1e3a8a;--secondary:#2563eb;--accent:#f59e0b;--bg-dark:#0f172a;--bg-sidebar:#fff;--bg-panel:#fff;--text-main:#1e293b;--text-muted:#64748b;--border-light:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Pretendard,sans-serif}body{color:var(--text-main);-webkit-font-smoothing:antialiased;background-color:#f1f5f9}.app-container{background-color:#fff;flex-direction:column;min-height:100vh;display:flex}.sidebar{border-bottom:1px solid var(--border-light);z-index:1000;min-height:60px;position:sticky;top:0;background-color:#fff!important;flex-direction:row!important;align-items:center!important;width:100%!important;height:auto!important;padding:.5rem 1rem!important;display:flex!important;overflow-x:auto!important}.logo-area{color:var(--primary);white-space:nowrap;align-items:center;gap:.5rem;margin-right:1.5rem;font-size:1.1rem;font-weight:700;display:flex}.nav-link{color:var(--text-main);white-space:nowrap;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:var(--secondary);background-color:#eff6ff}.main-content{background:#fff;flex:1;padding:1rem;width:100%!important}.page-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{font-size:1.25rem;font-weight:700}.card{background:var(--bg-panel);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.editor-container{gap:1.5rem;width:100%;flex-direction:column!important;display:flex!important}.editor-main{background:#fff;border-radius:1rem;flex-direction:column;width:100%;min-height:400px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.editor-toolbar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:.75rem;padding:1rem;display:flex}.editor-textarea{resize:none;border:none;outline:none;flex:1;min-height:300px;padding:1.5rem;font-size:1.1rem;line-height:1.8}.ai-sidebar{color:#fff;background:linear-gradient(145deg,#1e3a8a 0%,#0f172a 100%);border-radius:1rem;width:100%;padding:1.5rem}@media (width>=1200px){.app-container{flex-direction:row;height:100vh;overflow:hidden}.sidebar{border-right:1px solid var(--border-light)!important;border-bottom:none!important;flex-direction:column!important;align-items:flex-start!important;width:280px!important;height:100vh!important;padding:1.5rem!important;position:static!important;overflow-y:auto!important}.logo-area{margin-bottom:2rem!important;font-size:1.5rem!important}.nav-link{width:100%;margin-bottom:.5rem;font-size:1rem}.main-content{height:100vh;padding:2rem;overflow-y:auto}.editor-container{grid-template-columns:2fr 1fr;height:calc(100vh - 8rem);display:grid!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card,.ai-sidebar,.nav-link{animation:.4s forwards fadeIn}