.c210-content{padding:18px;max-width:960px;margin:auto}.c210-card{background:#fff;border:1px solid #dae3ee;border-radius:18px;padding:20px;margin:14px 0}.c210-card>img{width:100%;max-height:320px;object-fit:cover;border-radius:12px}.c210-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.c210-toolbar button{min-height:42px}.c210-content form,.c210-dialog form{display:grid;gap:14px}.c210-content label,.c210-dialog label{display:grid;gap:6px}.c210-content input,.c210-content textarea,.c210-content select,.c210-dialog textarea,.c210-dialog select{width:100%;padding:12px;border:1px solid #ccd6e3;border-radius:10px;box-sizing:border-box;font:inherit}.c210-comment{border-top:1px solid #dae3ee;padding:14px 0}.c210-comment small,.c210-message small{display:block;color:#576b81}.c210-reply{margin-left:20px;border-left:3px solid #0098d0;padding-left:12px}.c210-message{background:#eef5fc;padding:12px;border-radius:12px;margin:10px 0}.c210-pre{white-space:pre-wrap;overflow-wrap:anywhere}.c210-dialog{max-width:720px;width:calc(100% - 32px);box-sizing:border-box}.c210-close{float:right}.c210-table{width:100%;border-collapse:collapse}.c210-table td,.c210-table th{padding:12px;border-bottom:1px solid #dae3ee;text-align:left;overflow-wrap:anywhere}.c210-scroll{overflow:auto}.c210-quantity{display:flex;align-items:center;gap:6px}.c210-quantity input{width:68px;text-align:center}.c210-designer{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,1fr);gap:20px}.c210-canvas{position:relative;aspect-ratio:95/135;width:100%;max-width:380px;background:#fff;border:1px solid #ccd6e3;touch-action:none;overflow:hidden}.c210-element{position:absolute;box-sizing:border-box;cursor:move;overflow:hidden;white-space:pre-wrap;display:flex;align-items:center}.c210-element.selected{outline:2px dashed #0098d0}.c210-element img{width:100%;height:100%;object-fit:contain}.c210-properties{display:grid;grid-template-columns:1fr 1fr;gap:10px}.c210-properties label{display:grid;gap:4px}.c210-properties .full{grid-column:1/-1}.c210-paper{background:#fff;margin:12px auto;padding:10px;box-shadow:0 2px 10px #0002;display:grid;gap:8px;max-width:700px}.c210-paper img{width:100%;display:block}.c210-print-summary{background:#eef5fc;padding:16px;border-radius:14px}.c210-comment p{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.c210-designer{grid-template-columns:1fr}.c210-table{font-size:13px}.c210-reply{margin-left:10px}}@media(prefers-reduced-motion:reduce){.slide{transition:none!important}}
.c210-designer button:not(.primary):not(.ghost){padding:10px 12px;border:1px solid #ccd6e3;border-radius:10px;background:#f3f8fc;color:#003b93;font:inherit;cursor:pointer}.c210-properties input[type=color]{height:40px;min-width:64px}.c210-properties input[type=checkbox]{width:22px;height:22px}.c210-content button:focus-visible,.c210-designer button:focus-visible{outline:3px solid #0098d0;outline-offset:3px}

.badge-front-dialog{max-height:95vh;overflow:auto}.badge-pick-row .badge-edit-front{white-space:normal;font-size:12px;padding:8px;max-width:105px}.badge-front-dialog [data-front-template]{margin-bottom:16px;width:100%}
@media(max-width:600px){.badge-members .badge-pick-row{flex-wrap:wrap}.badge-edit-front{margin-left:30px}}

.badge-size-controls{display:grid;gap:8px}.badge-size-controls label{display:grid;gap:4px}.badge-size-controls input{width:100%;max-width:160px}.badge-size-controls [role=status]{color:#a12222;margin:0}