/* 유료용(운영사 AI 제공) 화면 — 기존 디자인 변수(ui.css)를 그대로 쓴다 */
.pd { display: flex; flex-direction: column; gap: 18px; }
.pd-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px; }
.pd-head h1, .pd-h1 { margin: 0 0 6px; font-size: 26px; }
.pd-h3 { margin: 0 0 12px; font-size: 16px; }
.pd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 18px; align-items: start; }
.pd-grid.wide { grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr); }
@media (max-width: 900px) { .pd-grid.wide { grid-template-columns: minmax(0, 1fr); } }
.pd-credit { display: flex; flex-direction: column; gap: 10px; }
.pd-credit b { display: block; font-size: 34px; line-height: 1.1; }
.pd-credit small { color: var(--mute, #8a93a3); }
.pd-bar { height: 10px; border-radius: 99px; background: var(--line, rgba(127,127,127,.2)); overflow: hidden; }
.pd-bar.sm { height: 6px; }
.pd-bar i { display: block; height: 100%; background: var(--acc, #4da3ff); border-radius: 99px; }
.pd-team { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pd-ai { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line, rgba(127,127,127,.25)); }
.pd-ai b { font-size: 15px; } .pd-ai span { font-size: 13px; } .pd-ai small { font-size: 11px; color: var(--mute, #8a93a3); }
.pd-proj { display: grid; grid-template-columns: minmax(180px, 1.2fr) minmax(200px, 2fr) auto; gap: 14px; align-items: center; padding: 14px 0; border-top: 1px solid var(--line, rgba(127,127,127,.2)); }
.pd-proj:first-of-type { border-top: 0; }
@media (max-width: 760px) { .pd-proj { grid-template-columns: minmax(0, 1fr); } }
.pd-pn { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; text-decoration: none; }
.pd-pb small { display: block; margin-top: 6px; color: var(--mute, #8a93a3); }
.pd-pa { display: flex; gap: 8px; }
.pd-empty { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.pd-steps { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.pd-steps li { display: flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; border: 1px solid var(--line, rgba(127,127,127,.25)); font-size: 14px; }
.pd-steps li i { font-style: normal; font-weight: 700; }
.pd-steps li.on { border-color: var(--acc, #4da3ff); color: var(--acc, #4da3ff); font-weight: 600; }
.pd-steps li.done { opacity: .65; }
.pd-form { display: flex; flex-direction: column; gap: 12px; }
.pd-form textarea { resize: vertical; }
.pd-items { display: flex; flex-direction: column; gap: 8px; }
.pd-item { display: grid; grid-template-columns: minmax(0, 1fr) 130px 44px; gap: 8px; }
.pd-ask { padding: 14px; border-radius: 12px; border: 1px dashed var(--line, rgba(127,127,127,.4)); display: flex; flex-direction: column; gap: 8px; }
.pd-ask ul { margin: 0; padding-left: 18px; }
.pd-est { position: sticky; top: 16px; }
.pd-big { font-size: 30px; font-weight: 800; margin: 10px 0 4px; }
.pd-big small { font-size: 15px; font-weight: 500; }
.pd-warn { color: var(--bad, #f87171); font-size: 14px; }
.pd-pbar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 12px; padding: 10px 14px; border-radius: 12px; border: 1px solid var(--line, rgba(127,127,127,.25)); font-size: 14px; }
.pd-quote { margin-top: 10px; line-height: 1.7; }