:root{color-scheme:dark;--bg:#0d0e10;--panel:#151619;--panel2:#1b1c20;--line:rgba(255,255,255,.09);--muted:#888b92;--text:#f5f6f8;--blue:#4c7bff;--danger:#ff6d7c}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Pretendard,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}
[hidden]{display:none!important}.admin-shell{min-height:100vh}.admin-head{height:64px;padding:0 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(13,14,16,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.admin-brand{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.04em}.admin-brand img{width:116px;max-height:23px;object-fit:contain}.admin-brand span{padding-left:16px;border-left:1px solid var(--line);color:#a9adb6}
.admin-head-actions{display:flex;align-items:center;gap:9px}.admin-head-actions a,.admin-head-actions button{height:34px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:#18191c;color:#c6c8cd;text-decoration:none;font-size:11px;font-weight:700}.admin-head-actions a{display:flex;align-items:center}.admin-connection{margin-right:8px;color:#9ca0a9;font-size:11px}.admin-connection.ok{color:#72e7a8}.admin-connection.error{color:#ff8e9e}
.admin-main{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:calc(100vh - 64px)}.post-panel{border-right:1px solid var(--line);background:#111214;padding:22px 18px;position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto}.panel-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.panel-title small,.editor-top small,.section-heading small{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.15em}.panel-title h1{font-size:20px;margin:5px 0 0}.new-post{height:34px;padding:0 12px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:11px;font-weight:800}.post-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px}.post-filters select{width:100%;height:34px;border:1px solid var(--line);border-radius:7px;background:#18191c;color:#b8bbc3;padding:0 8px;font-size:10px}
.post-list{display:flex;flex-direction:column;gap:7px}.post-item{width:100%;padding:13px;border:1px solid transparent;border-radius:9px;background:#18191c;color:#fff;text-align:left;transition:.15s}.post-item:hover{border-color:rgba(255,255,255,.16);transform:translateY(-1px)}.post-item.on{border-color:rgba(76,123,255,.65);background:rgba(76,123,255,.11)}.post-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.post-item-meta{display:flex;align-items:center;justify-content:space-between;margin-top:9px;color:#777b84;font-size:9px}.status-pill{padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.07);color:#a9adb6;font-weight:800}.status-pill.published{background:rgba(71,211,137,.1);color:#72e7a8}.status-pill.draft{background:rgba(254,197,20,.1);color:#ffd864}.status-pill.modified{background:rgba(76,123,255,.13);color:#8facff}.list-loading,.list-empty{padding:24px 8px;text-align:center;color:#777b84;font-size:11px;line-height:1.7}
.editor-panel{min-width:0;padding:28px 34px 70px}.editor-empty{height:230px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.015);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.editor-empty strong{font-size:16px}.editor-empty span{margin-top:8px;color:var(--muted);font-size:11px}.editor-empty button{margin-top:17px;height:36px;padding:0 14px;border:1px solid rgba(76,123,255,.5);border-radius:8px;background:rgba(76,123,255,.1);color:#9ab1ff;font-size:11px;font-weight:800}.post-editor{max-width:1100px;margin:0 auto}.editor-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.editor-top h2{margin:5px 0 0;font-size:23px}.editor-actions{display:flex;gap:7px}.editor-actions button{height:36px;padding:0 14px;border-radius:8px;font-size:11px;font-weight:800}.editor-actions .subtle,.editor-actions .draft{border:1px solid var(--line);background:#18191c;color:#c6c8cd}.editor-actions .danger{color:#ff8995}.editor-actions .publish{border:0;background:var(--blue);color:#fff}
.form-section{margin-bottom:14px;padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.form-grid{display:grid;gap:12px;margin-bottom:12px}.form-grid.four{grid-template-columns:1fr 1fr 1fr 1.15fr}.form-grid.two{grid-template-columns:1fr 1fr}.post-editor label{display:flex;flex-direction:column;gap:7px;color:#a9adb6;font-size:10px;font-weight:700}.post-editor input,.post-editor textarea,.post-editor select{width:100%;border:1px solid var(--line);border-radius:8px;outline:0;background:#101113;color:#f5f6f8;padding:0 11px;font-size:12px}.post-editor input,.post-editor select{height:39px}.post-editor textarea{padding-top:10px;resize:vertical;line-height:1.6}.post-editor input:focus,.post-editor textarea:focus,.post-editor select:focus{border-color:#4c7bff;box-shadow:0 0 0 3px rgba(76,123,255,.1)}.wide-label{margin-top:12px}.wide-label:first-child{margin-top:0}.title-input{font-size:16px!important;font-weight:700}.check-label{align-self:end;height:39px;flex-direction:row!important;align-items:center!important;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#101113}.check-label input{width:14px!important;height:14px!important;margin:0}
.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-heading h3{margin:5px 0 0;font-size:16px}.section-heading>span{color:#777b84;font-size:9px}.thumbnail-box{position:relative;height:210px;border:1px dashed rgba(255,255,255,.16);border-radius:10px;background:#101113;overflow:hidden;display:grid;place-items:center;cursor:pointer}.thumbnail-box.drag{border-color:var(--blue);background:rgba(76,123,255,.05)}.thumbnail-empty{display:flex;flex-direction:column;align-items:center;gap:6px}.thumbnail-empty strong{font-size:12px}.thumbnail-empty span{color:#777b84;font-size:10px}.thumbnail-box>img{width:100%;height:100%;object-fit:cover}.thumbnail-actions{position:absolute;right:10px;bottom:10px;display:flex;gap:5px}.thumbnail-actions button{height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(10,11,13,.85);color:#fff;font-size:10px}
.body-section{padding:0;overflow:visible}.body-section .section-heading{padding:20px 20px 0}.editor-toolbar{min-height:47px;padding:7px 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;flex-wrap:wrap;background:#111214;position:sticky;top:64px;z-index:8}.editor-toolbar button,.editor-toolbar select,.color-tool{height:31px;border:1px solid var(--line);border-radius:6px;background:#1c1d21;color:#c6c8cd;padding:0 9px;font-size:10px;display:flex;align-items:center;justify-content:center}.editor-toolbar button:hover,.editor-toolbar button[aria-expanded="true"]{color:#fff;border-color:rgba(76,123,255,.72);background:rgba(76,123,255,.13)}.toolbar-line{width:1px;height:20px;background:var(--line);margin:0 2px}.color-tool{position:relative;width:32px;padding:0;font-weight:900}.color-tool input{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.toolbar-popover-wrap{position:relative}.toolbar-popover{position:absolute;top:39px;right:0;z-index:30;padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#202126;box-shadow:0 18px 50px rgba(0,0,0,.55)}.table-picker{width:249px}.table-picker>strong{font-size:11px}.table-picker>span{float:right;color:#8facff;font-size:10px;font-weight:800}.table-picker-grid{clear:both;display:grid;grid-template-columns:repeat(8,24px);gap:4px;padding-top:11px}.table-picker-grid button{width:24px;height:24px;padding:0;border-radius:4px;background:#141519}.table-picker-grid button.on{border-color:#7899ff;background:#4c7bff}.emoji-popover{width:354px;padding:5px}.emoji-popover emoji-picker{width:342px;height:390px;--background:#202126;--border-color:transparent;--input-border-color:rgba(255,255,255,.14);--input-font-color:#f5f6f8;--input-placeholder-color:#888b92;--category-font-color:#c6c8cd;--indicator-color:#4c7bff;--button-hover-background:rgba(255,255,255,.08)}
.table-context-tools{padding:8px 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;flex-wrap:wrap;background:#18191c}.table-context-tools>span{margin-right:4px;color:#8facff;font-size:10px;font-weight:800}.table-context-tools button{height:28px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:#222328;color:#c6c8cd;font-size:9px}.table-context-tools button:hover{border-color:rgba(255,255,255,.24);color:#fff}.table-context-tools button.danger{color:#ff8995}.table-context-tools i{width:1px;height:17px;background:var(--line)}
.rich-editor{min-height:420px;outline:0;background:#fafafa;color:#26282d;font-size:15px;line-height:1.75}.rich-editor-content{min-height:420px;padding:26px 30px;outline:0}.rich-editor-content p.is-editor-empty:first-child::before{content:attr(data-placeholder);height:0;float:left;color:#a5a8ae;pointer-events:none}.rich-editor p{margin:0 0 15px}.rich-editor .pt-lead{font-size:18px}.rich-editor .pt-small{font-size:12px}.rich-editor h2{font-size:28px}.rich-editor h3{font-size:23px}.rich-editor h4{font-size:19px}.rich-editor a{color:#315ee8;text-decoration:underline}.editor-figure{position:relative;margin:24px 0;padding:10px;border:1px solid #ddd;border-radius:9px;background:#fff}.editor-figure.ProseMirror-selectednode{border-color:#4c7bff;box-shadow:0 0 0 3px rgba(76,123,255,.18)}.editor-figure img{display:block;max-width:100%;max-height:560px;margin:auto}.editor-figure figcaption{padding:8px 4px 0;color:#777;font-size:12px;text-align:center}.editor-media-actions{position:absolute;right:15px;top:15px;display:flex;gap:5px}.editor-media-actions button{border:0;border-radius:6px;background:rgba(0,0,0,.72);color:#fff;padding:6px 9px;font-size:10px}.tableWrapper{overflow-x:auto;margin:20px 0}.rich-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0}.rich-table td,.rich-table th{position:relative;min-width:80px;padding:8px;border:1px solid #bbb;vertical-align:top}.rich-table th{background:#eee}.rich-table .selectedCell:after{content:"";position:absolute;inset:0;background:rgba(76,123,255,.18);pointer-events:none}.column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:4px;background:#4c7bff;pointer-events:none}.resize-cursor{cursor:col-resize}.editor-status{min-height:20px;margin:10px 3px;color:#8facff;font-size:11px}.editor-status.error{color:#ff8e9e}.editor-status.success{color:#72e7a8}
.rich-editor table{width:100%;border:1px solid #343434!important;border-collapse:collapse!important;table-layout:fixed;margin:0;background:#fff}.rich-editor table td,.rich-editor table th{position:relative;min-width:80px;padding:9px 10px;border:1px solid #343434!important;background:#fff;color:#26282d;vertical-align:top}.rich-editor table th{background:#e8e9ec!important;font-weight:800}.rich-editor table .selectedCell:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px #4c7bff;background:rgba(76,123,255,.16);pointer-events:none}
.editor-status.warning{color:#ffd864}.editor-status.deploying{color:#8facff}.preview-modal{width:min(1120px,calc(100vw - 40px));height:min(860px,calc(100vh - 40px));padding:60px 22px 30px;border:1px solid var(--line);border-radius:15px;background:#101113;color:#fff}.preview-modal::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(4px)}.preview-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#fff;font-size:28px}.preview-device-switch{position:absolute;left:50%;top:16px;transform:translateX(-50%);display:flex}.preview-device-switch button{height:30px;padding:0 13px;border:1px solid var(--line);background:#191a1e;color:#888b92;font-size:10px}.preview-device-switch button:first-child{border-radius:7px 0 0 7px}.preview-device-switch button:last-child{border-radius:0 7px 7px 0}.preview-device-switch button.on{background:#fff;color:#222}.preview-page{width:100%;min-height:100%;margin:auto;padding:55px clamp(25px,7vw,90px);background:#18191c;border-radius:10px;transition:.2s;overflow:auto}.preview-page.mobile{width:390px}.preview-page>small{color:#8facff}.preview-page>h1{margin:12px 0 18px;font-size:36px}.preview-summary{color:#a9adb6}.preview-content{margin-top:38px;color:#dedede;font-size:15px;line-height:1.8}.preview-content img{max-width:100%}.preview-content .editor-media-actions{display:none}.admin-toast{position:fixed;right:24px;bottom:24px;z-index:100;padding:13px 16px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#23252a;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.4);font-size:11px}
@media(max-width:1000px){.admin-main{grid-template-columns:260px minmax(0,1fr)}.editor-panel{padding:24px 18px 60px}.form-grid.four{grid-template-columns:1fr 1fr}.rich-editor-content{padding:22px 20px}}
@media(max-width:760px){.admin-head{padding:0 14px}.admin-brand span,.admin-connection,.admin-head-actions a{display:none}.admin-main{display:block}.post-panel{position:relative;top:0;width:100%;height:auto;max-height:330px;border-right:0;border-bottom:1px solid var(--line)}.editor-panel{padding:18px 12px 50px}.editor-top{align-items:flex-start;gap:14px;flex-direction:column}.editor-actions{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.editor-actions button{padding:0 5px}.form-grid.four,.form-grid.two{grid-template-columns:1fr}.editor-toolbar{top:64px}.rich-editor,.rich-editor-content{min-height:330px}.rich-editor-content{padding:18px 14px}.toolbar-popover{position:fixed;left:12px;right:12px;top:118px;width:auto}.emoji-popover emoji-picker{width:100%;height:370px}.preview-page.mobile{width:100%}}