:root{--c-bg: #f5f6f8;--c-surface: #ffffff;--c-surface-alt: #f0f2f5;--c-border: #e5e7eb;--c-border-light: #f0f1f4;--c-text: #111827;--c-text-secondary: #6b7280;--c-text-tertiary: #9ca3af;--c-primary: #5b6abf;--c-primary-hover: #4f5cad;--c-primary-light: #eef1fb;--c-primary-fg: #ffffff;--c-success: #10b981;--c-success-light: #ecfdf5;--c-success-text: #065f46;--c-warning: #f59e0b;--c-warning-light: #fffbeb;--c-warning-text: #92400e;--c-danger: #ef4444;--c-danger-light: #fef2f2;--c-danger-text: #991b1b;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05), 0 1px 3px rgba(0,0,0,.04);--shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-elevated: 0 8px 30px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.04);--ease: cubic-bezier(.4,0,.2,1);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px}[data-theme=dark]{--c-bg: #0f1117;--c-surface: #1a1d27;--c-surface-alt: #151821;--c-border: #2d3142;--c-border-light: #232636;--c-text: #e5e7eb;--c-text-secondary: #9ca3af;--c-text-tertiary: #8b93a5;--c-primary: #7c8ae6;--c-primary-hover: #6b7ad4;--c-primary-light: #303459;--c-primary-fg: #ffffff;--c-success: #34d399;--c-success-light: #1c4334;--c-success-text: #6ee7b7;--c-warning: #fbbf24;--c-warning-light: #413210;--c-warning-text: #fcd34d;--c-danger: #f87171;--c-danger-light: #3a1c1c;--c-danger-text: #fca5a5;--shadow-sm: 0 1px 2px rgba(0,0,0,.25), 0 1px 3px rgba(0,0,0,.15);--shadow-card: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.15);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.15);--shadow-elevated: 0 8px 30px rgba(0,0,0,.4), 0 4px 8px rgba(0,0,0,.15);color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Inter,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font:inherit;border:none;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c5cc;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#a0a5ad}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3a3f50}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#4b5060}.editor{display:flex;flex-direction:column;height:100vh;background:var(--c-bg)}.topbar{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);height:56px;flex-shrink:0;background:var(--c-surface);border-bottom:1px solid var(--c-border);box-shadow:var(--shadow-sm)}.brand{display:flex;align-items:center;gap:var(--sp-3)}.brand-mark{width:32px;height:32px;border-radius:var(--radius);background:linear-gradient(135deg,var(--c-primary),#818cf8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;letter-spacing:-.02em;box-shadow:0 2px 8px #5b6abf47}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--c-text)}.brand-text .sub{font-size:11px;color:var(--c-text-tertiary)}.topbar-spacer{flex:1}.site-picker{height:34px;font-size:12.5px;max-width:220px;background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:0 28px 0 10px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:18px;transition:border-color .15s var(--ease)}.site-picker:hover{border-color:#c8ccd3}.seed-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full);background:var(--c-surface-alt);color:var(--c-text-secondary);border:1px solid var(--c-border);white-space:nowrap}.seed-badge.real{background:var(--c-success-light);color:var(--c-success-text);border-color:transparent}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);color:var(--c-text-secondary);border:1px solid transparent;transition:all .15s var(--ease)}.icon-btn:hover:not(:disabled){background:var(--c-surface-alt);color:var(--c-text)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn svg{width:17px;height:17px}.undo-group{display:inline-flex;gap:2px;padding-right:var(--sp-2);border-right:1px solid var(--c-border)}.save-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 var(--sp-4);border-radius:var(--radius-sm);font-size:12.5px;font-weight:500;background:var(--c-primary);color:var(--c-primary-fg);box-shadow:0 1px 2px #5b6abf33;transition:all .15s var(--ease)}.save-btn svg{width:15px;height:15px}.save-btn:hover:not(:disabled){background:var(--c-primary-hover);box-shadow:0 2px 8px #5b6abf47;transform:translateY(-1px)}.save-btn:active:not(:disabled){transform:scale(.98)}.save-btn:disabled{background:var(--c-surface-alt);color:var(--c-text-tertiary);box-shadow:none;cursor:default}.save-status{font-size:11.5px;color:var(--c-text-tertiary);white-space:nowrap}.cols{display:grid;grid-template-columns:264px 1fr 380px;flex:1;min-height:0}.panel{overflow-y:auto;background:var(--c-surface);border-right:1px solid var(--c-border)}.panel.right{border-right:0;border-left:1px solid var(--c-border)}.panel-h{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-tertiary);padding:var(--sp-4) var(--sp-4) var(--sp-2)}.center{background:var(--c-bg);min-width:0;display:flex;padding:var(--sp-4)}.preview-frame{border:1px solid var(--c-border);border-radius:var(--radius-lg);width:100%;height:100%;background:#fff;box-shadow:var(--shadow-card)}.seg{padding:0 var(--sp-3) var(--sp-3)}.seg-row{display:flex;align-items:center;justify-content:space-between;margin:var(--sp-2) 0;font-size:12.5px;color:var(--c-text-secondary)}.seg-row select{max-width:160px;height:32px;font-size:12.5px;background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:0 24px 0 8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 4px center;background-repeat:no-repeat;background-size:18px}.site-btn{display:flex;align-items:center;gap:var(--sp-2);width:100%;text-align:left;margin:var(--sp-1) 0;padding:8px 10px;font-size:12.5px;font-weight:500;color:var(--c-text-secondary);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);transition:all .15s var(--ease)}.site-btn svg{width:15px;height:15px;opacity:.7}.site-btn:hover{background:var(--c-surface-alt);color:var(--c-text);border-color:#d0d3d9}.site-btn.active{background:var(--c-primary-light);color:var(--c-primary);border-color:transparent;box-shadow:inset 0 0 0 1px var(--c-primary)}.site-btn.active svg{opacity:1}.seg.ai{margin:0 var(--sp-3) var(--sp-3);padding:var(--sp-3);background:var(--c-surface-alt);border:1px solid var(--c-border-light);border-radius:var(--radius-lg)}.seg.ai .panel-h{padding:0 0 var(--sp-2)}.ai-input{width:100%;padding:8px 10px;font-size:12.5px;resize:vertical;background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-sm);transition:all .2s var(--ease)}.ai-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #5b6abf1a}.ai-input::placeholder{color:var(--c-text-tertiary)}.ai-go{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:var(--sp-2);height:36px;border-radius:var(--radius-sm);background:var(--c-primary);color:#fff;font-weight:500;font-size:12.5px;box-shadow:0 1px 2px #5b6abf33;transition:all .15s var(--ease)}.ai-go svg{width:15px;height:15px}.ai-go:hover:not(:disabled){background:var(--c-primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #5b6abf47}.ai-go:active:not(:disabled){transform:scale(.98)}.ai-go:disabled{opacity:.6;cursor:default}.ai-info{margin-top:var(--sp-2);font-size:12px;color:var(--c-text-secondary);background:var(--c-surface);border:1px solid var(--c-border-light);border-radius:var(--radius);padding:8px 10px}.ai-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:10.5px;font-weight:700;color:#fff}.ai-badge.live{background:var(--c-primary)}.ai-badge.mock{background:var(--c-text-tertiary)}.ai-model{font-size:11px;color:var(--c-text-tertiary)}.ai-tools{font-family:ui-monospace,SF Mono,monospace;color:var(--c-primary);margin:4px 0;font-size:11.5px}.ai-note{color:var(--c-text-tertiary);margin-top:3px}.ai-err{color:var(--c-danger);font-weight:500}.ai-mode{font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);text-transform:none;letter-spacing:0}.ai-mode.create{background:var(--c-primary-light);color:var(--c-primary)}.ai-mode.edit{background:var(--c-warning-light);color:var(--c-warning-text)}.ai-log{margin-top:var(--sp-2);padding:8px 10px;background:var(--c-surface);border:1px solid var(--c-border-light);border-radius:var(--radius);max-height:160px;overflow-y:auto}.ai-turn{font-size:12px;margin:4px 0;color:var(--c-text)}.ai-turn-role{display:inline-block;min-width:22px;font-weight:700;font-size:10px;padding:1px 6px;border-radius:var(--radius-sm);margin-right:5px}.ai-turn.user .ai-turn-role{background:var(--c-primary-light);color:var(--c-primary)}.ai-turn.assistant .ai-turn-role{background:var(--c-surface-alt);color:var(--c-text-secondary);font-family:ui-monospace,monospace}.ai-clear{margin-top:var(--sp-2);font-size:11px;color:var(--c-text-tertiary);text-decoration:underline;padding:0}.add-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-1);padding:0 var(--sp-3)}.add-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;font-size:12px;font-weight:500;color:var(--c-text-secondary);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);transition:all .15s var(--ease)}.add-btn svg{width:13px;height:13px;opacity:.6}.add-btn:hover{background:var(--c-primary-light);color:var(--c-primary);border-color:transparent;box-shadow:inset 0 0 0 1px #5b6abf4d}.add-btn:hover svg{opacity:1}.add-btn:active{transform:scale(.97)}.blk-list{list-style:none;margin:0;padding:var(--sp-1) var(--sp-3) var(--sp-6)}.blk-row{display:flex;align-items:center;gap:2px;padding:2px 2px 2px 0;border-radius:var(--radius-sm);position:relative;transition:background .12s var(--ease)}.blk-row:hover{background:var(--c-surface-alt)}.blk-row.active{background:var(--c-primary-light);box-shadow:inset 0 0 0 1px #5b6abf59}.blk-grip{display:inline-flex;align-items:center;cursor:grab;color:var(--c-text-tertiary);padding:0 2px 0 4px;opacity:0;transition:opacity .12s var(--ease)}.blk-grip svg{width:15px;height:15px}.blk-row:hover .blk-grip,.blk-row.active .blk-grip{opacity:1}.blk-grip:active{cursor:grabbing}.blk-row.dragging{opacity:.4}.blk-row.over-before:before,.blk-row.over-after:after{content:"";position:absolute;left:6px;right:6px;height:2px;background:var(--c-primary);border-radius:var(--radius-full)}.blk-row.over-before:before{top:-1px}.blk-row.over-after:after{bottom:-1px}.blk-name{flex:1;text-align:left;background:none;padding:7px 6px;font-size:12.5px;font-weight:500;color:var(--c-text)}.blk-row.active .blk-name{color:var(--c-primary)}.blk-ops{display:inline-flex;gap:1px;opacity:0;transition:opacity .12s var(--ease)}.blk-row:hover .blk-ops,.blk-row.active .blk-ops{opacity:1}.blk-ops button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--c-text-tertiary);border-radius:var(--radius-sm);transition:all .12s var(--ease)}.blk-ops button svg{width:14px;height:14px}.blk-ops button:hover{background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-sm)}.blk-ops button.danger:hover{background:var(--c-danger-light);color:var(--c-danger)}.danger{color:var(--c-danger)!important}.empty{padding:var(--sp-6) var(--sp-4);color:var(--c-text-tertiary);font-size:13px}.errors{margin:var(--sp-2) var(--sp-3);padding:10px 12px;background:var(--c-danger-light);border:1px solid rgba(239,68,68,.18);border-radius:var(--radius)}.err{display:flex;align-items:flex-start;gap:5px;font-size:12px;color:var(--c-danger-text);margin:3px 0}.err svg{width:13px;height:13px;flex-shrink:0;margin-top:1px}.form{padding:var(--sp-1) var(--sp-4) var(--sp-10)}.af-row{display:flex;flex-direction:column;gap:4px;margin:var(--sp-3) 0}.af-label{font-size:12px;font-weight:600;color:var(--c-text-secondary)}.af-input{width:100%;padding:8px 10px;font-size:12.5px;background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-sm);transition:all .2s var(--ease)}.af-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #5b6abf1a}select.af-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:18px;padding-right:32px}.af-textarea{resize:vertical;font-family:ui-monospace,SF Mono,monospace;font-size:12px}.af-fieldset{border:1px solid var(--c-border);border-radius:var(--radius-lg);margin:var(--sp-3) 0;padding:var(--sp-2) var(--sp-3) var(--sp-3);background:var(--c-surface-alt)}.af-fieldset>legend{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-tertiary);padding:0 var(--sp-1)}.af-group{border-left:2px solid var(--c-border);margin:var(--sp-3) 0;padding:4px 0 4px var(--sp-3)}.af-group-title{font-size:12px;font-weight:600;color:var(--c-text-secondary);margin-bottom:var(--sp-1)}.af-item{background:var(--c-surface);border:1px solid var(--c-border-light);border-radius:var(--radius);padding:8px 10px;margin:var(--sp-2) 0;box-shadow:var(--shadow-sm)}.af-item-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--c-text-tertiary)}.af-mini{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--radius-sm);margin-left:4px;color:var(--c-text-secondary);transition:all .12s var(--ease)}.af-mini:hover{background:var(--c-border-light);color:var(--c-text)}.af-mini.af-danger:hover{background:var(--c-danger-light);color:var(--c-danger);border-color:transparent}.af-mini svg{width:13px;height:13px}.af-add{display:inline-flex;align-items:center;gap:5px;justify-content:center;margin-top:var(--sp-2);padding:8px 10px;width:100%;font-size:12px;font-weight:500;color:var(--c-text-secondary);background:var(--c-surface);border:1px dashed var(--c-border);border-radius:var(--radius-sm);transition:all .15s var(--ease)}.af-add svg{width:13px;height:13px}.af-add:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-light);border-style:solid}.rte{border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;background:var(--c-surface);transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.rte:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px #5b6abf1a}.rte-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1px;padding:4px 6px;background:var(--c-surface-alt);border-bottom:1px solid var(--c-border-light)}.rte-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;font-size:12px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--c-text-secondary);transition:all .12s var(--ease)}.rte-btn svg{width:14px;height:14px}.rte-btn:hover:not(:disabled){background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-sm)}.rte-btn.active{background:var(--c-primary-light);border-color:transparent;color:var(--c-primary);box-shadow:inset 0 0 0 1px #5b6abf4d}.rte-btn:disabled{opacity:.35;cursor:default}.rte-sep{width:1px;align-self:stretch;margin:3px 4px;background:var(--c-border)}.rte-content{padding:10px 12px;min-height:72px;font-size:13px;line-height:1.6;color:var(--c-text);outline:none}.rte-content:focus{outline:none}.rte-content h2{font-size:1.25em;font-weight:600;margin:.4em 0 .2em}.rte-content h3{font-size:1.1em;font-weight:600;margin:.4em 0 .2em}.rte-content p{margin:.3em 0}.rte-content ul,.rte-content ol{margin:.3em 0;padding-left:1.4em}.rte-content a{color:var(--c-primary);text-decoration:underline}.rte-content p.is-editor-empty:first-child:before{content:"본문 입력…";color:var(--c-text-tertiary);float:left;pointer-events:none;height:0}@keyframes bk-spin{to{transform:rotate(360deg)}}.spin{animation:bk-spin .8s linear infinite}.sitelist{display:flex;flex-direction:column;height:100vh;background:var(--c-bg)}.sitelist-top{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);height:56px;flex:none;background:var(--c-surface);border-bottom:1px solid var(--c-border)}.sitelist-body{flex:1;overflow-y:auto;padding:var(--sp-6) var(--sp-6) 48px}.sitelist-grid{display:grid;gap:var(--sp-5);max-width:1200px;margin:0 auto;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.site-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:0 0 var(--sp-4);overflow:hidden;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);cursor:pointer;transition:box-shadow .15s,transform .15s,border-color .15s}.site-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:#d0d3d9}.site-card:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.site-thumb{position:relative;width:100%;aspect-ratio:1 / .6;overflow:hidden;background:var(--c-surface-alt);border-bottom:1px solid var(--c-border-light)}.site-thumb-frame{position:absolute;top:0;left:0;border:0;transform-origin:top left;pointer-events:none;background:#fff}.site-thumb-skel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--c-text-tertiary);background:linear-gradient(100deg,var(--c-surface-alt) 30%,var(--c-surface) 50%,var(--c-surface-alt) 70%);background-size:220% 100%;animation:bk-shimmer 1.3s ease-in-out infinite}.site-thumb-skel.failed{animation:none;background:var(--c-surface-alt)}@keyframes bk-shimmer{0%{background-position:180% 0}to{background-position:-40% 0}}.site-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2);padding:0 var(--sp-5)}.site-card-head h3{font-size:16px;font-weight:600;color:var(--c-text);line-height:1.3;word-break:break-word}.icon-btn.danger:hover:not(:disabled){background:var(--c-danger-light);color:var(--c-danger)}.site-card-meta{display:flex;gap:var(--sp-2);font-size:12.5px;color:var(--c-text-tertiary);padding:0 var(--sp-5)}.site-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:var(--sp-3) var(--sp-5) 0;border-top:1px solid var(--c-border-light)}.site-card-date{font-size:11px;color:var(--c-text-tertiary)}.site-card-open{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--c-primary)}.site-card-open svg{width:13px;height:13px}.sl-hero{max-width:1200px;margin:0 auto var(--sp-5)}.sl-hero h1{font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--c-text)}.sl-hero p{margin-top:6px;font-size:13px;line-height:1.6;color:var(--c-text-secondary)}.sl-hero p b{color:var(--c-text);font-weight:600}.sitelist-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:56px 0 80px;color:var(--c-text-secondary);text-align:center}.sl-empty-title{font-size:15px;font-weight:600;color:var(--c-text);margin-top:var(--sp-2)}.sl-empty-sub{font-size:13px;color:var(--c-text-tertiary)}.sitelist-empty .save-btn{margin-top:var(--sp-3)}.sl-search{display:flex;align-items:center;gap:6px;height:34px;padding:0 10px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm)}.sl-search svg{width:15px;height:15px;color:var(--c-text-tertiary);flex:none}.sl-search input{width:180px;background:none;border:none;outline:none;font-size:13px;color:var(--c-text)}.sl-sort{height:34px;padding:0 10px;background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:13px}.sl-count{max-width:1200px;margin:0 auto var(--sp-3);font-size:12px;color:var(--c-text-tertiary)}.sl-empty-icon{width:40px;height:40px;color:var(--c-text-tertiary);opacity:.6}.site-card-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s}.site-card:hover .site-card-actions,.site-card:focus-within .site-card-actions{opacity:1}.site-card-actions .icon-btn{width:28px;height:28px}.site-card-actions .icon-btn svg{width:15px;height:15px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f121c75;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:bk-fade .12s ease}[data-theme=dark] .modal-backdrop{background:#0009}.modal{width:100%;max-width:460px;background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000047;animation:bk-pop .14s ease;overflow:hidden}@keyframes bk-fade{0%{opacity:0}}@keyframes bk-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border)}.modal-head h2{font-size:15px;font-weight:600}.modal-danger .modal-head h2{color:var(--c-danger)}.modal-body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.modal-foot{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-top:1px solid var(--c-border);background:var(--c-bg)}.mfield{display:flex;flex-direction:column;gap:6px}.mfield>span{font-size:12px;font-weight:600;color:var(--c-text-secondary)}.mfield>span b{color:var(--c-text)}.mfield input{height:38px;padding:0 12px;background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:14px;outline:none}.mfield input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-light)}.mwarn{font-size:13px;line-height:1.6;color:var(--c-text-secondary);padding:var(--sp-3);background:var(--c-danger-light);border-radius:var(--radius-sm)}.mwarn b{color:var(--c-danger-text)}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.tpl-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:var(--sp-3) var(--sp-4);background:var(--c-bg);color:var(--c-text);border:1.5px solid var(--c-border);border-radius:var(--radius-sm);transition:border-color .12s,background .12s}.tpl-card svg{width:18px;height:18px;color:var(--c-text-tertiary);margin-bottom:2px}.tpl-card strong{font-size:13px}.tpl-card small{font-size:11px;color:var(--c-text-tertiary);line-height:1.4}.tpl-card:hover{border-color:#d0d3d9}.tpl-card.on{border-color:var(--c-primary);background:var(--c-primary-light)}.tpl-card.on svg{color:var(--c-primary)}.btn-ghost{height:34px;padding:0 var(--sp-4);border-radius:var(--radius-sm);background:none;color:var(--c-text-secondary);font-size:13px;font-weight:500}.btn-ghost:hover{background:var(--c-surface-alt);color:var(--c-text)}.btn-danger{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 var(--sp-4);border-radius:var(--radius-sm);background:var(--c-danger);color:#fff;font-size:13px;font-weight:600}.btn-danger svg{width:15px;height:15px}.btn-danger:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 2px 8px #ef444452}.btn-danger:disabled{opacity:.4;cursor:default}.login-screen{min-height:100vh;display:grid;place-items:center;background:var(--bg, #f4f5f7);padding:24px}.login-card{width:100%;max-width:360px;background:var(--surface, #fff);border:1px solid var(--border, #e3e6ea);border-radius:14px;padding:28px 26px 24px;box-shadow:0 10px 30px #141c2814;display:flex;flex-direction:column;gap:12px}.login-brand{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--text, #1c2530);font-size:15px}.login-logo{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--accent, #5b6bff);color:#fff;font-weight:800}.login-title{margin:8px 0 0;font-size:22px;color:var(--text, #1c2530)}.login-sub{margin:0 0 6px;font-size:13px;color:var(--muted, #6b7280)}.login-field{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--muted, #5b6675)}.login-field input{padding:10px 12px;border:1px solid var(--border, #d8dde3);border-radius:9px;font-size:14px;background:var(--surface, #fff);color:var(--text, #1c2530)}.login-field input:focus{outline:none;border-color:var(--accent, #5b6bff);box-shadow:0 0 0 3px #5b6bff26}.login-error{margin:0;font-size:12.5px;color:#c0392b}.login-btn{margin-top:6px;padding:11px 14px;border:0;border-radius:9px;background:var(--accent, #5b6bff);color:#fff;font-weight:600;font-size:14px;cursor:pointer}.login-btn:disabled{opacity:.55;cursor:not-allowed}