:root {
--paper:      #FBFAF6;
--paper-lift: #FFFFFF;
--ink:        #26292B;
--ink-70:     #55595B;
--ink-45:     #6E7370;
--ink-25:     rgba(38, 41, 43, .24);
--ink-12:     rgba(38, 41, 43, .10);
--accent:     #E4572E;
--accent-ink: #B23C1A;
--accent-btn: #C4431F;
--serif: 'Noto Sans KR', 'Apple SD Gothic Neo', system-ui, sans-serif;
--disp:  'Noto Sans KR', 'Apple SD Gothic Neo', system-ui, sans-serif;
--hairline: 1px solid #E7E2D6;
--hairline-soft: 1px solid #EFEAE0;
--shadow-hard: 0 14px 30px -18px rgba(38, 41, 43, .25);
--shadow-hard-sm: 0 8px 20px -12px rgba(38, 41, 43, .18);
}
h1, h2, h3, h4 { font-family: var(--sans); letter-spacing: -.01em; font-weight: 800; }
.chip:hover, .tpl-card:hover, .tpl-new { transform: none !important; }
.tpl-card:hover { transform: translateY(-3px) !important; }
.microbar { display: none; }
.sec-no { display: none; }
.sec-eyebrow { color: var(--accent); letter-spacing: .18em; }
.fx-it { font-style: normal; color: var(--accent-ink); }
.field-bad { border-color: #C0392B !important; background: #FFF5F3; }
.topnav { background: #FBFAF6; border-bottom: 1px solid #E7E2D6; }
.nav-cta, .btn-primary, .btn-gen {
border-radius: 999px;
border-color: transparent;
background: var(--accent-btn);
color: #fff;
box-shadow: 0 8px 22px rgba(228, 87, 46, .28);
}
.nav-cta:hover, .btn-primary:hover, .btn-gen:hover {
background: var(--accent-ink); color: #fff;
transform: translateY(-1px); box-shadow: 0 10px 24px rgba(228, 87, 46, .32);
}
.btn-ghost { border-radius: 999px; border: 1.5px solid var(--accent); color: var(--accent-ink); background: #fff; }
.btn-ghost:hover { background: #FBE9E2; color: var(--accent-ink); }
.chip { border-radius: 999px; }
.prompt-card, .panel, .modal-box, .tpl-card {
border-radius: 16px;
border-color: #E7E2D6;
}
.field textarea { border-radius: 10px; border-color: var(--ink-25); }
.mock { border: 1px solid #E7E2D6; border-radius: 12px; box-shadow: none; overflow: hidden; }
.mock-bar { border-bottom: 1px solid #EFEAE0; background: #FAF9F5; }
.mock-bar i { border-color: #E0DCD0; }
.mock-cells { border-top: 1px solid #EFEAE0; background: #FAF9F5; }
.tpl-search input { border-radius: 12px; border-color: #E7E2D6; }
.tpl-search input:focus { box-shadow: 0 0 0 3px rgba(228, 87, 46, .18); transform: none; }
.step-head { border-bottom: 1px solid #E7E2D6; }
.panel-title { border-bottom: 1px solid #EFEAE0; }
.panel-no { font-style: normal; }
#pubModal .pb-box {
border-radius: 18px;
border-color: #E7E2D6 !important;
box-shadow: 0 30px 60px -24px rgba(38, 41, 43, .38) !important;
}
:focus-visible { outline: 2px solid rgba(228, 87, 46, .7); outline-offset: 2px; }
::selection { background: #FBE9E2; color: var(--ink); }
.edit-split{display:none}
@media (min-width: 1280px){
#stepEdit{display:grid;grid-template-columns:minmax(440px,44%) minmax(0,1fr);align-items:start}
.edit-split{display:flex;flex-direction:column;position:sticky;top:65px;height:calc(100vh - 65px);
border-right:1px solid #E7E2D6;background:#F2F0EA}
.edit-split .es-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
padding:12px 16px;border-bottom:1px solid #E7E2D6;background:#fff;
font-weight:800;font-size:.92rem}
.edit-split .es-tabs{display:flex;gap:6px}
.edit-split .es-tabs button{font:700 .78rem/1 inherit;padding:.5em .9em;border-radius:999px;
border:1px solid #E7E2D6;background:#fff;color:#6E7370;cursor:pointer}
.edit-split .es-tabs button.on{background:#26292B;border-color:#26292B;color:#fff}
.edit-split .es-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px}
#stepEdit.es-wide{grid-template-columns:minmax(0,1.15fr) minmax(360px,1fr)}
.edit-split.es-pc .es-stage{padding:0;display:block;overflow:hidden}
.edit-split.es-pc iframe{width:1180px;height:var(--es-pch,900px);border:0;background:#fff;flex:none;
transform:scale(var(--es-pcscale,1));transform-origin:top left}
.edit-split.es-mobile iframe{width:390px;height:780px;border:0;background:#fff;flex:none;
border-radius:28px;box-shadow:0 24px 60px -24px rgba(38,41,43,.45),0 0 0 10px #26292B,0 0 0 12px #3A3E42;
transform:scale(var(--es-scale,1));transform-origin:center center}
#stepEdit .wrap.narrow{margin:0 auto;max-width:820px;padding:0 28px}
#stepEdit #moodPreviewWrap{display:none !important}
}
.mood-card:active, .tpl-card:active, .chip:active { transform: scale(.97); transition: transform .1s ease-out; }
@media (max-width: 1279px){
.edit-split{display:block;position:sticky;top:58px;z-index:45;height:42vh;background:#fff;
border-bottom:2px solid #E7E2D6;box-shadow:0 10px 22px rgba(38,41,43,.12)}
.edit-split .es-head{display:flex;align-items:baseline;gap:8px;padding:5px 12px;
border-bottom:1px solid #EEE6D8;background:#fff;font-weight:800;font-size:.78rem}
.edit-split .es-tabs{display:none}
.edit-split .es-stage{position:relative;height:calc(42vh - 30px);overflow:hidden;background:#fff;padding:0}
.edit-split.es-mobile iframe, .edit-split.es-pc iframe{position:absolute;inset:0;width:100%;height:100%;
border:0;border-radius:0;box-shadow:none;transform:none;background:#fff}
}
#catChips .chip{min-height:44px}