:root,html[data-theme=light]{--bg-page:#f8fafc;--bg-panel:#fff;--bg-panel-soft:#f1f5f9;--bg-panel-hover:#e2e8f0;--border-color:#e2e8f0;--border-color-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-primary:#00a88f;--accent-hover:#008f7a;--accent-glow:#00a88f33;--input-bg:#fff;--input-border:#cbd5e1;--card-shadow:0 4px 20px #0000000d;--topbar-bg:#fff;--sidebar-bg:#10111f;--purple:#00a88f;--purple-strong:#008f7a;--purple-wash:#f0fdf9;--danger:#ef4444}html[data-theme=dark]{--bg-page:#0b1b2b;--bg-panel:#11263c;--bg-panel-soft:#0d2136;--bg-panel-hover:#163350;--border-color:#1e3a5a;--border-color-strong:#2c527c;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#00d4b4;--accent-hover:#02b398;--accent-glow:#00d4b440;--input-bg:#0d2136;--input-border:#234567;--card-shadow:0 10px 30px #00000059;--topbar-bg:#0b1b2b;--sidebar-bg:#0b1b2b;--purple:#00d4b4;--purple-strong:#02b398;--purple-wash:#00d4b41f;--danger:#f87171}*{box-sizing:border-box}html{background:var(--bg-page);min-width:320px;color:var(--text-primary);transition:background-color .2s,color .2s}body{color:var(--text-primary);background:var(--bg-page);margin:0;font-family:Noto Sans KR,Arial,-apple-system,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}@keyframes pulse-glow{0%{opacity:.35;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}@keyframes pulse-glow-collapsed{0%{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.app-shell{background:var(--bg-page);min-height:100vh;display:flex}.landing-layout{background:var(--bg-page);min-height:100vh}.workspace{background:var(--bg-page);min-width:0;color:var(--text-primary);flex:1}.home-container{padding-left:10px;padding-right:10px}.topbar{border-bottom:1px solid var(--border-color);background:var(--topbar-bg);min-height:84px;color:var(--text-primary);justify-content:space-between;align-items:center;padding:14px 32px;transition:all .2s;display:flex}.topbar-title{align-items:center;gap:13px;display:flex}.title-icon{background:var(--purple-wash);width:36px;height:36px;color:var(--accent-primary);border-radius:10px;place-items:center;font-size:19px;display:grid}.topbar h1{letter-spacing:-.5px;color:var(--text-primary);margin:0;font-size:22px}.topbar p{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.autosave{color:var(--text-secondary);align-items:center;gap:7px;font-size:13px;display:flex}.autosave-dot{background:#00d4b4;border-radius:50%;width:8px;height:8px}.stepper{align-items:center;gap:16px;display:flex}.step-item{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.step-badge{background:var(--bg-panel-soft);width:38px;height:38px;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:50%;place-items:center;font-size:15px;display:grid}.step-item.active{color:var(--text-primary)}.step-item.active .step-badge{background:var(--accent-primary);color:#0b1b2b;box-shadow:0 4px 12px var(--accent-glow);border-color:var(--accent-primary);font-weight:900}.step-line{background:var(--border-color);width:48px;height:1px}.main-grid{grid-template-columns:minmax(0,1.23fr) minmax(310px,.77fr);align-items:start;gap:20px;width:min(1300px,100% - 40px);margin:24px auto 48px;display:grid}.card{background:var(--bg-panel);border:1px solid var(--border-color);box-shadow:var(--card-shadow);color:var(--text-primary);border-radius:16px;transition:all .2s}.form-card{padding:26px}.card-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.card-title-row h2{letter-spacing:-.5px;color:var(--text-primary);margin:0;font-size:18px}.card-title-row p{color:var(--text-secondary);margin:4px 0 0;font-size:13px;line-height:1.5}.draft-status{color:#00d4b4;white-space:nowrap;background:#00d4b41f;border:1px solid #00d4b44d;border-radius:100px;padding:5px 9px;font-size:11px;font-weight:800}.field{margin-bottom:20px}.field-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.field label{color:var(--text-primary);font-size:14px;font-weight:800}.required{color:var(--danger);margin-left:2px}.count{color:var(--text-muted);font-size:11px}.text-input,.textarea{border:1px solid var(--input-border);width:100%;color:var(--text-primary);background:var(--input-bg);border-radius:10px;outline:none;padding:12px 14px;transition:border .16s,box-shadow .16s}.text-input::placeholder,.textarea::placeholder{color:var(--text-muted)}.text-input:focus,.textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.textarea{resize:vertical;min-height:132px;line-height:1.6}.keyword-row{gap:10px;display:flex}.keyword-row .text-input{flex:1}.keyword-trigger{border:1px solid var(--border-color);background:var(--bg-panel-soft);color:var(--text-primary);border-radius:10px;flex:none;padding:0 15px;font-size:13px;font-weight:800}.keyword-trigger:hover{background:var(--bg-panel-hover)}.selected-terms{flex-wrap:wrap;align-items:center;gap:7px;min-height:30px;padding:8px 0 0;display:flex}.terms-label{color:var(--text-secondary);font-size:12px}.term-chip{color:var(--accent-primary);background:var(--purple-wash);border:1px solid #00d4b44d;border-radius:16px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.term-chip button{color:var(--accent-primary);background:0 0;border:0;padding:0;font-weight:800;line-height:1}.mode-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.mode-option{border:1px solid var(--border-color);color:var(--text-secondary);background:var(--bg-panel-soft);text-align:center;border-radius:10px;padding:12px 8px;font-size:13px;font-weight:700;transition:all .15s;position:relative}.mode-option:hover{border-color:var(--accent-primary);color:var(--text-primary)}.mode-option.active{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--purple-wash);box-shadow:0 0 0 2px var(--accent-glow)}.mode-option small{color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:500;display:block}.action-row{border-top:1px solid var(--border-color);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;display:flex}.btn{border:0;border-radius:9px;padding:10px 16px;font-size:13px;font-weight:800;transition:transform .16s,background .16s}.btn:active{transform:translateY(1px)}.btn.secondary{color:var(--text-primary);background:var(--bg-panel-soft);border:1px solid var(--border-color)}.btn.secondary:hover{background:var(--bg-panel-hover)}.btn.primary{color:#0b1b2b;box-shadow:0 4px 12px var(--accent-glow);background:linear-gradient(135deg,#00d4b4 0%,#02b398 100%);font-weight:900}.btn.primary:hover{background:linear-gradient(135deg,#02b398 0%,#009d85 100%)}.btn.primary:disabled{color:#cbd5e1;box-shadow:none;background:#64748b}.btn.full{width:100%}.guide-card{overflow:hidden}.guide-head{background:var(--bg-panel-soft);border-bottom:1px solid var(--border-color);padding:22px 24px 18px}.guide-head h2{color:var(--text-primary);margin:0;font-size:16px}.guide-head p{color:var(--text-secondary);margin:6px 0 0;font-size:12px;line-height:1.55}.guide-steps{padding:10px 22px 20px}.guide-step{gap:12px;padding:14px 0;display:flex;position:relative}.guide-step+.guide-step{border-top:1px solid var(--border-color)}.guide-number{color:#0b1b2b;background:var(--accent-primary);border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:grid}.guide-step strong{color:var(--text-primary);font-size:13px;display:block}.guide-step span{color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:1.5;display:block}.notice{color:var(--text-secondary);background:var(--bg-panel-soft);border:1px solid var(--border-color);border-radius:10px;margin:0 22px 22px;padding:12px;font-size:11px;line-height:1.55}.notice strong{color:var(--text-primary)}.result-card{grid-column:1/-1;padding:28px}.result-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.result-header h2{color:var(--text-primary);margin:0;font-size:19px}.result-header p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.result-actions{gap:8px;display:flex}.result-body{max-width:820px;margin:24px auto 0}.draft-title{letter-spacing:-.5px;color:var(--text-primary);margin:0 0 16px;font-size:22px;line-height:1.35}.draft-meta{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.meta-pill{color:var(--accent-primary);border:1px solid var(--border-color);background:var(--purple-wash);border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700}.draft-content{color:var(--text-primary);white-space:pre-wrap;font-size:15px;line-height:1.9}.draft-content p{margin:0 0 17px}.result-note{color:var(--text-primary);border:1px solid var(--border-color);background:var(--bg-panel-soft);border-radius:10px;margin-top:20px;padding:14px;font-size:12px;line-height:1.6}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-panel);width:min(920px,100%);max-height:min(760px,100vh - 48px);color:var(--text-primary);border:1px solid var(--border-color);border-radius:16px;overflow:auto;box-shadow:0 25px 80px #00000080}.modal-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.modal-title{align-items:center;gap:11px;display:flex}.modal-title h2{letter-spacing:-.5px;color:var(--text-primary);margin:0;font-size:18px}.modal-title p{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.close-button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:24px;line-height:1}.close-button:hover{color:var(--text-primary)}.modal-body{padding:20px 24px}.category-list{flex-wrap:wrap;gap:8px;display:flex}.category-chip{border:1px solid var(--border-color);background:var(--bg-panel-soft);color:var(--text-secondary);cursor:pointer;border-radius:18px;padding:7px 12px;font-size:12px;font-weight:700}.category-chip:hover{border-color:var(--accent-primary);color:var(--text-primary)}.category-chip.active{color:#0b1b2b;background:var(--accent-primary);border-color:var(--accent-primary);font-weight:800}.keyword-toolbar{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:14px;margin:20px 0 12px;padding-top:16px;display:flex}.keyword-toolbar strong{color:var(--text-primary);font-size:13px}.keyword-toolbar span{color:var(--text-muted);font-size:12px}.keyword-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.keyword-choice{border:1px solid var(--border-color);background:var(--bg-panel-soft);min-height:65px;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:10px;padding:10px}.keyword-choice:hover{border-color:var(--accent-primary);background:var(--purple-wash)}.keyword-choice.active{border-color:var(--accent-primary);background:var(--purple-wash);box-shadow:0 0 0 2px var(--accent-glow)}.keyword-choice b{color:var(--text-primary);font-size:13px;display:block}.keyword-choice span{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.modal-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:15px;padding:14px 24px 20px;display:flex}.selection-hint{color:var(--text-muted);font-size:12px}.toast{z-index:60;color:#fff;border:1px solid var(--border-color);background:#11263c;border-radius:10px;max-width:340px;padding:12px 16px;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 28px #0006}.toast.success{background:#065f46;border-color:#059669}.empty-state{color:var(--text-muted);border:1px dashed var(--border-color);background:var(--bg-panel-soft);text-align:center;border-radius:10px;padding:24px;font-size:13px}.naver-publish-panel{border:1px solid var(--border-color);background:var(--bg-panel);color:var(--text-primary);border-radius:14px;margin-top:24px;padding:20px}.naver-panel-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.naver-eyebrow{color:var(--accent-primary);letter-spacing:.9px;font-size:10px;font-weight:900;display:block}.naver-panel-head h3{color:var(--text-primary);margin:4px 0 0;font-size:16px}.naver-panel-head p{color:var(--text-secondary);margin:4px 0 0;font-size:12px;line-height:1.55}.term-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.term-tag{cursor:pointer;border:1px solid var(--border-color);background:var(--bg-panel-soft);color:var(--text-secondary);border-radius:24px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .18s ease-in-out;display:inline-flex}.term-tag:hover{background:var(--bg-panel-hover);color:var(--text-primary);border-color:var(--accent-primary)}.term-tag.active{color:#0b1b2b!important;box-shadow:0 2px 8px var(--accent-glow)!important;background:linear-gradient(135deg,#00d4b4 0%,#02b398 100%)!important;border-color:#00d4b4!important;font-weight:900!important}@keyframes lp-cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes lp-fade-down{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-fade-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-slide-right{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes lp-slide-left{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes lp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lp-float{0%,to{transform:translateY(0)rotate(-1deg)}33%{transform:translateY(-12px)rotate(.5deg)}66%{transform:translateY(-6px)rotate(-.5deg)}}@keyframes lp-pulse-ring{0%{box-shadow:0 0 #00d4b473}70%{box-shadow:0 0 0 14px #00d4b400}to{box-shadow:0 0 #00d4b400}}@keyframes lp-grid-drift{0%{background-position:0 0}to{background-position:60px 60px}}@keyframes lp-stagger-up{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.lp-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(28px)}.lp-reveal.is-visible{opacity:1;transform:translateY(0)}.lp-reveal-left{opacity:0;transition:opacity .6s,transform .6s;transform:translate(-32px)}.lp-reveal-left.is-visible{opacity:1;transform:translate(0)}.lp-reveal-right{opacity:0;transition:opacity .6s,transform .6s;transform:translate(32px)}.lp-reveal-right.is-visible{opacity:1;transform:translate(0)}.lp-stagger-child{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(28px)scale(.97)}.lp-stagger-parent.is-visible .lp-stagger-child:first-child{opacity:1;transition-delay:0s;transform:none}.lp-stagger-parent.is-visible .lp-stagger-child:nth-child(2){opacity:1;transition-delay:80ms;transform:none}.lp-stagger-parent.is-visible .lp-stagger-child:nth-child(3){opacity:1;transition-delay:.16s;transform:none}.lp-stagger-parent.is-visible .lp-stagger-child:nth-child(4){opacity:1;transition-delay:.24s;transform:none}.lp-stagger-parent.is-visible .lp-stagger-child:nth-child(5){opacity:1;transition-delay:.32s;transform:none}.lp-stagger-parent.is-visible .lp-stagger-child:nth-child(6){opacity:1;transition-delay:.4s;transform:none}.lp-stagger-parent.is-visible .lp-stagger-child:nth-child(7){opacity:1;transition-delay:.48s;transform:none}.lp-stagger-parent.is-visible .lp-stagger-child:nth-child(8){opacity:1;transition-delay:.56s;transform:none}.lp-stagger-parent.is-visible .lp-stagger-child:nth-child(9){opacity:1;transition-delay:.64s;transform:none}.lp-stagger-parent.is-visible .lp-stagger-child:nth-child(10){opacity:1;transition-delay:.72s;transform:none}.lp-float{animation:5s ease-in-out infinite lp-float}.lp-pulse{animation:2.4s ease-out infinite lp-pulse-ring}@media (prefers-reduced-motion:reduce){.lp-reveal,.lp-reveal-left,.lp-reveal-right,.lp-stagger-child{opacity:1!important;transition:none!important;transform:none!important}.lp-float,.lp-pulse{animation:none!important}@keyframes lp-cursor-blink{0%,to{opacity:1}}}