.bizcardTool{display:flex;flex-direction:column;gap:24px}.bizcardTool_preview{background:#f5f6f8;border-bottom:1px solid #e8eaed;margin:0 -60px;padding:16px 60px 20px;position:sticky;top:29px;z-index:10}.bizcardTool_form{display:grid;gap:16px 24px;grid-template-columns:1fr 1fr;width:100%}.bizcardTool_sectionTitle{align-items:center;color:#c00;display:flex;font-size:15px;font-weight:700;gap:6px;grid-column:1/-1;margin:20px 0 10px}.bizcardTool_sectionTitle::before{background:#c00;border-radius:2px;content:"";display:inline-block;height:16px;width:4px}.bizcardTool_sectionTitle:first-child{margin-top:0}.bizcardTool_bgImageGroup{border:1px solid #e8eaed;border-radius:8px;padding:10px 12px}.bizcardTool_bgImageHint{color:#999;font-size:11px;line-height:1.4;margin-top:6px}.bizcardTool_colorPicker{align-items:center;display:flex;gap:12px}.bizcardTool_colorPicker label{font-size:13px;font-weight:500;white-space:nowrap}.bizcardTool_colorWrap{align-items:center;display:flex;gap:8px}.bizcardTool_colorWrap input[type=color]{border:2px solid #d0d5dd;border-radius:8px;cursor:pointer;height:40px;padding:2px;width:40px}.bizcardTool_colorHex{border:1px solid #d0d5dd;border-radius:6px;font-family:monospace;font-size:14px;padding:6px 10px;width:90px}.bizcardTool_presetGrid{display:grid;gap:8px;grid-column:1/-1;grid-template-columns:repeat(auto-fill, minmax(80px, 1fr))}.bizcardTool_presetThumb{border:2px solid rgba(0,0,0,0);border-radius:6px;cursor:pointer;padding:4px;text-align:center;transition:border-color .2s,background .2s}.bizcardTool_presetThumb:hover{background:#f5f6f8}.bizcardTool_presetThumb.is-selected{background:#fee;border-color:#c00}.bizcardTool_presetMiniCard{aspect-ratio:91/55;background:#f9f9f9;border:1px solid #ddd;border-radius:3px;overflow:hidden;position:relative;width:100%}.bizcardTool_presetLine{background:#ccc;border-radius:1px;height:2px;position:absolute}.bizcardTool_presetLine-name{background:#888;height:3px}.bizcardTool_presetLabel{color:#666;display:block;font-size:10px;line-height:1.2;margin-top:4px}.bizcardTool_fieldGroup{border:1px solid #e8eaed;border-radius:8px;margin-bottom:14px;padding:10px 12px;transition:box-shadow .2s}.bizcardTool_fieldGroup:focus-within{box-shadow:0 0 0 2px rgba(204,0,0,.15)}.bizcardTool_fieldLabel{color:#444;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.bizcardTool_fieldInput{width:100%}.bizcardTool_fieldTextarea{min-height:80px;resize:vertical}.bizcardTool_fieldStyle{border-top:1px dashed #e8eaed;margin-top:8px;padding-top:8px}.bizcardTool_styleRow{align-items:center;display:flex;gap:8px;margin-bottom:6px}.bizcardTool_styleRow:last-child{margin-bottom:0}.bizcardTool_styleRow>label{color:#777;font-size:12px;min-width:45px}.bizcardTool_styleRow>span{color:#888;font-size:11px}.bizcardTool_posRow{flex-wrap:wrap}.bizcardTool_posInputs{display:flex;flex:1;gap:8px}.bizcardTool_posLabel{align-items:center;color:#777;display:flex;font-size:11px;gap:3px}.bizcardTool_imageSlot{border:1px solid #e8eaed;border-radius:8px;margin-bottom:14px;padding:10px 12px}.bizcardTool_imageSlotHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.bizcardTool_imageSlotLabel{color:#444;font-size:13px;font-weight:600}.bizcardTool_imageUpload{align-items:center;display:flex;gap:8px;margin-bottom:6px}.bizcardTool_btnUpload{background:#f5f6f8;border:1px dashed #bbb;border-radius:6px;color:#555;cursor:pointer;font-family:inherit;font-size:12px;padding:6px 14px;transition:background .2s}.bizcardTool_btnUpload:hover{background:#e8eaed}.bizcardTool_btnDeleteImg{background:#fee;border:1px solid #ecc;border-radius:4px;color:#c33;cursor:pointer;font-family:inherit;font-size:11px;padding:3px 10px;transition:background .2s}.bizcardTool_btnDeleteImg:hover{background:#fdd}.bizcardTool_imageControls{border-top:1px dashed #e8eaed;padding-top:6px}.bizcardTool_formActions{border-top:1px solid #e8eaed;grid-column:1/-1;margin-top:8px;padding-top:12px;text-align:center}.bizcardTool_controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.bizcardTool_controlGroup{align-items:center;display:flex;gap:6px}.bizcardTool_controlLabel{color:#666;font-size:12px;white-space:nowrap}.bizcardTool_controlBtn{background:#f5f6f8;border:1px solid #d0d5dd;border-radius:4px;color:#666;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:4px 12px;transition:all .2s}.bizcardTool_controlBtn.is-active{background:#c00;border-color:#c00;color:#fff}.bizcardTool_cardWrapper{align-items:center;background:#f5f6f8;border:1px solid #e8eaed;border-radius:8px;display:flex;justify-content:center;overflow:auto;padding:16px}.bizcardTool_cardSpacer{display:inline-block;flex-shrink:0;position:relative}.bizcardTool_card{background:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.15);height:208px;overflow:hidden;position:relative;transform-origin:top left;transition:transform .3s;width:344px}.bizcardTool_cardBg{inset:0;position:absolute;z-index:0}.bizcardTool_cardBg img{height:100%;object-fit:cover;width:100%}.bizcardTool_cardText{cursor:move;line-height:1.5;position:absolute;text-shadow:none;transition:font-size .15s,color .15s;-webkit-user-select:none;user-select:none;white-space:pre-wrap;word-break:break-all;z-index:1}.bizcardTool_cardText:hover{outline:1px dashed rgba(204,0,0,.4);outline-offset:2px}.bizcardTool_cardText.dragging,.bizcardTool_cardText.resizing{opacity:.85;outline:2px solid #c00;outline-offset:2px;z-index:10 !important}.bizcardTool_cardTextContent{pointer-events:none}.bizcardTool_cardImage{cursor:move;position:absolute;-webkit-user-select:none;user-select:none;z-index:2}.bizcardTool_cardImage:hover{outline:1px dashed rgba(204,0,0,.4);outline-offset:1px}.bizcardTool_cardImage.dragging,.bizcardTool_cardImage.resizing{opacity:.85;outline:2px solid #c00;outline-offset:1px;z-index:10 !important}.bizcardTool_resizeHandle{background:#c00;border:2px solid #fff;border-radius:2px;bottom:-4px;cursor:nwse-resize;height:10px;opacity:0;pointer-events:auto;position:absolute;right:-4px;transition:opacity .15s;width:10px;z-index:20}.bizcardTool_cardText:hover .bizcardTool_resizeHandle,.bizcardTool_cardImage:hover .bizcardTool_resizeHandle,.bizcardTool_cardText.dragging .bizcardTool_resizeHandle,.bizcardTool_cardText.resizing .bizcardTool_resizeHandle,.bizcardTool_cardImage.dragging .bizcardTool_resizeHandle,.bizcardTool_cardImage.resizing .bizcardTool_resizeHandle{opacity:1}.bizcardTool_sizeInfo{color:#999;font-size:12px;margin-top:8px;text-align:center}.bizcardTool_download{border-top:1px solid #e8eaed;margin-top:16px;padding-top:16px;text-align:center}.bizcardTool_downloadDpi{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:10px}.bizcardTool_downloadDpi label{color:#666;font-size:12px;white-space:nowrap}.bizcardTool_downloadDpi select{border:1px solid #d0d5dd;border-radius:4px;cursor:pointer;font-family:inherit;font-size:12px;padding:4px 8px}.font-size-range,.img-size-range{accent-color:#c00;cursor:pointer;flex:1}.font-size-val,.img-size-val{color:#555;font-size:12px;min-width:36px;text-align:right}.font-color-picker{border:1px solid #d0d5dd;border-radius:4px;cursor:pointer;height:28px;padding:1px;width:28px}.font-family-select{border:1px solid #d0d5dd;border-radius:4px;cursor:pointer;flex:1;font-family:inherit;font-size:12px;padding:4px 8px}.pos-input,.img-pos-input{border:1px solid #d0d5dd;border-radius:4px;font-family:inherit;font-size:12px;padding:3px 6px;text-align:right;width:58px}.image-filename{color:#888;font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width: 640px){.bizcardTool{gap:24px}.bizcardTool_preview{margin:0 -20px;padding:16px 20px 20px;position:sticky;top:0;z-index:10}.bizcardTool_controls{gap:12px 16px;margin-bottom:16px}.bizcardTool_controlGroup{gap:8px}.bizcardTool_controlLabel{font-size:22px}.bizcardTool_controlBtn{border-radius:6px;font-size:22px;padding:8px 16px}.bizcardTool_downloadDpi{gap:12px;margin-bottom:0}.bizcardTool_downloadDpi label{font-size:22px}.bizcardTool_downloadDpi select{border-radius:6px;font-size:22px;padding:8px 12px}.bizcardTool_pngLabel{display:none}.bizcardTool_cardWrapper{border-radius:12px;padding:12px}.bizcardTool_sizeInfo{font-size:22px;margin-top:12px}.bizcardTool_form{gap:16px;grid-template-columns:1fr}.bizcardTool_sectionTitle{font-size:26px;gap:10px;margin:16px 0 8px}.bizcardTool_sectionTitle::before{border-radius:3px;height:24px;width:6px}.bizcardTool_bgImageGroup{border-radius:12px;padding:16px 18px}.bizcardTool_bgImageHint{font-size:20px;margin-top:10px}.bizcardTool_colorPicker{gap:16px}.bizcardTool_colorPicker label{font-size:24px}.bizcardTool_colorWrap{gap:12px}.bizcardTool_colorWrap input[type=color]{border-radius:12px;height:60px;width:60px}.bizcardTool_colorHex{border-radius:10px;font-size:24px;padding:10px 14px;width:140px}.bizcardTool_presetGrid{gap:12px;grid-template-columns:repeat(auto-fill, minmax(110px, 1fr))}.bizcardTool_presetThumb{border-radius:10px;border-width:3px;padding:6px}.bizcardTool_presetLabel{font-size:18px;margin-top:6px}.bizcardTool_fieldGroup{border-radius:12px;margin-bottom:0;padding:16px 18px}.bizcardTool_fieldLabel{font-size:24px;margin-bottom:10px}.bizcardTool_fieldTextarea{min-height:120px}.bizcardTool_fieldStyle{margin-top:12px;padding-top:12px}.bizcardTool_styleRow{gap:12px;margin-bottom:10px}.bizcardTool_styleRow>label{font-size:22px;min-width:70px}.bizcardTool_styleRow>span{font-size:20px}.bizcardTool_posInputs{gap:12px}.bizcardTool_posLabel{font-size:20px;gap:4px}.bizcardTool_imageSlot{border-radius:12px;margin-bottom:0;padding:16px 18px}.bizcardTool_imageSlotHeader{margin-bottom:12px}.bizcardTool_imageSlotLabel{font-size:24px}.bizcardTool_imageUpload{gap:12px;margin-bottom:10px}.bizcardTool_btnUpload{border-radius:10px;font-size:22px;padding:10px 20px}.bizcardTool_btnDeleteImg{border-radius:6px;font-size:20px;padding:6px 16px}.bizcardTool_imageControls{padding-top:10px}.bizcardTool_formActions{margin-top:12px;padding-top:20px}.font-size-range,.img-size-range{height:24px}.font-size-val,.img-size-val{font-size:22px;min-width:60px}.font-color-picker{border-radius:6px;height:48px;width:48px}.font-family-select{border-radius:6px;font-size:22px;padding:8px 12px}.pos-input,.img-pos-input{border-radius:6px;font-size:22px;padding:6px 10px;width:90px}.image-filename{font-size:20px;max-width:240px}}
/*# sourceMappingURL=this.css.map */