.posm-layout{display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:24px;align-items:start}.posm-editor,.posm-preview{padding:24px;border:1px solid #e5e5e7;border-radius:20px;background:#fff;min-width:0}.posm-kicker{display:block;font-size:9px;font-weight:650;letter-spacing:1.4px;color:#697787;margin-bottom:11px}.posm-intro h2,.posm-preview h2{font-size:18px;line-height:1.3;margin:0 0 8px;color:#1d1d1f}.posm-intro p,.posm-preview-head p{font-size:11px;line-height:1.7;color:#6e6e73;margin:0}.posm-controls{display:grid;gap:15px;margin-top:24px}.posm-control{display:flex;flex-direction:column;gap:7px;min-width:0}.posm-control span{font-size:11px;color:#515154}.posm-control input,.posm-control select{box-sizing:border-box;max-width:100%;width:100%;font-size:12px;min-width:0}.posm-control-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.posm-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.posm-colors input{height:40px;padding:4px;cursor:pointer}.posm-field-note{font-size:10px;color:#707078;line-height:1.7;margin:0}.posm-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#303038}.posm-check input{min-height:0;width:16px;height:16px;accent-color:#0071e3}.posm-preview-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.posm-format-count{font-size:10px;white-space:nowrap;background:#eef5fd;color:#3371a1;border-radius:20px;padding:7px 10px}.posm-view-switch{border:0;padding:0;display:flex;gap:18px;margin:22px 0 14px;font-size:12px}.posm-view-switch label{display:flex;align-items:center;gap:6px;cursor:pointer}.posm-view-switch input{width:14px;height:14px;min-height:0;accent-color:#0071e3}.posm-art-stage{background:repeating-conic-gradient(#e9ecf0 0% 25%,#f5f6f8 0% 50%) 50%/20px 20px;display:flex;justify-content:center;align-items:center;border:1px solid #e4e6ea;border-radius:12px;padding:30px;min-height:400px;overflow:hidden;margin-bottom:12px}.posm-art-stage svg{display:block;width:auto;height:auto;max-width:100%;max-height:520px;filter:drop-shadow(0 10px 18px #243b2528)}.posm-downloads{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.posm-production-note{background:#f5f8fc;border:1px solid #e4ebf5;border-radius:12px;padding:16px;font-size:11px;line-height:1.8;color:#53667a}.posm-production-note strong{color:#344a61;font-weight:600}.posm-production-note p{margin:6px 0 0}.posm-production-details{margin-top:16px;font-size:11px;line-height:1.8;color:#6e6e73}.posm-production-details summary{color:#0066cc;cursor:pointer}.posm-production-details ul{margin:10px 0 0;padding-left:18px}.posm-production-details li{padding:3px 0}.posm-warning{margin:12px 0;padding:12px;border:1px solid #eacfa1;background:#fff8eb;border-radius:9px;color:#7b5b29;font-size:11px;line-height:1.7}.posm-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.posm-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:18px}.posm-editor,.posm-preview{padding:18px}.posm-preview-head{flex-wrap:wrap}.posm-art-stage{min-height:350px;padding:20px}}@media(max-width:780px){.posm-layout{grid-template-columns:1fr}.posm-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.posm-controls>.posm-field-note,.posm-check,.posm-colors{grid-column:1/-1}.posm-art-stage{min-height:300px}.posm-controls input,.posm-controls select{font-size:16px}}@media(max-width:420px){.posm-controls{grid-template-columns:1fr}.posm-editor,.posm-preview{padding:16px}.posm-art-stage{padding:14px}.posm-view-switch{font-size:11px;gap:14px}}