*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;width:100%;max-width:100vw;overflow-x:clip}body{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;line-height:1.6;display:flex;position:relative;overflow-x:clip}#app{flex-direction:column;width:100%;max-width:100vw;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}body.modal-open{overflow:hidden!important}:root{--bg-primary:#0b0d11;--bg-secondary:#12151b;--bg-tertiary:#191c24;--bg-elevated:#20242f;--bg-card:#12151b;--bg-glass:#12151bf2;--border-color:#ffffff14;--border-subtle:#ffffff0a;--border-hover:#ffffff29;--border-active:#3b82f6;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-blue:#3b82f6;--accent-cyan:#0284c7;--accent-emerald:#10b981;--accent-amber:#d97706;--accent-rose:#e11d48;--gradient-brand:linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);--gradient-ai:linear-gradient(180deg, #2563eb0d 0%, transparent 100%);--gradient-card-hover:transparent;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px -2px #00000073, 0 2px 6px -1px #0000004d;--shadow-lg:0 12px 32px -4px #0009, 0 4px 12px -2px #00000059;--shadow-glow:none;--font-main:"Public Sans", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Newsreader", "Georgia", Cambria, serif;--font-mono:"JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--transition-fast:.12s cubic-bezier(.16, 1, .3, 1);--transition-normal:.2s cubic-bezier(.16, 1, .3, 1);--container-max:1280px}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--bg-card:#fff;--bg-glass:#fffffff2;--border-color:#e2e8f0;--border-subtle:#edf2f7;--border-hover:#cbd5e1;--border-active:#2563eb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a12;--shadow-lg:0 12px 28px #0f172a17;--shadow-glow:none;--gradient-brand:linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);--gradient-ai:linear-gradient(180deg, #2563eb08 0%, transparent 100%);--gradient-card-hover:transparent}.nav-sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);text-align:left;border:1px solid #0000;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex}.nav-sidebar-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-sidebar-link.active{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary);font-weight:600}.nav-sidebar-link.active svg{color:var(--accent-primary)}#admin-cms-modal{z-index:20000!important;align-items:stretch!important;padding:0!important;overflow:hidden!important}#admin-cms-modal .modal-container{border:none!important;border-radius:0!important;flex-direction:column!important;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;display:flex!important;overflow:hidden!important;transform:none!important}#manuscript-editor-fullscreen{z-index:30000!important;background:var(--bg-primary)!important;color:var(--text-primary)!important;flex-direction:column!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.cms-scroll-view::-webkit-scrollbar{width:8px}.cms-scroll-view::-webkit-scrollbar-track{background:var(--bg-secondary)}.cms-scroll-view::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}.cms-scroll-view::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.btn-tb{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;padding:.3rem .6rem;font-size:.8rem;font-weight:700}.btn-tb:hover{background:var(--bg-primary);border-color:var(--accent-primary);color:#60a5fa}.btn-tb-tag{color:#60a5fa;cursor:pointer;transition:all var(--transition-fast);background:#2563eb14;border:1px solid #3b82f633;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:700}.btn-tb-tag:hover{background:var(--accent-primary);color:#fff;border-color:#0000}#wysiwyg-editor-canvas .article-inline-image{-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm);cursor:grab;max-width:100%;margin:1.5rem auto;transition:outline .15s,box-shadow .15s;display:block;position:relative}#wysiwyg-editor-canvas .article-inline-image img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#wysiwyg-editor-canvas .article-inline-image.align-center{float:none;clear:both;margin:1.5rem auto;display:block}#wysiwyg-editor-canvas .article-inline-image.align-left{float:left;clear:left;max-width:48%;margin:.5rem 1.5rem .75rem 0}#wysiwyg-editor-canvas .article-inline-image.align-right{float:right;clear:right;max-width:48%;margin:.5rem 0 .75rem 1.5rem}#wysiwyg-editor-canvas .article-inline-image:hover{outline-offset:2px;outline:1.5px dashed #00f2fe73}#wysiwyg-editor-canvas .article-inline-image.is-selected{outline-offset:2px;box-shadow:0 4px 20px #00f2fe40;outline:2px solid var(--accent-primary)!important}#wysiwyg-editor-canvas .article-inline-image.is-dragging{opacity:.35;outline:2px dashed var(--accent-primary)!important;cursor:grabbing!important}.wysiwyg-drop-indicator{background:var(--accent-primary);height:4px;box-shadow:0 0 14px #00f2fee6, 0 0 4px var(--accent-primary);pointer-events:none;z-index:100;border-radius:2px;margin:.75rem 0;transition:all .1s;position:relative}.wysiwyg-drop-indicator:before{content:"✦ Pindahkan Gambar ke Sini";background:var(--accent-primary);color:#000;white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.68rem;font-weight:800;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000080}.word-resize-handle{border:1.5px solid var(--accent-primary);z-index:40;background:#fff;border-radius:2px;width:10px;height:10px;display:none;position:absolute;box-shadow:0 1px 4px #0006}#wysiwyg-editor-canvas .article-inline-image.is-selected .word-resize-handle{display:block}.word-resize-handle.handle-nw{cursor:nwse-resize;top:-5px;left:-5px}.word-resize-handle.handle-ne{cursor:nesw-resize;top:-5px;right:-5px}.word-resize-handle.handle-se{cursor:nwse-resize;bottom:-5px;right:-5px}.word-resize-handle.handle-sw{cursor:nesw-resize;bottom:-5px;left:-5px}.word-resize-handle.handle-n{cursor:ns-resize;top:-5px;left:50%;transform:translate(-50%)}.word-resize-handle.handle-s{cursor:ns-resize;bottom:-5px;left:50%;transform:translate(-50%)}.word-resize-handle.handle-w{cursor:ew-resize;top:50%;left:-5px;transform:translateY(-50%)}.word-resize-handle.handle-e{cursor:ew-resize;top:50%;right:-5px;transform:translateY(-50%)}.word-layout-badge{z-index:50;border:1px solid var(--accent-cyan);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;background:#0b1120f5;align-items:center;gap:.3rem;max-width:95vw;padding:.25rem .6rem;animation:.15s cubic-bezier(.16,1,.3,1) popIn;display:none;position:absolute;top:-42px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 6px 20px #0000008c,0 0 12px #00f2fe33}#wysiwyg-editor-canvas .article-inline-image.is-selected .word-layout-badge{display:flex}.word-layout-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.word-layout-btn:hover{background:var(--bg-primary);border-color:var(--accent-cyan);color:var(--accent-cyan)}.word-layout-btn.active{background:var(--accent-cyan);color:#000;border-color:var(--accent-cyan);font-weight:800}.word-layout-btn.danger:hover{background:var(--accent-rose);color:#fff;border-color:var(--accent-rose)}.word-layout-divider{background:#fff3;width:1px;height:14px;margin:0 .1rem}.word-dim-badge{border:1px solid var(--accent-cyan);color:var(--accent-cyan);font-family:var(--font-mono);pointer-events:none;z-index:60;white-space:nowrap;background:#000000d9;border-radius:4px;padding:.2rem .5rem;font-size:.68rem;font-weight:700;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}#wysiwyg-editor-canvas .article-inline-image figcaption{color:var(--text-secondary);-webkit-user-select:text;user-select:text;background:0 0;border-radius:4px;outline:none;min-height:1.4rem;margin:.4rem 0 .2rem;padding:.2rem .4rem;font-size:.825rem}#wysiwyg-editor-canvas .article-inline-image figcaption:hover,#wysiwyg-editor-canvas .article-inline-image figcaption:focus{background:#ffffff0d}#wysiwyg-editor-canvas .article-inline-image figcaption:empty:before{content:attr(placeholder);color:var(--text-muted);font-style:italic}.inline-img-modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:640px;max-height:88vh;animation:.2s cubic-bezier(.16,1,.3,1) popIn;display:flex;overflow:hidden;box-shadow:0 16px 48px #000000b3}.inline-img-option-pill{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.4rem .85rem;font-size:.78rem;font-weight:700}.inline-img-option-pill:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-active)}.inline-img-option-pill.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00f2fe1f}.tag-badge{border-radius:var(--radius-xs);letter-spacing:.02em;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);align-items:center;padding:.2rem .55rem;font-size:.68rem;font-weight:600;display:inline-flex}