:root { --bg: #f9f1e6; --card: #fffdf9; --fg: #1c2a26; --muted: #6a736f; --line: #e3d8c8; --mint: #7dcab5; --coral: #c6553a; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 15px/1.6 "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", sans-serif; }
.ad-top { display: flex; align-items: center; gap: 14px; padding: 12px 20px; border-bottom: 1px solid var(--line); background: var(--card); }
.ad-top a { color: var(--muted); text-decoration: none; font-size: 14px; }
.ad-who { margin-left: auto; color: var(--muted); font-size: 13px; }
.ad { max-width: 980px; margin: 0 auto; padding: 24px 20px 80px; }
h1 { font-size: 20px; margin: 0 0 8px; }
.ad-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.ad-tabs { display: flex; gap: 6px; flex-wrap: wrap; }
.ad-tabs button { padding: 7px 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--card); color: var(--fg); font: inherit; font-size: 14px; cursor: pointer; }
.ad-tabs button[aria-pressed="true"] { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.ad-pause { font-size: 14px; color: var(--muted); }
.ad-list { list-style: none; margin: 0; padding: 0; }
.ad-item { display: grid; grid-template-columns: 1fr auto; gap: 6px 14px; padding: 14px 16px; margin-bottom: 8px; border: 1px solid var(--line); border-radius: 10px; background: var(--card); }
.ad-item h2 { margin: 0; font-size: 16px; line-height: 1.45; }
.ad-meta { grid-column: 1; display: flex; flex-wrap: wrap; gap: 8px; font-size: 12.5px; color: var(--muted); }
.ad-chip { padding: 1px 9px; border-radius: 999px; background: #efe6d8; color: var(--fg); }
.ad-chip[data-k="live"] { background: #d7efe7; }
.ad-chip[data-k="wait"] { background: #f6e2c8; }
.ad-chip[data-k="hide"] { background: #eadbd6; }
.ad-acts { grid-column: 2; grid-row: 1 / span 2; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: flex-end; }
button, .ad-btn { font: inherit; }
.ad-acts button, .ad-form button, .ad-link { padding: 7px 14px; border: 1px solid var(--line); border-radius: 8px; background: var(--card); color: var(--fg); font-size: 13.5px; cursor: pointer; }
.ad-form button[type="submit"] { background: var(--fg); color: var(--bg); border-color: var(--fg); }
.ad-link, .ad-form .ad-link { border: 0; background: none; color: var(--muted); text-decoration: underline; padding: 4px 6px; }
button:disabled { opacity: .5; cursor: default; }
.ad-form { display: grid; gap: 14px; max-width: 760px; }
.ad-edit { max-width: none; }
.ad-form label { display: grid; gap: 5px; font-size: 14px; font-weight: 600; }
.ad-form small { font-weight: 400; color: var(--muted); }
.ad-form input:not([type="checkbox"]), .ad-form textarea, .ad-form select { width: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--card); color: var(--fg); font: inherit; font-weight: 400; }
.ad-mono { font-family: ui-monospace, Menlo, monospace !important; font-size: 13.5px !important; line-height: 1.7; }
.ad-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.ad-states { display: flex; gap: 22px; flex-wrap: wrap; border: 0; padding: 0; margin: 0; }
.ad-states label { display: flex; align-items: center; gap: 8px; font-weight: 400; }
.ad-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ad-msg { margin: 0; font-size: 14px; color: var(--muted); }
.ad-msg[data-bad="1"] { color: var(--coral); }
.ad-note { margin: 0; font-size: 13px; color: var(--muted); }
.ad-preview { width: 100%; height: 760px; margin-top: 18px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
[hidden] { display: none !important; }
@media (max-width: 640px) { .ad-grid { grid-template-columns: 1fr; } .ad-item { grid-template-columns: 1fr; } .ad-acts { grid-column: 1; grid-row: auto; justify-content: flex-start; } }