:root{--bg:#070809;--surface:#101315;--surface-2:#141819;--edge:#2a3031;--text:#e8e9e7;--muted:#9ba3a3;--dim:#7b8586;--mint:#a6d7c6;--danger:#d7a6a6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px 'Pretendard Variable','Noto Sans KR','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}[hidden]{display:none!important}.mono,.crumb,.panel-title,.sidebar-label{font-family:'DM Mono',Consolas,monospace}
.studio-header{height:68px;border-bottom:1px solid #1e2324}.studio-header-inner{max-width:1440px;height:100%;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;white-space:nowrap}.studio-brand .slash{color:#505a5b}.studio-brand .studio-word{color:var(--mint);font:13px 'DM Mono',monospace}.header-right{display:flex;align-items:center;gap:22px;color:var(--dim);font-size:12px}.private-label{border:1px solid #35403c;color:#a6c2b7;padding:6px 9px;font:10px 'DM Mono',monospace;letter-spacing:.06em}.text-button{padding:0;border:0;background:none;color:var(--muted);font-size:12px}.text-button:hover{color:var(--mint)}
.studio-shell{max-width:1440px;min-height:calc(100vh - 68px);margin:auto;display:grid;grid-template-columns:218px minmax(0,1fr)}.studio-sidebar{border-right:1px solid #1e2324;padding:40px 20px;display:flex;flex-direction:column}.sidebar-label{padding:0 15px;margin-bottom:21px;color:var(--dim);font-size:11px;letter-spacing:.09em}.sidebar-nav{display:grid;gap:4px}.sidebar-nav a{padding:12px 15px;color:var(--muted);font-size:14px;border-left:2px solid transparent}.sidebar-nav a:hover{color:var(--text)}.sidebar-nav a.active{color:var(--text);background:#111718;border-left-color:var(--mint)}.sidebar-note{margin-top:auto;padding:0 15px;color:var(--dim);font-size:12px;line-height:1.7}.studio-main{min-width:0;padding:49px 52px 80px}.crumb{color:var(--dim);font-size:11px;letter-spacing:.06em}.screen-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:18px 0 38px}.screen-head h1{margin:0 0 10px;font-size:38px;font-weight:400;letter-spacing:-.035em}.screen-head p{margin:0;color:var(--muted);font-size:14px}.primary-button,.ghost-button{min-height:42px;padding:0 17px;font-size:13px;white-space:nowrap}.primary-button{border:1px solid var(--mint);background:var(--mint);color:#102019;font-weight:600}.primary-button:hover{background:#bce4d6;color:#102019}.ghost-button{border:1px solid var(--edge);background:transparent;color:var(--text)}.ghost-button:hover{border-color:#677575}.button-link{display:inline-flex;align-items:center;justify-content:center}.danger-button{color:var(--danger)}.danger-button:hover{border-color:var(--danger)}.danger-fill{background:var(--danger);border-color:var(--danger);color:#201010}.danger-fill:hover{background:#e9baba;color:#201010}
.list-overview{display:flex;gap:28px;padding:0 0 20px;border-bottom:1px solid var(--edge);color:var(--muted);font-size:13px}.list-overview strong{color:var(--text);font-weight:500;margin-left:6px}.list-overview strong.mint{color:var(--mint)}.post-table-head{display:grid;grid-template-columns:minmax(0,1fr) 98px 100px 100px;gap:20px;padding:20px 17px 13px;color:var(--dim);font:11px 'DM Mono',monospace}.post-item{display:grid;grid-template-columns:minmax(0,1fr) 98px 100px 100px;gap:20px;align-items:center;padding:23px 17px;border-top:1px solid #1f2526}.post-item:last-child{border-bottom:1px solid #1f2526}.post-item:hover{background:#0d1112}.post-title{min-width:0}.post-title a{display:inline-block;font-size:17px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}.post-title a:hover{color:var(--mint)}.post-title p{margin:8px 0 0;color:var(--dim);font-size:12px;overflow-wrap:anywhere}.post-state{color:var(--mint);font-size:12px}.post-state.published{color:#b8c1be}.post-category,.post-updated{color:var(--muted);font-size:12px}.empty-state{border-bottom:1px solid var(--edge);padding:45px 17px;color:var(--muted)}.empty-state h2{margin:0 0 9px;color:var(--text);font-size:19px;font-weight:400}.empty-state p{margin:0;line-height:1.7}.workflow{margin-top:67px;border-top:1px solid var(--edge);padding-top:28px}.workflow h2{margin:0 0 22px;font-size:17px;font-weight:400}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.workflow-step{border-left:1px solid #3a4242;padding-left:17px}.workflow-step span{color:var(--dim);font:11px 'DM Mono',monospace}.workflow-step h3{margin:10px 0 7px;font-size:15px;font-weight:500}.workflow-step p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.editor-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:18px 0 29px}.editor-header h1{margin:0 0 8px;font-size:32px;font-weight:400;letter-spacing:-.03em}.editor-status{color:var(--muted);font-size:12px}.editor-status b{color:var(--mint);font-weight:500}.editor-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.edit-panel,.preview-panel,.taxonomy-list-wrap{min-width:0;border:1px solid var(--edge);background:#0c0f10}.panel-top{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-bottom:1px solid var(--edge)}.panel-title{color:var(--muted);font-size:11px;letter-spacing:.06em}.panel-hint{color:var(--dim);font-size:11px}.edit-fields{display:grid;gap:17px;padding:21px 20px 24px}.field{display:grid;gap:8px}.field label{color:var(--dim);font-size:12px}.field small{color:var(--dim);font-size:11px}.field input,.field select,.field textarea{width:100%;min-height:39px;padding:8px 11px;border:1px solid var(--edge);outline:none;background:#101415;color:var(--text);border-radius:0}.field input:focus,.field select:focus,.field textarea:focus,.markdown-input:focus{border-color:#88bca9}.field textarea{resize:vertical;line-height:1.6}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.required{color:var(--mint)}.markdown-head{padding:15px 20px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;gap:10px}.markdown-head span{color:var(--dim);font:11px 'DM Mono',monospace}.insert-button{padding:0;border:0;background:transparent;color:var(--mint);font-size:12px}.markdown-input{display:block;width:100%;min-height:400px;resize:vertical;border:0;outline:none;padding:20px;background:#0c0f10;color:#b9c7c3;font:13px/1.8 'DM Mono',Consolas,monospace;tab-size:2}.edit-bottom{padding:14px 20px;border-top:1px solid var(--edge);color:var(--dim);font-size:11px;line-height:1.7}.edit-bottom a{color:var(--mint)}.preview-toolbar{display:flex;align-items:center;gap:5px}.preview-toolbar button{border:0;background:transparent;color:var(--dim);font:11px 'DM Mono',monospace;padding:5px 7px}.preview-toolbar button.active{color:var(--text)}.preview-canvas{padding:28px 29px 35px;min-height:641px;overflow:auto}.preview-canvas.narrow .preview-article{width:min(100%,340px);margin:auto}.preview-article{max-width:520px;margin:auto}.preview-meta{color:var(--dim);font:11px 'DM Mono',monospace}.preview-article h2{margin:19px 0 14px;font-size:29px;font-weight:350;line-height:1.35;letter-spacing:-.025em;overflow-wrap:anywhere}.preview-summary,.rendered-markdown p,.rendered-markdown li,.rendered-markdown blockquote{color:#bfc7c5;font-size:14px;line-height:1.85;overflow-wrap:anywhere}.preview-summary:empty{display:none}.preview-rule{height:1px;margin:27px 0;background:var(--edge)}.rendered-markdown h1,.rendered-markdown h2,.rendered-markdown h3,.rendered-markdown h4{margin:27px 0 11px;font-weight:400;line-height:1.4}.rendered-markdown h1{font-size:24px}.rendered-markdown h2{font-size:20px}.rendered-markdown h3{font-size:17px}.rendered-markdown h4{font-size:15px}.rendered-markdown p{margin:0 0 17px}.rendered-markdown ul,.rendered-markdown ol{padding-left:22px}.rendered-markdown blockquote{margin:20px 0;padding:4px 0 4px 18px;border-left:2px solid #48695d}.rendered-markdown pre{overflow:auto;padding:15px;background:#141819;border:1px solid var(--edge);color:#c5d9d1;font:12px/1.7 'DM Mono',Consolas,monospace}.rendered-markdown code,.code-line{padding:2px 5px;background:#16201d;color:#bfe0d3;font:12px 'DM Mono',Consolas,monospace}.rendered-markdown pre code{padding:0;background:none}.rendered-markdown a{text-decoration:underline;text-underline-offset:3px;color:var(--mint)}.rendered-markdown hr{border:0;border-top:1px solid var(--edge);margin:26px 0}.preview-note{margin-top:19px;padding-top:15px;border-top:1px solid var(--edge);color:var(--dim);font-size:11px;line-height:1.65}.mobile-view-switch{display:none}.form-error{margin:0 0 16px;color:#e2adad;font-size:13px;line-height:1.6}.form-actions{display:flex;gap:8px;flex-wrap:wrap}
.login-wrap{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:30px 20px}.login-card{width:min(100%,420px);padding:38px;border:1px solid var(--edge);background:#0c0f10;display:grid;gap:19px}.login-card h1{margin:0;font-size:30px;font-weight:400}.login-card>p:not(.form-error){margin:-9px 0 3px;color:var(--muted);font-size:13px}.login-card .primary-button{width:100%}.loading-screen{padding:70px 20px;text-align:center;color:var(--muted)}
.taxonomy-layout{display:grid;grid-template-columns:minmax(250px,380px) minmax(0,1fr);gap:20px;align-items:start}.taxonomy-list-wrap{min-height:200px}.taxonomy-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 20px;border-bottom:1px solid var(--edge)}.taxonomy-item:last-child{border-bottom:0}.taxonomy-item h2{margin:0 0 6px;font-size:16px;font-weight:500;overflow-wrap:anywhere}.taxonomy-item p{margin:0;color:var(--dim);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.taxonomy-actions{display:flex;gap:12px;flex-shrink:0}.taxonomy-actions button{border:0;background:none;color:var(--muted);font-size:12px}.taxonomy-actions button:hover{color:var(--mint)}.taxonomy-actions button:last-child:hover{color:var(--danger)}.taxonomy-empty{padding:30px 20px;color:var(--muted);font-size:13px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{border-left:1px solid #3a4242;padding:2px 0 5px 18px}.guide-number{color:var(--dim);font-size:11px}.guide-card h2,.allowed-labs h2{margin:16px 0 10px;font-size:18px;font-weight:400}.guide-card p,.allowed-labs p{color:var(--muted);font-size:13px;line-height:1.8}.code-line{display:block;padding:12px;margin-top:18px;white-space:normal;overflow-wrap:anywhere}.allowed-labs{margin-top:55px;padding:25px 0;border-top:1px solid var(--edge)}.allowed-labs .ghost-button{margin-top:10px}.guide-note{color:var(--dim)!important}
.confirm-dialog{width:min(100% - 32px,420px);padding:28px;border:1px solid #53645e;background:#101617;color:var(--text)}.confirm-dialog::backdrop{background:rgba(0,0,0,.72)}.confirm-dialog h2{font-size:21px;font-weight:400;margin:14px 0 7px}.confirm-dialog p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 22px}.toast{position:fixed;right:22px;bottom:22px;max-width:min(380px,calc(100vw - 44px));padding:13px 18px;border:1px solid #405449;background:#14221c;color:var(--text);font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:5}.toast.error{border-color:#785454;background:#281818}
@media(max-width:1050px){.studio-shell{grid-template-columns:170px minmax(0,1fr)}.studio-main{padding:40px 30px 70px}.editor-workspace{gap:14px}.editor-actions{max-width:440px;justify-content:flex-end}}
@media(max-width:850px){.studio-header-inner{padding:0 20px}.header-caption{display:none}.studio-shell{display:block}.studio-sidebar{padding:0 20px;border-right:0;border-bottom:1px solid var(--edge)}.sidebar-label,.sidebar-note{display:none}.sidebar-nav{display:flex;gap:21px;overflow-x:auto;white-space:nowrap}.sidebar-nav a{border-left:0;border-bottom:2px solid transparent;padding:13px 0 12px;background:none!important;font-size:13px}.sidebar-nav a.active{border-bottom-color:var(--mint)}.studio-main{padding:30px 20px 70px}.screen-head h1{font-size:31px}.post-table-head{display:none}.post-item{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:20px 0}.post-title{grid-column:1/-1}.post-title a{font-size:16px}.post-state{grid-column:1}.post-category{grid-column:2;text-align:right}.post-updated{display:none}.workflow{margin-top:49px}.workflow-steps{grid-template-columns:1fr;gap:19px}.editor-header{align-items:flex-start;flex-direction:column}.editor-header h1{font-size:28px}.editor-actions{width:100%;max-width:none;justify-content:flex-start}.editor-actions button{flex:1}.mobile-view-switch{display:flex;gap:0;margin-bottom:13px;border-bottom:1px solid var(--edge)}.mobile-view-switch button{padding:10px 17px 10px 0;margin-right:22px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px}.mobile-view-switch button.active{color:var(--text);border-bottom-color:var(--mint)}.editor-workspace{display:block}.editor-workspace[data-mode="edit"] .preview-panel{display:none}.editor-workspace[data-mode="preview"] .edit-panel{display:none}.preview-canvas{min-height:0}.taxonomy-layout{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr;gap:24px}}
@media(max-width:440px){.studio-brand{font-size:12px}.private-label{font-size:9px}.header-right{gap:12px}.screen-head{align-items:flex-start}.screen-head .primary-button{margin-top:2px}.screen-head h1{font-size:28px}.screen-head p{display:none}.field-grid{grid-template-columns:1fr}.markdown-input{min-height:390px}.preview-canvas{padding:23px 18px 28px}.preview-article h2{font-size:25px}.editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.editor-actions button{padding:0 7px}.editor-actions #delete-button{grid-column:1/-1}.login-card{padding:25px}.list-overview{gap:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.rendered-markdown img{display:block;max-width:100%;height:auto;margin:20px 0}.rendered-markdown table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:20px 0;font-size:12px}.rendered-markdown th,.rendered-markdown td{border:1px solid var(--edge);padding:8px 11px;text-align:left;white-space:nowrap}.rendered-markdown th{background:var(--surface-2)}
.preview-panel .preview-article .lab-slot{margin-left:0;margin-right:0}
@media(max-width:440px){.preview-toolbar{display:none}.preview-canvas.narrow .preview-article{width:100%}}
.public-post-link{display:inline-block;margin-top:10px;color:var(--mint);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.asset-panel{padding:20px;border-top:1px solid var(--edge)}.asset-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.asset-heading h2{margin:0;font-size:16px;font-weight:500}.asset-heading span,.asset-help,.asset-empty{color:var(--muted);font-size:12px}.asset-help{line-height:1.7;margin:9px 0 17px}.asset-upload-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px}.asset-panel #asset-upload{min-height:42px}.asset-panel .form-error{margin:13px 0 0}.asset-list{margin-top:18px;border-top:1px solid var(--edge)}.asset-empty{margin:0;padding:17px 0}.asset-item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--edge)}.asset-thumb{width:62px;height:52px;object-fit:cover;border:1px solid var(--edge);background:var(--surface-2);flex:none}.asset-details{min-width:0;flex:1;display:grid;gap:5px}.asset-details strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.asset-details small{color:var(--dim);font-size:11px}.asset-actions{display:flex;gap:6px;flex-wrap:wrap}.asset-actions button{min-height:38px;padding:0 10px;font-size:12px}
@media(max-width:1050px){.asset-upload-fields{grid-template-columns:1fr}.asset-item{align-items:flex-start;flex-wrap:wrap}.asset-actions{width:100%;padding-left:74px}}
@media(max-width:440px){.asset-panel{padding:18px}.asset-actions{padding-left:0}.asset-actions button{flex:1}}
.primary-button,.ghost-button,.asset-panel #asset-upload,.asset-actions button{min-height:44px}
.sidebar-nav a{min-height:44px;display:flex;align-items:center}
.text-button{min-height:44px;padding:0 8px}