.scope-note{padding:14px 17px;background:#f1f5e5;border-radius:14px;font-size:13px;color:#61704e;line-height:1.8}.suggestion{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #e0e7d6;border-radius:16px;padding:17px;margin-top:13px;background:#f9fbf4;font-size:14px;overflow-wrap:anywhere}.suggestion p{font-size:12px;color:#667356;margin:7px 0}.suggestion small{font-size:11px;color:#7a866d}.suggestion button{flex-shrink:0}.change-from{color:#a35e4c;text-decoration:line-through}.symbol-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:22px}.symbol-grid button{min-height:84px;border:1px solid #e0e7d6;border-radius:17px;background:#fafcf6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;overflow-wrap:anywhere}.symbol-grid button:hover{background:#eaf4cc;border-color:#9db774}.symbol-grid button>span{font-size:27px;line-height:1.4}.symbol-grid button>small{font-size:10px;color:#758364}.design-editor{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.design-editor .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-preview{border:1px solid #dce5d3;border-radius:20px;padding:18px;background-color:#e9eee0;position:sticky;top:20px}.design-preview canvas{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 9px #23321315)}.design-preview p{text-align:center}.design-editor input[type=color]{padding:4px;width:100%;height:46px}.design-editor #card-print{margin-top:12px}#card-print-area{display:none}.tool-icon.symbols{--tone:#f4dca4}.tool-icon.business-card{--tone:#c2e7dc}.tool-icon.stamp-maker{--tone:#f1c5bb}.tool-icon.currency{--tone:#d4d5f4}
@media(max-width:800px){.symbol-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.design-editor{grid-template-columns:1fr}.design-preview{position:static;grid-row:1}.design-preview canvas{max-height:320px;object-fit:contain}.suggestion{align-items:start}.suggestion button{font-size:11px;padding:9px}.symbol-grid button>span{font-size:24px}}
@media(max-width:480px){.symbol-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.symbol-grid button{padding:7px;min-height:75px}.symbol-grid button>span{font-size:21px}.suggestion{flex-direction:column;gap:12px}.design-preview{padding:13px}}
@media print{@page{size:A4;margin:15mm}body:has(#card-print-area)>*:not(main),body:has(#card-print-area) main>*:not(#card-print-area){display:none!important}body:has(#card-print-area){background:#fff}body:has(#card-print-area) main{width:auto;margin:0;padding:0}#card-print-area{display:block!important}#card-print-area img{display:block;width:var(--card-print-width,92mm)!important;height:var(--card-print-height,52mm)!important;max-width:none!important;border:0}}

.card-preview-sheet{position:relative}.card-preview-sheet #card-trim-guide{position:absolute;inset:1.923077% 1.086957%;border:1px dashed #ae623b;box-shadow:0 0 0 1px #ffffffb3;pointer-events:none}.design-preview .card-preview-sheet canvas{max-height:none;object-fit:initial}

.face-moods{padding:14px;background:#f2f5e9;border-radius:16px}.face-moods[hidden]{display:none}.symbol-grid .text-face{grid-column:span 2;min-height:94px}.symbol-grid .text-face>span{font-size:18px;white-space:pre;line-height:1.6;letter-spacing:0}.symbol-grid.faces-only{grid-template-columns:repeat(3,minmax(0,1fr))}.symbol-grid.faces-only .text-face{grid-column:auto}.symbol-empty{grid-column:1/-1}.symbol-grid button:focus-visible{outline:3px solid #647d39;outline-offset:3px}@media(max-width:800px){.symbol-grid.faces-only{grid-template-columns:repeat(2,minmax(0,1fr))}.symbol-grid:not(.faces-only) .text-face{grid-column:span 5}}@media(max-width:480px){.symbol-grid.faces-only{grid-template-columns:1fr}.symbol-grid:not(.faces-only) .text-face{grid-column:span 4}.symbol-grid .text-face{min-height:82px}.symbol-grid .text-face>span{font-size:20px}}

.card-brand-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.card-brand-options .check-field{margin:0}.card-logo-upload{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.card-logo-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.card-logo-upload:focus-within{outline:3px solid #647d39;outline-offset:3px}.card-logo-options{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dce5d3;border-radius:16px;background:#f8faF3}.card-logo-options[hidden]{display:none}.card-logo-options>img{width:60px;height:60px;object-fit:contain;background-color:#fff;background-image:conic-gradient(#edf0e7 25%,transparent 0 50%,#edf0e7 0 75%,transparent 0);background-size:12px 12px;border-radius:8px}.card-logo-options>div{flex:1;min-width:0}.card-logo-options #card-logo-name{display:block;font-size:12px;overflow-wrap:anywhere}.card-logo-options .check-field{font-size:12px;margin:8px 0 0}.card-logo-options button{font-size:12px;padding:10px}@media(max-width:480px){.card-logo-options{flex-wrap:wrap}.card-logo-options>div{min-width:140px}}