.postcards-styles,.postcards-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.postcards-styles button,.postcards-tabs button,#postcards-run,#postcards-previous,#postcards-remove{font:inherit;min-height:44px;padding:11px 18px;border:1px solid #d7cfc2;border-radius:12px;background:#fffdf8;color:#35413a;cursor:pointer}.postcards-styles button[aria-pressed="true"],.postcards-tabs button[aria-pressed="true"]{border:2px solid #a5482d;background:#f8eee7;padding:10px 17px}.postcards-styles button{flex:1}.postcards-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:start}.postcards-fields label{display:grid;gap:7px;margin-bottom:16px}.postcards-fields input,.postcards-fields textarea,.postcards-fields select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #cfc7ba;border-radius:10px;background:#fffefb;color:#24332c;font:inherit}.postcards-fields textarea{resize:vertical;line-height:1.5}.postcards-preview{border:1px solid #d7cfc2;border-radius:12px;overflow:hidden;background:#fffaf1;aspect-ratio:148/105;box-shadow:0 8px 24px #40301c12}.postcards-preview svg{display:block;width:100%;height:100%}.postcards-result{position:sticky;top:20px}.postcards-note{font-size:.88rem;line-height:1.6;color:#626b62}.postcards-actions{display:grid;gap:10px;margin:20px 0}#postcards-run{background:#a5482d;border-color:#a5482d;color:white;font-weight:600}#postcards-run:hover{background:#8c3924}#postcards-workspace button:disabled{opacity:.55;cursor:wait}#postcards-workspace :focus-visible{outline:3px solid #24518c;outline-offset:3px}#postcards-status{min-height:2em;font-size:.9rem;color:#405b48;line-height:1.5}#postcards-workspace [hidden]{display:none!important}#postcards-workspace details{margin-top:18px;border-top:1px solid #e4ded3;padding-top:16px}#postcards-workspace summary{cursor:pointer;min-height:32px}#postcards-photo-fields input{padding:8px;font-size:.85rem}@media(max-width:650px){.postcards-layout{grid-template-columns:1fr;gap:20px}.postcards-result{position:static;order:-1}.postcards-styles{gap:7px}.postcards-styles button{padding:10px 7px;font-size:.85rem}.postcards-styles button[aria-pressed="true"]{padding:9px 6px}.postcards-tabs button{flex:1}}
