:root{font-family:Inter,Pretendard,Noto Sans KR,sans-serif;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}body{margin:0;background:#f3f4f6}.app{display:grid;grid-template-columns:var(--left-panel-width, 300px) 6px minmax(0,1fr) 6px var(--right-panel-width, 360px);min-height:100vh;color:#111827}.panel,.preview-panel{background:#fff;border-right:1px solid #e5e7eb;overflow:auto}.preview-panel{border-right:0;border-left:1px solid #e5e7eb}.panel-head,.canvas-head,.preview-head{position:sticky;top:0;z-index:20;background:inherit;border-bottom:1px solid #e5e7eb}.panel-head{padding:22px 22px 20px}.panel-head h1{margin:0;color:#2563eb;font-size:44px;font-weight:700;letter-spacing:-.03em}.panel-body{padding:18px 22px 24px;display:flex;flex-direction:column;gap:10px}.canvas{background:#f3f4f6;overflow:auto}.canvas-head{padding:16px 22px;background:#f3f4f6}.canvas-head h2,.preview-head h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}.canvas-body{padding:18px 22px 28px;display:flex;flex-direction:column;gap:16px}.title-panel{border:1px solid #d9dee7;border-radius:14px;background:#fff;padding:12px;display:grid;gap:8px}.preview-head{padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.preview-head span{font-size:12px;color:#9ca3af;font-weight:500}.preview-body{padding:18px}.panel-resizer{cursor:col-resize;background:transparent;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.panel-resizer:hover,.app.is-resizing .panel-resizer{background:#dbeafe}.card{border:1px solid #d9dee7;border-radius:16px;background:#fff;box-shadow:0 1px 2px #0f172a0f;overflow:hidden}.card-body{padding:14px}.card-grip{cursor:grab;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #edf0f5;background:#fafbfc;color:#9ca3af}.card-grip-icon{font-weight:700;letter-spacing:1px}.card-grip-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.row{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;gap:8px}.row button{width:auto}.row strong{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9ca3af}.row-actions{display:flex;gap:6px}.move-btn{width:auto;min-width:32px;height:30px;padding:0 8px;border:1px solid #d7dee8;background:#f7f9fc;color:#6b7280;border-radius:9px;font-size:13px}textarea,input,select,button{width:100%;border:1px solid #cdd5e1;border-radius:10px;padding:9px 11px;font:inherit;background:#fff;color:#1f2937}textarea{min-height:118px;line-height:1.55}.textcard-input{font-size:17px;line-height:1.7}label{margin-top:4px;font-size:13px;font-weight:700;color:#374151}.label-row{margin-top:4px;display:flex;align-items:center;gap:6px}.label-row label{margin-top:0}.tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;font-size:11px;font-weight:700;color:#475569;background:#e2e8f0;cursor:help;-webkit-user-select:none;user-select:none}.tooltip:after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 8px);min-width:220px;max-width:280px;padding:8px 10px;border-radius:8px;background:#0f172a;color:#f8fafc;font-size:12px;font-weight:500;line-height:1.45;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .16s ease,transform .16s ease;z-index:30}.tooltip:hover:after,.tooltip:focus-visible:after{opacity:1;transform:translateY(0)}button{background:#0f172a;color:#fff;font-weight:600;cursor:pointer;transition:all .18s ease}button:disabled{opacity:.55;cursor:default}.actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:4px}.refine-btn{background:#eaf2ff;color:#2f5ea7;border:1px solid #c8d9f8;box-shadow:none}.delete-btn{background:#ffecee;color:#d45767;border:1px solid #f5c7cf;box-shadow:none}.section-divider{height:1px;background:#e5e7eb;margin:8px 0}.image-box{border:1px solid #d1d9e6;border-radius:12px;background:#f8fafc;padding:10px;display:grid;gap:8px}input[type=file]{font-size:12px;padding:7px 9px;background:#fff}.file-input-hidden{display:none}.upload-row{display:flex;align-items:center;gap:8px}.file-trigger{width:auto;border:1px solid #cdd5e1;background:#fff;color:#0f172a;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:600}.file-count{font-size:12px;color:#6b7280}.generate-btn{background:linear-gradient(135deg,#5d6cf7,#3f4ecf);border-color:#4f5cd9;box-shadow:0 6px 14px #4752ce47}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 18px #4752ce52}.export-btn{background:#0f172a}.image-list{display:grid;grid-template-columns:1fr;gap:6px}.image-item{display:flex;align-items:flex-start;gap:6px;justify-content:space-between;flex-wrap:wrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:6px 8px}.image-name{flex:1;min-width:0;font-size:12px;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-actions{display:flex;gap:6px;width:100%;justify-content:flex-end;flex-wrap:wrap}.chip{width:auto;max-width:100%;border-radius:8px;font-size:11px;line-height:1.2;padding:7px 9px;border:0}.chip-add{text-align:center;background:#0d1b3a;min-width:0}.chip-delete{background:#ffecee;color:#d45767;border:1px solid #f5c7cf;min-width:52px;max-width:54px;text-align:center;padding-left:0;padding-right:0}.hint{color:#64748b;font-size:13px}.geo-faq{border:1px solid #d9dee7;border-radius:14px;background:#fff;padding:16px;display:grid;gap:12px}.geo-faq h2{margin:0;font-size:20px;letter-spacing:-.02em}.geo-faq-summary{margin:0;color:#475569;font-size:14px;line-height:1.5}.geo-faq-item h3{margin:0 0 6px;font-size:16px;line-height:1.4}.geo-faq-item p{margin:0;color:#334155;font-size:14px;line-height:1.6}.error{color:#dc2626;font-size:12px}.preview{width:100%;height:auto;max-height:70vh;object-fit:contain;background:#f1f5f9;border-radius:10px;margin-bottom:8px}.preview-doc{max-width:100%}.preview-title{font-size:34px;line-height:1.2;margin:0 0 22px;letter-spacing:-.03em}.preview-block{margin:0 0 22px}.preview-block h3{margin:0 0 10px;font-size:28px;line-height:1.25;letter-spacing:-.02em}.preview-block p{margin:0 0 10px;color:#374151;line-height:1.65;font-size:22px}.preview-preview-image{width:100%;height:auto;object-fit:contain;border-radius:10px;background:#f1f5f9}.preview-figure figcaption{margin-top:10px;font-size:13px;color:#4b5563}.preview-hashtags{margin:8px 0 0;color:#1d4ed8;font-size:18px;line-height:1.5;word-break:break-word}@media(max-width:1500px){.panel-head h1{font-size:36px}.preview-title{font-size:30px}.preview-block h3{font-size:24px}.preview-block p{font-size:19px}}@media(max-width:1120px){.app{grid-template-columns:1fr}.panel-resizer{display:none}.panel,.canvas,.preview-panel{border:0;border-bottom:1px solid #e5e7eb}.preview-title{font-size:28px}.preview-block h3{font-size:24px}.preview-block p{font-size:19px}}@media(max-width:420px){.image-actions{justify-content:stretch}.image-actions .chip{flex:1}}