.cb-layout{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}@media(max-width:700px){.cb-layout{grid-template-columns:1fr}}.cb-panel{display:flex;flex-direction:column;gap:12px}.cb-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:12px}.cb-section-title{font-size:13px;font-weight:700;color:var(--sub);text-transform:uppercase;letter-spacing:.04em}.tpl-row{display:flex;flex-wrap:wrap;gap:6px}.tpl-btn{font-size:12px;padding:4px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card-alt);color:var(--sub);cursor:pointer;transition:all .15s;white-space:nowrap}.tpl-btn:hover,.tpl-btn.active{background:var(--primary-muted);color:var(--primary);border-color:var(--primary)}.cb-textarea{width:100%;background:var(--card-alt);border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;font-size:15px;color:var(--text);resize:vertical;outline:none;transition:border-color .2s;min-height:90px;box-sizing:border-box;font-family:inherit}.cb-textarea:focus{border-color:var(--primary)}@media(max-width:640px){.cb-textarea{font-size:16px!important}}.cb-row{display:flex;align-items:center;gap:10px;min-width:0}.cb-label{width:68px;flex-shrink:0;font-size:13px;color:var(--sub);font-weight:500}.cb-select{flex:1;height:36px;background:var(--card-alt);border:1.5px solid var(--border);border-radius:10px;padding:0 10px;font-size:13px;color:var(--text);outline:none;cursor:pointer;transition:border-color .2s;appearance:none;-webkit-appearance:none;min-width:0}.cb-select:focus{border-color:var(--primary)}.seg-ctrl{display:flex;gap:4px;flex:1;min-width:0}.seg-btn{flex:1;padding:6px 4px;border:1px solid var(--border);border-radius:8px;background:var(--card-alt);color:var(--sub);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--primary-muted);color:var(--primary);border-color:var(--primary)}.iw.slider-wrap{flex:1;display:flex;align-items:center;gap:8px;border:none;background:transparent;height:auto;overflow:visible}.iw.slider-wrap input[type=range]{flex:1;height:4px;accent-color:var(--primary);padding:0;cursor:pointer;background:transparent}.iw.slider-wrap input[type=number]{width:44px;height:32px;border:1.5px solid var(--border);border-radius:8px;background:var(--card-alt);color:var(--text);text-align:center;font-size:13px;font-weight:600;padding:0 4px;outline:none;transition:border-color .2s;-moz-appearance:textfield;flex:0 0 auto}.iw.slider-wrap input[type=number]:focus{border-color:var(--primary)}.iw.slider-wrap input[type=number]::-webkit-inner-spin-button,.iw.slider-wrap input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.font-upload-btn{font-size:12px;padding:5px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card-alt);color:var(--sub);cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.font-upload-btn:hover{background:var(--primary-muted);color:var(--primary);border-color:var(--primary)}.cb-font-name{font-size:12px;color:var(--primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-actions{display:flex;gap:10px}.cb-btn{flex:1;padding:11px 0;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s;min-height:44px}.cb-btn-primary{background:var(--primary);color:#fff}.cb-btn-primary:hover{filter:brightness(1.08)}.cb-btn-primary:active{filter:brightness(.95)}.cb-btn-ghost{background:var(--card-alt);color:var(--sub)}.cb-btn-ghost:hover{background:var(--primary-muted);color:var(--primary)}.cb-font-status{font-size:12px;color:var(--sub);padding:6px 10px;background:var(--card-alt);border-radius:8px;text-align:center}.cb-preview-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}.cb-preview-header{display:flex;align-items:center;justify-content:space-between}.cb-preview-label{font-size:13px;font-weight:700;color:var(--sub);text-transform:uppercase;letter-spacing:.04em}.cb-char-count{font-size:12px;color:var(--sub)}.cb-preview-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;line-height:0}#previewCanvas{width:100%;height:auto;display:block}@media print{body>*{display:none!important}#printFrame{display:block!important;position:fixed;top:0;left:0;width:100%;height:100%}}