.poster-section { max-width: 1240px; }.poster-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }.poster-header h2 { margin: 0; font-size: 23px; }.poster-header p:not(.eyebrow) { margin: 8px 0 0; color: var(--muted); font-size: 13px; }.poster-style-tag { padding: 8px 11px; border-radius: 999px; color: #8b6536; background: #fbf1e3; font-size: 12px; font-weight: 800; white-space: nowrap; }.poster-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(330px, .7fr); gap: 20px; align-items: start; }.poster-form-card,.poster-preview-card { padding: 22px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }.poster-form-title,.poster-preview-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }.poster-form-title h3,.poster-preview-top h3 { margin: 0; color: #35455a; font-size: 18px; }.poster-form-title p { margin: 6px 0 0; color: #8490a0; font-size: 12px; }.poster-form-title > span,.poster-preview-top > span { color: #9aa6b5; font-size: 11px; }.poster-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 20px; }.poster-form-grid label,.poster-points-label { display: grid; gap: 7px; color: #516176; font-size: 13px; font-weight: 700; }.poster-form-grid input,.poster-points-label textarea { width: 100%; padding: 11px 12px; border: 1px solid #dbe3ee; border-radius: 8px; color: var(--ink); outline-color: #91a9ec; }.poster-upload-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; margin-top: 17px; }.poster-upload-card { display: grid; min-height: 147px; align-content: center; justify-items: center; gap: 7px; padding: 16px; border: 1px dashed #b8c8df; border-radius: 11px; color: #53667c; background: #fafcff; text-align: center; cursor: pointer; }.poster-upload-card:hover { border-color: #7695e8; background: #f4f7ff; }.poster-upload-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: #5578d4; background: #eaf0ff; font-size: 20px; }.poster-upload-card strong { font-size: 13px; }.poster-upload-card em { color: #7d8b9d; font-size: 12px; font-style: normal; }.poster-upload-card small { color: #a0acb9; font-size: 11px; }.poster-file-note { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; color: #8492a3; font-size: 11px; }.poster-points-label { margin-top: 18px; }.poster-points-label small { color: #97a2b0; font-size: 11px; font-weight: 500; }.poster-points-label textarea { min-height: 134px; resize: vertical; font: inherit; }.poster-actions { display: flex; align-items: center; gap: 13px; margin-top: 18px; }.poster-actions span { color: #8b97a6; font-size: 11px; }.poster-preview-card { position: sticky; top: 20px; background: linear-gradient(160deg,#faf6f0,#f1eee9); }.poster-preview-top { padding-bottom: 15px; border-bottom: 1px solid #e6dfd7; }.poster-preview-empty { display: grid; min-height: 330px; place-content: center; justify-items: center; padding: 28px; color: #7d746a; text-align: center; }.poster-preview-empty span { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 14px; border-radius: 16px; color: #a47344; background: #f4e6d5; font-size: 24px; }.poster-preview-empty strong { color: #665f58; font-size: 14px; }.poster-preview-empty p { margin: 9px 0 0; color: #999087; font-size: 12px; line-height: 1.65; }.poster-preview-rule { padding-top: 15px; border-top: 1px solid #e6dfd7; }.poster-preview-rule strong { color: #62594f; font-size: 12px; }.poster-preview-rule p { margin: 7px 0 0; color: #887f76; font-size: 12px; line-height: 1.65; }
@media (max-width: 990px) { .poster-layout { grid-template-columns: 1fr; }.poster-preview-card { position: static; } } @media (max-width: 580px) { .poster-header { display: grid; }.poster-form-grid,.poster-upload-grid { grid-template-columns: 1fr; }.poster-actions { display: grid; }.poster-file-note { display: grid; } }

.poster-style-choice { display: grid; gap: 8px; margin-top: 18px; color: #516176; font-size: 13px; font-weight: 700; }.poster-style-choice > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.poster-style-button { display: grid; gap: 4px; padding: 12px; border: 1px solid #dbe3ee; border-radius: 9px; color: #56677a; text-align: left; background: #fff; }.poster-style-button strong { font-size: 12px; }.poster-style-button small { color: #8c98a7; font-size: 11px; line-height: 1.45; }.poster-style-button.active { border-color: #849ee4; color: #4266c7; background: #f2f5ff; box-shadow: 0 0 0 2px #e7edff; }.poster-points-label textarea { min-height: 88px; }.poster-render { overflow: hidden; border-radius: 12px; color: #fff; background: #2f3d4d; }.poster-render.summer-3d { background: linear-gradient(155deg,#d7ad71,#856642 46%,#2c3842); }.poster-render.fuzzy-top { background: linear-gradient(155deg,#f0ddc7,#d7bca5 46%,#876d5d); }.poster-render-head { padding: 18px 17px 12px; }.poster-render-head strong { display: block; color: #fff; font-size: 20px; line-height: 1.25; }.poster-render-head span { display: block; margin-top: 6px; color: rgba(255,255,255,.82); font-size: 12px; }.poster-plan-image { display: block; width: calc(100% - 24px); height: 185px; margin: 0 12px; border-radius: 10px; object-fit: cover; background: #f2ede6; }.poster-render-points { display: grid; gap: 7px; padding: 15px 17px; }.poster-render-points span { padding: 8px 10px; border-radius: 7px; color: #fff; background: rgba(255,255,255,.16); font-size: 12px; line-height: 1.45; }.poster-interior-grid { display: grid; gap: 3px; padding: 0 12px 12px; }.poster-interior-grid img { width: 100%; height: 95px; object-fit: cover; }.poster-interior-grid.count-1 { grid-template-columns: 1fr; }.poster-interior-grid.count-2 { grid-template-columns: 1fr 1fr; }.poster-interior-grid.count-3,.poster-interior-grid.count-4 { grid-template-columns: 1fr 1fr; }.poster-render-foot { display: flex; align-items: center; justify-content: space-between; gap: 9px; padding: 13px 17px 17px; color: rgba(255,255,255,.88); font-size: 12px; }.poster-render-foot strong { color: #fff; font-size: 17px; }.poster-result-actions { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 20px; padding: 18px 20px; border: 1px solid #dfe7f1; border-radius: 13px; background: #fff; }.poster-result-actions h3,.poster-copy-heading h3 { margin: 3px 0 0; color: #35455a; font-size: 18px; }.poster-result-actions > div:last-child { display: flex; gap: 9px; }.poster-copy-section { margin-top: 16px; padding: 21px; border: 1px solid #dfe7f1; border-radius: 13px; background: #fff; }.poster-copy-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }.poster-copy-heading > span { color: #8b98a8; font-size: 11px; }.poster-copy-list { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 17px; }.poster-copy-item { display: grid; gap: 12px; padding: 15px; border: 1px solid #e4eaf2; border-radius: 10px; background: #fbfcff; }.poster-copy-item p { margin: 0; color: #56667b; font-size: 13px; line-height: 1.7; white-space: pre-line; }.poster-copy-item button { justify-self: start; padding: 7px 10px; border: 0; border-radius: 7px; color: #496ccb; background: #eaf0ff; font-size: 12px; font-weight: 700; }
.poster-validation { min-height: 17px; margin: 9px 0 0; color: #b65057; font-size: 12px; }
.poster-validation.success { color: #3c8b59; }
@media (max-width: 760px) { .poster-style-choice > div,.poster-copy-list { grid-template-columns: 1fr; }.poster-result-actions,.poster-copy-heading { display: grid; } }

.poster-style-choice > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }.poster-style-button.quick { border-color: #9ac9b0; background: #f5fcf7; }.poster-style-button.quick.active { border-color: #5ca77a; color: #32784f; background: #ecf9f0; box-shadow: 0 0 0 2px #ddf2e4; }.poster-processing-note { margin: 1px 0 0; color: #8d9aac; font-size: 11px; font-weight: 500; }.poster-render.quick-clean { color: #344356; background: linear-gradient(155deg,#f2f8f4,#dcecdf 48%,#b7d3bd); }.poster-render.quick-clean .poster-render-head strong,.poster-render.quick-clean .poster-render-foot strong { color: #2e5b3e; }.poster-render.quick-clean .poster-render-head span,.poster-render.quick-clean .poster-render-foot { color: #4f785c; }.poster-render.quick-clean .poster-render-points span { color: #355b42; background: rgba(255,255,255,.65); }.poster-interior-template { position: relative; height: 300px; margin: 0 12px; overflow: hidden; border-radius: 10px; background: #ece9e4; }.poster-interior-hero { width: 100%; height: 100%; object-fit: cover; }.poster-plan-float { position: absolute; top: 12px; left: 12px; width: 43%; height: 42%; padding: 5px; border: 2px solid rgba(255,255,255,.9); border-radius: 8px; object-fit: cover; background: #fff; box-shadow: 0 5px 16px rgba(30,42,34,.3); }.poster-plan-float.quick-clean { filter: contrast(1.08) saturate(.92) brightness(1.03); }.poster-copy-item { position: relative; padding-top: 42px; }.poster-copy-item h4 { position: absolute; top: 15px; left: 15px; margin: 0; color: #4770d2; font-size: 13px; }.poster-copy-item:nth-child(2) h4 { color: #387a68; }.poster-copy-item:nth-child(3) h4 { color: #b06b4a; }

.poster-render-foot { justify-content: flex-end; padding: 11px 17px 15px; }.poster-render-foot strong { font-size: 16px; }.poster-interior-template { height: 270px; }.poster-render-points { padding: 13px 17px 10px; }.poster-copy-item p { line-height: 1.78; }.poster-copy-item { min-height: 325px; }

.poster-points-label { margin-top: 15px; }.poster-points-label textarea { min-height: 64px; }.poster-recommendation-label { display: grid; gap: 7px; margin-top: 15px; color: #516176; font-size: 13px; font-weight: 700; }.poster-recommendation-label small { color: #97a2b0; font-size: 11px; font-weight: 500; }.poster-recommendation-label textarea { width: 100%; min-height: 88px; padding: 11px 12px; border: 1px solid #dbe3ee; border-radius: 8px; color: var(--ink); outline-color: #91a9ec; resize: vertical; font: inherit; }.poster-contact-editor { display: grid; gap: 12px; margin-top: 16px; padding: 15px; border: 1px solid #e0e8f3; border-radius: 11px; background: #f9fbff; }.poster-contact-editor-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }.poster-contact-editor-head strong,.poster-contact-editor-head small { display: block; }.poster-contact-editor-head strong { color: #43566d; font-size: 13px; }.poster-contact-editor-head small,.poster-agent-note { margin: 5px 0 0; color: #8996a7; font-size: 11px; line-height: 1.45; }.poster-contact-editor .light-button { padding: 7px 10px; white-space: nowrap; font-size: 11px; }.poster-contact-grid { display: grid; grid-template-columns: 1.1fr 1fr 1.2fr; gap: 10px; }.poster-contact-grid label { display: grid; gap: 6px; color: #65768c; font-size: 11px; font-weight: 700; }.poster-contact-grid input,.poster-contact-grid select { width: 100%; min-height: 38px; padding: 8px 9px; border: 1px solid #dbe3ee; border-radius: 7px; color: #415267; background: #fff; font: inherit; }.poster-agent-note { min-height: 16px; }

.poster-preview-card { background: #f5f7fb; }.poster-reference-render { width: min(100%, 460px); margin: 16px auto 0; overflow: hidden; border-radius: 22px; color: #1f2a37; background: #fff; box-shadow: 0 10px 30px rgba(56,78,109,.14); }.poster-reference-visual { position: relative; height: clamp(330px, 38vw, 510px); overflow: hidden; background: linear-gradient(145deg,#dbeaff,#90b6e6); }.poster-reference-main-image { display: block; width: 100%; height: 100%; object-fit: cover; }.poster-sale-badge { position: absolute; top: 20px; left: 20px; padding: 9px 17px; border-radius: 999px; color: #1476e7; background: rgba(255,255,255,.96); box-shadow: 0 5px 12px rgba(24,61,109,.18); font-size: 16px; font-weight: 800; }.poster-reference-plan-float { position: absolute; bottom: 16px; left: 16px; width: 36%; height: 31%; padding: 5px; border: 2px solid rgba(255,255,255,.9); border-radius: 9px; object-fit: cover; background: #fff; box-shadow: 0 6px 17px rgba(24,48,78,.28); }.poster-reference-extra-images { position: absolute; right: 14px; bottom: 14px; display: grid; grid-template-columns: repeat(2, 54px); gap: 4px; }.poster-reference-extra-images.count-1 { grid-template-columns: 76px; }.poster-reference-extra-images img { width: 54px; height: 54px; border: 2px solid rgba(255,255,255,.9); border-radius: 6px; object-fit: cover; box-shadow: 0 4px 12px rgba(24,48,78,.24); }.poster-reference-extra-images.count-1 img { width: 76px; }.poster-reference-information { display: grid; gap: 14px; padding: 27px 25px 24px; }.poster-reference-information h4 { margin: 0; color: #1e2732; font-size: 27px; line-height: 1.25; }.poster-reference-location { margin: -5px 0 4px; color: #8d98a7; font-size: 14px; }.poster-reference-price-row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px; }.poster-reference-price-row strong { color: #e72231; font-size: 38px; line-height: 1; }.poster-reference-price-row span { color: #343c47; font-size: 16px; }.poster-reference-facts { display: flex; flex-wrap: wrap; gap: 12px 18px; color: #4e5d70; font-size: 15px; font-weight: 700; }.poster-reference-facts span + span::before { margin-right: 18px; color: #d7dee7; content: '·'; }.poster-reference-tags { display: flex; flex-wrap: wrap; gap: 8px; }.poster-reference-tags span { padding: 7px 11px; border-radius: 999px; color: #1777df; background: #edf5ff; font-size: 13px; font-weight: 700; }.poster-reference-recommendation { margin: 1px 0 0; color: #6b7787; font-size: 14px; line-height: 1.8; }.poster-reference-contact { display: flex; align-items: center; justify-content: space-between; gap: 13px; margin-top: 2px; padding: 11px 13px; border-radius: 10px; color: #3f75bd; background: #edf5ff; }.poster-reference-contact span { font-size: 12px; font-weight: 700; }.poster-reference-contact strong { color: #263b54; font-size: 13px; text-align: right; }

@media (max-width: 760px) { .poster-contact-grid { grid-template-columns: 1fr; }.poster-contact-editor-head { display: grid; }.poster-reference-visual { height: 460px; } }

.poster-recommendation-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.poster-recommendation-title button { padding: 4px 8px; border: 1px solid #d5e3fb; border-radius: 999px; color: #4c78cc; background: #f4f8ff; font-size: 11px; font-weight: 700; }.poster-floor-field { display: grid; gap: 8px; margin-top: 15px; color: #516176; font-size: 13px; font-weight: 700; }.poster-floor-field > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }.poster-floor-field button { min-height: 38px; border: 1px solid #dbe3ee; border-radius: 8px; color: #65768c; background: #fff; font-weight: 700; }.poster-floor-field button.active { border-color: #7d9be8; color: #4168cc; background: #eef3ff; box-shadow: 0 0 0 2px #e4ebff; }.poster-reference-visual.plan-only { height: clamp(300px, 31vw, 390px); background: #fff; }.poster-reference-plan-image { box-sizing: border-box; padding: 8px 10px 6px; object-fit: contain; }.poster-reference-visual.plan-only .poster-sale-badge { top: 16px; left: 16px; }.poster-reference-information { gap: 13px; }.poster-reference-price-row { margin-top: 5px; }.poster-reference-facts { gap: 10px 18px; }.poster-reference-tags span { white-space: nowrap; }.poster-copy-item { min-height: 0; }.poster-copy-item p { line-height: 1.58; }.poster-copy-list { align-items: start; }

.poster-reference-visual.plan-only { height: auto; aspect-ratio: 1.42; }.poster-reference-information { padding-top: 18px; }.poster-copy-item { position: relative; display: grid; gap: 14px; min-height: 0; padding: 16px; }.poster-copy-item h4 { position: static; margin: 0; color: #2464b3; font-size: 14px; }.poster-copy-content { display: grid; gap: 0; border: 1px solid #e6ebf2; border-radius: 9px; overflow: hidden; background: #fff; }.poster-copy-block { display: grid; gap: 7px; padding: 12px 13px; }.poster-copy-block + .poster-copy-block { border-top: 1px solid #edf0f5; }.poster-copy-block > strong { color: #41658f; font-size: 11px; }.poster-copy-block p { margin: 0; color: #38495e; font-size: 12px; line-height: 1.62; }.poster-copy-block.short-title p { color: #1f2f44; font-weight: 700; }.poster-copy-block.pinned { background: #f7faff; }.poster-copy-item > button { justify-self: stretch; }

.poster-social-copy-body { margin: 0; padding: 15px; border: 1px solid #e6ebf2; border-radius: 10px; color: #34465c; background: #fff; font-size: 13px; line-height: 1.72; white-space: pre-line; }.poster-copy-item:nth-child(1) .poster-social-copy-body { background: #fffaf7; }.poster-copy-item:nth-child(2) .poster-social-copy-body { background: #fff8f4; }.poster-copy-item:nth-child(3) .poster-social-copy-body { background: #f7faff; }

.poster-workflow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0 0 18px; padding:0; list-style:none; }.poster-workflow li { display:flex; align-items:center; gap:8px; min-height:38px; padding:8px 10px; border:1px solid #dce7f5; border-radius:9px; color:#61748c; background:#fff; font-size:12px; font-weight:700; }.poster-workflow b,.poster-step-label b { display:grid; flex:none; place-items:center; width:20px; height:20px; border-radius:50%; color:#fff; background:#4b78d2; font-size:11px; }.poster-step-label { display:flex; align-items:center; gap:8px; margin-top:18px; color:#435b78; font-size:13px; font-weight:800; }.poster-step-label small { color:#95a1b0; font-size:11px; font-weight:500; }.poster-step-label.compact { margin-top:17px; }.poster-style-choice > span b { display:inline-grid; place-items:center; width:20px; height:20px; margin-right:4px; border-radius:50%; color:#fff; background:#4b78d2; font-size:11px; }.poster-image-quick-enhanced { filter:brightness(1.06) contrast(1.1) saturate(.96); }
@media (max-width:760px) { .poster-workflow { grid-template-columns:1fr 1fr; }.poster-step-label { align-items:flex-start; flex-wrap:wrap; }.poster-step-label small { flex-basis:calc(100% - 28px); margin-left:28px; } }

.poster-lookup-form { display:grid; gap:12px; margin:0 0 20px; padding:16px; border:1px solid #cddff7; border-radius:12px; background:linear-gradient(135deg,#f1f7ff,#fbfdff); }
.poster-lookup-form label { display:grid; gap:7px; color:#3a5678; font-size:12px; font-weight:700; }
.poster-lookup-location { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.poster-lookup-form input,.poster-lookup-form select { width:100%; min-width:0; min-height:42px; padding:9px 11px; border:1px solid #d1deee; border-radius:8px; color:#314966; background:#fff; font:inherit; }
.poster-lookup-input { display:flex; align-items:stretch; gap:8px; margin-top:7px; }
.poster-lookup-input input { flex:1; width:0; }
.poster-lookup-input button { flex:none; white-space:nowrap; }
.poster-lookup-input button:disabled { opacity:.65; cursor:wait; }
.poster-lookup-message { margin:0; color:#74869c; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.poster-lookup-message.success { color:#257550; }
.poster-lookup-message.error { color:#b24b50; }
.poster-facts-heading { display:flex; justify-content:space-between; gap:10px; margin-bottom:12px; color:#425c7b; font-size:12px; }
.poster-facts-heading small { color:#91a0b2; font-weight:400; }
.poster-facts-extra { margin-top:12px; }
@media(max-width:760px) { .poster-lookup-form { padding:12px; }.poster-lookup-form input,.poster-lookup-form select { font-size:16px; }.poster-facts-heading { flex-wrap:wrap; } }