*{margin:0;padding:0;box-sizing:border-box}body{background:#101014;color:#f0f0f4;font-family:Pretendard,Noto Sans KR,system-ui,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{display:flex;align-items:center;gap:18px;padding:12px 20px;background:#17171e;border-bottom:1px solid #26262f;position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar .brand{font-weight:800;color:#ff3b6b;letter-spacing:.05em}.topbar nav{display:flex;gap:4px}.topbar nav a{padding:7px 14px;border-radius:8px;font-size:13px;color:#9a9aa8;font-weight:600}.topbar nav a.active,.topbar nav a:hover{background:#26262f;color:#fff}.topbar .spacer{flex:1 1}.topbar .who{font-size:12px;color:#9a9aa8}main.page{padding:24px;max-width:1200px;margin:0 auto}h1{font-size:20px;margin-bottom:16px}h2{font-size:15px;margin:18px 0 10px;color:#c8c8d4}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:9px 10px;border-bottom:1px solid #26262f;vertical-align:middle}th{color:#9a9aa8;font-weight:600;font-size:12px}tr:hover td{background:#17171e}.chip{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700}.chip.approved{background:#10331f;color:#3ddc84}.chip.draft{background:#33301a;color:#ffe066}.chip.in_review{background:#1a2733;color:#4c9aff}.chip.archived{background:#2a2a30;color:#9a9aa8}.chip.active{background:#10331f;color:#3ddc84}.chip.closed{background:#2a2a30;color:#9a9aa8}.chip.timeout{background:#33221a;color:#ff9f1c}.chip.captured{background:#1a2733;color:#4c9aff}.chip.expired{background:#33221a;color:#ff9f1c}.btn,button{padding:7px 14px;border-radius:8px;border:1px solid #33333f;background:#1d1d26;color:#f0f0f4;font-size:13px;font-weight:600;cursor:pointer}button:hover{background:#26262f}button.primary{background:#ff3b6b;border-color:#ff3b6b;color:#fff}button.primary:hover{filter:brightness(1.1)}button.danger{border-color:#6b2030;color:#ff5c7a}button:disabled{opacity:.45;cursor:default}input,select,textarea{padding:8px 10px;border-radius:8px;border:1px solid #33333f;background:#101014;color:#f0f0f4;font-size:13px}label{font-size:12px;color:#9a9aa8;display:block;margin:10px 0 4px}.card{background:#17171e;border:1px solid #26262f;border-radius:12px;padding:18px}.grid{display:grid;grid-gap:14px;gap:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:#9a9aa8;font-size:12px}.error{color:#ff5c7a}.error,.ok{font-size:13px;margin-top:8px}.ok{color:#3ddc84}.preview-box{width:96px;height:96px;background:#0c0c10;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-box img{max-width:84%;max-height:84%}.preview-lg{width:220px;height:220px}.tone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px}.tone-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:1px solid #26262f;border-radius:10px}.tone-cell .preview-box{width:108px;height:108px}.tone-cell.tone-off{border-color:#ff5c7a}.motion-wing_flap{animation:wing-flap .9s ease-in-out infinite}.motion-float{animation:float-y 2.6s ease-in-out infinite}@keyframes wing-flap{0%,to{transform:scaleX(1)}50%{transform:scaleX(.35)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-9%)}}.typo-preview{position:relative;overflow:hidden;border-radius:12px;height:440px;border:1px solid #26262f;background:radial-gradient(ellipse 55% 40% at 72% 18%,rgba(88,104,182,.22),transparent 62%),radial-gradient(ellipse 48% 34% at 22% 72%,rgba(128,76,148,.16),transparent 60%),linear-gradient(180deg,#04050e,#0a0d1f 55%,#10132a)}.typo-preview .star{position:absolute;border-radius:50%;background:#fff}.typo-preview .typo-line{position:absolute;left:0;right:0;text-align:center;white-space:pre;text-shadow:0 0 14px rgba(200,210,255,.35);will-change:top,opacity;pointer-events:none}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{width:320px}.login-card input{width:100%}.login-card button{width:100%;margin-top:14px}