.plot-note{padding:16px 18px;margin:16px 0;background:#fff4e5;border-left:4px solid #ed7a00;color:#5d3a12;font-size:.82rem}.plot-note b{display:block;margin-bottom:4px}.vector-status{margin-top:14px;padding:15px;background:#f3f3f3;border-left:4px solid #888}.vector-status.ok{background:#edf8ef;border-color:#27823a}.vector-status.error{background:#fff0ed;border-color:#b52e20}.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.color-choice input{position:absolute;opacity:0}.color-choice span{display:flex;align-items:center;gap:9px;border:1px solid #ccc;padding:12px;cursor:pointer}.color-choice i{width:22px;height:22px;border-radius:50%;border:1px solid #aaa}.color-choice input:checked+span{outline:2px solid #ed7a00;background:#fff8ef}.summary .plot-price strong{color:#ed7a00;font-size:1.6rem}@media(max-width:620px){.color-grid{grid-template-columns:1fr 1fr}}

.design-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.design-mode{border:2px solid #ccc;background:#fff;padding:20px;text-align:left;cursor:pointer;font:inherit}.design-mode b,.design-mode small{display:block}.design-mode small{margin-top:5px;color:#666}.design-mode.active{border-color:#ed7a00;background:#fff7ed;box-shadow:inset 0 0 0 1px #ed7a00}.text-builder{display:grid;grid-template-columns:1fr;gap:24px}.text-controls textarea{resize:vertical;min-height:145px}.control-label{display:block;font-size:.78rem;font-weight:700;margin-bottom:7px}.alignment-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.alignment-buttons button{height:51px;border:1px solid #ccc;background:#fff;font:800 1.35rem Arial;cursor:pointer}.alignment-buttons button:nth-child(1){text-align:left}.alignment-buttons button:nth-child(3){text-align:right}.alignment-buttons button.active{border:2px solid #ed7a00;background:#fff7ed;color:#ed7a00}.text-preview-card{display:flex;flex-direction:column;width:100%;padding:22px;background:#171717;color:#fff}.text-preview{width:100%;min-height:400px;margin:12px 0;padding:28px;display:flex;align-items:center;overflow:hidden;border:1px solid #555;background:#2a2a2a}.text-preview svg{display:block;width:100%;height:100%;min-height:350px}.text-preview-card>small{color:#aaa;line-height:1.45}@media(max-width:760px){.design-mode-grid{grid-template-columns:1fr}.text-preview{min-height:280px;padding:18px}.text-preview svg{min-height:240px}}

.text-preview.text-preview-transparent{background-color:#fff;background-image:linear-gradient(45deg,#d9d9d9 25%,transparent 25%),linear-gradient(-45deg,#d9d9d9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9d9d9 75%),linear-gradient(-45deg,transparent 75%,#d9d9d9 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.text-preview.text-preview-white{background:#fff}.text-preview.text-preview-black{background:#000}.text-preview-background{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}.text-preview-background span{margin-right:4px;color:#bbb;font-size:.78rem}.text-preview-background button{border:1px solid #666;background:#252525;color:#fff;padding:8px 12px;cursor:pointer;font:700 .75rem Inter,Arial,sans-serif}.text-preview-background button.active{border-color:#ed7a00;background:#ed7a00}

.text-format-grid{grid-template-columns:minmax(180px,1.2fr) minmax(150px,.9fr) minmax(150px,1fr)}.text-style-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.text-style-buttons button{height:51px;border:1px solid #ccc;background:#fff;cursor:pointer;font:600 .78rem Inter,Arial,sans-serif}.text-style-buttons button b,.text-style-buttons button i{margin-right:4px;font-size:1rem}.text-style-buttons button.active{border:2px solid #ed7a00;background:#fff7ed;color:#ed7a00}@media(max-width:820px){.text-format-grid{grid-template-columns:1fr}}