:root{--radius-xs:10px;--radius:15px;--panel-pad:15px;--mobile-panel-pad:10px;--field-height:40px;--field-border:1.75px solid var(--color-primary);--field-radius:var(--radius-xs);--block-gap:10px;--field-label-width:4.4em;--mobile-field-label-width:4.15em
        
}body{font-family:"Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;background:var(--color-background);color:var(--color-text);overflow-x:hidden
        }button,
        input,
        select{font:inherit
        }button{cursor:pointer
        }.page{width:min(100%, var(--max));max-width:var(--max);margin:0 auto;overflow-x:clip
        }.title-up,
        .title-dw{white-space:nowrap
        }.title-dw{padding-top:5px;color:var(--color-text);font-size:25px;font-weight:bold
        }.namecard-print-guide-card{margin-top:15px;overflow:hidden;border-radius:var(--radius);background:var(--color-white);box-shadow:var(--shadow-card)
        }.namecard-print-guide-body{display:grid;gap:5px;padding:10px 15px;background:var(--color-white)
        }.namecard-print-guide-list{display:grid;gap:5px;margin:0;padding-left:1.45em;color:var(--color-text-muted);font-size:.86rem;font-weight:700;line-height:1.5
        }.namecard-body{padding:15px;background:var(--color-white)
        }.namecard-grid{display:grid;grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);gap:15px;align-items:start
        }.namecard-control-block,
        .namecard-preview-block{min-width:0;padding:var(--panel-pad);border:var(--field-border);border-radius:var(--field-radius);background:var(--color-white);box-shadow:var(--shadow-card)
        }.namecard-control-block{display:grid;gap:10px
        }.namecard-section-title{margin:0;padding:10px 10px;border-radius:10px;background:var(--color-primary-light);color:var(--color-text);font-size:.98rem;font-weight:900;line-height:1.2;text-align:center
        }.namecard-section-heading{position:relative;min-width:0
        }.namecard-section-heading .namecard-section-title{width:100%;min-width:0;padding-right:50px
        }.namecard-section-actions{position:absolute;top:50%;right:5px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%)
        }.namecard-section-actions .namecard-mini-btn{border-color:var(--color-primary);background:var(--color-white)
        }[hidden]{display:none!important
        }.namecard-fields,
        .namecard-repeat-list,
        .namecard-background-control{display:grid;gap:var(--block-gap)
        }.namecard-field{display:grid;grid-template-columns:var(--field-label-width) minmax(0, 1fr);align-items:center;gap:10px;min-width:0
        }.namecard-field.is-stack{align-items:center
        }.namecard-field-label{padding-top:0;color:var(--color-text);font-size:.92rem;font-weight:900;text-align:center;white-space:nowrap
        }.namecard-input-wrap{display:grid;grid-template-columns:minmax(0, 1fr) auto;min-width:0;overflow:hidden;border:var(--field-border);border-radius:var(--field-radius);background:var(--color-white)
        }.namecard-input,
        .namecard-select{width:100%;min-width:0;min-height:var(--field-height);padding:10px 10px;border:var(--field-border);border-radius:var(--field-radius);background:var(--color-white);color:var(--color-text);font:inherit;font-size:.95rem
        }.namecard-input-wrap .namecard-input{border:0;border-radius:0
        }.namecard-input-suffix{display:inline-flex;align-items:center;justify-content:center;width:5.4em;min-width:5.4em;padding:0 5px;background:var(--color-primary-light);color:var(--color-text);font-size:.95rem;font-weight:900;white-space:nowrap
        }.namecard-suffix-select{min-height:var(--field-height);padding:0 1.55em 0 .6em;border:0;border-radius:0;background-color:var(--color-primary-light);color:var(--color-text);cursor:pointer;font:inherit;font-weight:900
        }.namecard-input:focus,
        .namecard-select:focus{outline:2px solid var(--color-primary-light);outline-offset:1px
        }.namecard-input-wrap:focus-within{outline:2px solid var(--color-primary-light);outline-offset:1px
        }.namecard-input-wrap .namecard-input:focus{outline:0
        }.namecard-size-selects{display:grid;grid-template-columns:minmax(0, .62fr) minmax(0, 1.63fr);min-width:0;overflow:hidden;border:var(--field-border);border-radius:var(--field-radius);background:var(--color-white)
        }.namecard-size-selects .namecard-select{min-width:0;border:0;border-radius:0
        }.namecard-size-selects .namecard-select + .namecard-select{border-left:var(--field-border)
        }.namecard-repeat-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:5px;min-width:0
        }.namecard-brand-actions{display:inline-flex;align-items:center;gap:5px
        }.namecard-brand-choice-group{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:5px;min-width:0;padding:5px;border:1.5px solid var(--color-primary-light);border-radius:10px;background:#fffafd
        }.namecard-brand-choice{display:flex;align-items:center;gap:5px;min-width:0;min-height:30px;padding:5px 5px;border:1.5px solid transparent;border-radius:10px;background:var(--color-white);color:var(--color-text);cursor:pointer;font-size:.80rem;font-weight:900;line-height:1.15
        }.namecard-brand-choice.is-selected{border-color:var(--color-primary);background:var(--color-primary-light)
        }.namecard-brand-choice-input{flex:0 0 auto;width:15px;height:15px;margin:0;accent-color:var(--choice-color, var(--color-primary))
        }.namecard-brand-choice-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
        }.namecard-game-row{display:grid;grid-template-columns:15px minmax(100px, .85fr) minmax(0, 1fr) auto;align-items:center;gap:5px;min-width:0;padding:5px;border:1.5px solid var(--color-primary-light);border-radius:10px;background:#fffafd
        }.namecard-game-row .namecard-select,
        .namecard-game-row .namecard-input{min-height:35px;padding:5px 10px;font-size:.86rem
        }.namecard-game-row .namecard-input[data-game-field="id"]{font-family:"Cascadia Mono", "Consolas", "SFMono-Regular", "Menlo", "Monaco", "Courier New", monospace;font-variant-numeric:slashed-zero tabular-nums;letter-spacing:.02em;text-transform:uppercase
        }.namecard-social-account-inputs,
        .namecard-site-inputs{display:grid;min-width:0;overflow:hidden;border:var(--field-border);border-radius:var(--field-radius);background:var(--color-white)
        }.namecard-social-account-inputs{grid-template-columns:minmax(0, 1.1fr) minmax(0, .9fr)
        }.namecard-site-inputs{grid-template-columns:5.35em minmax(0, 1fr)
        }.namecard-social-account-inputs .namecard-select,
        .namecard-social-account-inputs .namecard-input,
        .namecard-site-inputs .namecard-select,
        .namecard-site-inputs .namecard-input{min-width:0;min-height:35px;padding:5px 10px;border:0;border-radius:0;font-size:.86rem
        }.namecard-social-account-inputs .namecard-input,
        .namecard-site-inputs .namecard-input{border-left:var(--field-border)
        }.namecard-game-dot{width:15px;height:15px;border-radius:50%;background:var(--game-color, #aaa);box-shadow:0 0 0 1px rgba(0, 0, 0, .16)
        }.namecard-mini-btn,
        .namecard-reset-btn,
        .namecard-save-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font:inherit;font-weight:900;line-height:1;white-space:nowrap;transition:transform .15s ease, background .15s ease, color .15s ease
        }.namecard-mini-btn{width:30px;min-width:30px;min-height:30px;padding:0;border:1.5px solid var(--color-primary);background:var(--color-white);color:var(--color-primary-dark);font-size:1rem
        }.namecard-reset-btn,
        .namecard-save-btn{min-height:35px;padding:5px 10px;font-size:.84rem
        }.namecard-reset-btn{border:1.5px solid var(--color-primary);background:var(--color-white);color:var(--color-text)
        }.namecard-save-btn{border:1.5px solid var(--color-primary);background:var(--color-primary);color:var(--color-white)
        }.namecard-mini-btn:hover,
        .namecard-reset-btn:hover{background:var(--color-primary-light);transform:translateY(-1px)
        }.namecard-save-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)
        }.namecard-mini-btn:disabled,
        .namecard-save-btn:disabled{cursor:not-allowed;opacity:.45;transform:none
        }.namecard-save-btn:disabled{border-color:#ccc;background:#ddd;color:#777
        }.namecard-background-control{gap:5px
        }.namecard-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0
        }.namecard-file-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--field-height);padding:10px 10px;border:var(--field-border);border-radius:var(--field-radius);background:var(--color-primary);color:var(--color-white);font-size:.95rem;font-weight:900;line-height:1;text-align:center;transition:transform .15s ease, background .15s ease
        }.namecard-file-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)
        }.namecard-file-button.is-delete{background:var(--color-primary-dark)
        }.namecard-file-button.is-delete:hover{background:#a84472
        }.namecard-file-name{min-height:1.3em;padding:5px 10px;border:1.5px dashed #b7b7b7;border-radius:10px;background:#f3f3f3;color:var(--color-text-muted);font-size:.8rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere
        }.namecard-help{margin:0;color:var(--color-text-muted);font-size:.8rem;font-weight:700;line-height:1.5
        }.namecard-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:2px
        }.namecard-preview-block{display:grid;gap:var(--block-gap)
        }.namecard-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px
        }.namecard-preview-title{margin:0;color:var(--color-text);font-size:1rem;font-weight:900;line-height:1.2
        }.namecard-preview-size{flex:0 0 auto;color:var(--color-text-muted);font-size:.78rem;font-weight:800;line-height:1;white-space:nowrap
        }.namecard-canvas-wrap{position:relative;overflow:hidden;border:0;border-radius:var(--radius-xs);background:linear-gradient(135deg, #fff 0%, #fff0f7 100%);box-shadow:0 4px 10px rgba(0, 0, 0, .08);aspect-ratio:91 / 55
        }#namecardCanvas{display:block;width:100%;height:100%
        }.namecard-status{min-height:1.35em;margin:0;color:var(--color-text-muted);font-size:.82rem;font-weight:800;line-height:1.45;text-align:center
        }.namecard-status.is-error{color:#b00020
        }@media (max-width: 900px){.namecard-grid{grid-template-columns:1fr
            }
        }.namecard-game-actions{display:inline-flex;align-items:center;gap:5px
        }.namecard-game-row .namecard-game-actions .namecard-mini-btn{width:30px;min-width:30px;min-height:30px
        }.namecard-edit-layer{position:absolute;inset:0;z-index:2;display:none;pointer-events:none
        }.namecard-edit-layer.is-editing{display:block;pointer-events:auto
        }.namecard-edit-target{position:absolute;display:flex;align-items:flex-start;justify-content:flex-start;min-width:0;min-height:0;padding:0;border:2px dashed rgba(255, 116, 184, .95);border-radius:10px;background:rgba(255, 255, 255, .10);color:var(--color-white);font:inherit;font-size:clamp(9px, 1.5vw, 12px);font-weight:900;line-height:1;text-align:left;z-index:3;touch-action:none;cursor:grab;user-select:none;will-change:left, top;-webkit-user-select:none
        }.namecard-edit-target:active,
        .namecard-edit-target.is-dragging{cursor:grabbing;background:rgba(255, 116, 184, .24)
        }.namecard-edit-target::after{position:absolute;right:-2px;bottom:-2px;width:15px;height:15px;border:2px solid var(--color-white);border-radius:5px 0 10px 0;background:var(--color-primary);box-shadow:0 1px 3px rgba(0, 0, 0, .35);content:"";pointer-events:none
        }.namecard-edit-target.is-resizing{cursor:nwse-resize;background:rgba(255, 116, 184, .24)
        }.namecard-edit-target:focus-visible{outline:2px solid var(--color-white);outline-offset:2px
        }.namecard-preview-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;min-width:0
        }.namecard-layout-radio-group{display:inline-flex;align-items:center;min-width:0;color:var(--color-text);font-size:.82rem;font-weight:900
        }.namecard-layout-radio-label{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px 5px 0;line-height:1;white-space:nowrap
        }.namecard-layout-radio-options{display:inline-flex;align-items:stretch;min-width:0;overflow:hidden;border:1.5px solid var(--color-primary);border-radius:999px;background:var(--color-primary)
        }.namecard-layout-radio-option{position:relative;display:inline-flex;align-items:center;justify-content:center;align-self:stretch;min-height:30px;padding:0 5px;border:0;background:var(--color-white);color:var(--color-text);cursor:pointer;font-size:.82rem;font-weight:900;line-height:1;white-space:nowrap;transition:background .15s ease, color .15s ease
        }.namecard-layout-radio-option > span{display:inline-flex;align-items:center;justify-content:center;min-height:100%;transform:translateY(1px)
        }.namecard-layout-radio-option + .namecard-layout-radio-option{border-left:1.5px solid var(--color-primary)
        }.namecard-layout-radio-option.is-selected{background:transparent;color:var(--color-white)
        }.namecard-layout-radio-option:focus-within{outline:2px solid var(--color-primary-light);outline-offset:-2px
        }.namecard-layout-radio-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0
        }.namecard-option-group{display:grid;grid-template-columns:minmax(0, 1fr);min-width:0;padding-top:2px
        }.namecard-preview-design-field{display:grid;grid-template-columns:var(--field-label-width) minmax(0, 1fr);align-items:center;gap:5px;min-width:0;color:var(--color-text);font-size:.92rem;font-weight:900;text-align:center;white-space:nowrap
        }.namecard-preview-design-selects{display:grid;grid-template-columns:minmax(0, 1fr) minmax(8.4em, .95fr);min-width:0;min-height:var(--field-height);overflow:hidden;border:var(--field-border);border-radius:var(--field-radius);background:var(--color-white)
        }.namecard-preview-design-selects .namecard-layout-select{width:100%;min-width:0;min-height:var(--field-height);padding:10px 10px;border:0;border-radius:0;background:transparent;color:var(--color-text);font:inherit;font-size:.95rem
        }.namecard-preview-design-selects .namecard-layout-select + .namecard-layout-select{border-left:var(--field-border)
        }.namecard-preview-design-selects.namecard-text-selects{grid-template-columns:minmax(0, 1fr) 3.7em 8.4em
        }.namecard-preview-design-selects.namecard-text-selects .namecard-layout-select{padding-inline:5px;white-space:nowrap
        }.namecard-preview-design-selects.namecard-template-selects{grid-template-columns:minmax(0, 1fr)
        }.namecard-edit-btn{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:1.5px solid var(--color-primary);border-radius:999px;background:var(--color-primary);color:var(--color-white);font:inherit;font-size:.84rem;font-weight:900;line-height:1;white-space:nowrap;transition:transform .15s ease, background .15s ease, color .15s ease
        }.namecard-edit-btn:hover,
        .namecard-edit-btn.is-editing{background:var(--color-primary-dark);color:var(--color-white);transform:translateY(-1px)
        }@media (max-width: 768px){.namecard-wrap{padding:10px 10px 20px
            }.main-title{margin:10px 0 10px;letter-spacing:.08em
            }.title-up{font-size:clamp(1.55rem, 7vw, 2.15rem)
            }.title-up span{padding:5px 20px
            }.title-dw{font-size:clamp(1rem, 4.5vw, 1.35rem)
            }.namecard-card-title{padding:10px;font-size:18px
            }.namecard-print-guide-card{margin-top:10px
            }.namecard-print-guide-body{padding:10px
            }.namecard-print-guide-list{font-size:.78rem
            }.namecard-body,
            .namecard-control-block,
            .namecard-preview-block{padding:var(--mobile-panel-pad)
            }.namecard-grid{gap:var(--block-gap)
            }.namecard-field{grid-template-columns:var(--mobile-field-label-width) minmax(0, 1fr);gap:5px
            }.namecard-brand-choice-group{gap:5px;padding:5px
            }.namecard-brand-choice{min-height:25px;padding:5px 5px;font-size:.76rem
            }.namecard-brand-choice-input{width:10px;height:10px
            }.namecard-game-row{grid-template-columns:15px minmax(75px, .82fr) minmax(0, 1fr) auto;gap:5px;padding:5px
            }.namecard-game-row .namecard-select,
            .namecard-game-row .namecard-input,
            .namecard-social-account-inputs .namecard-select,
            .namecard-social-account-inputs .namecard-input,
            .namecard-site-inputs .namecard-select,
            .namecard-site-inputs .namecard-input{min-height:35px;padding:5px 5px;font-size:.78rem
            }.namecard-preview-design-field{grid-template-columns:var(--mobile-field-label-width) minmax(0, 1fr)
            }.namecard-game-dot{width:10px;height:10px
            }.namecard-mini-btn,
            .namecard-game-row .namecard-game-actions .namecard-mini-btn{width:25px;min-width:25px;min-height:25px;font-size:.92rem
            }.namecard-preview-head{gap:5px
            }.namecard-preview-title{font-size:.92rem
            }.namecard-preview-size{font-size:.7rem
            }.namecard-preview-actions{gap:5px
            }.namecard-layout-radio-group{font-size:.72rem
            }.namecard-layout-radio-label{min-height:30px;padding:5px 5px;font-size:.75rem
            }.namecard-layout-radio-option{min-height:30px;padding:0 5px;font-size:.75rem
            }.namecard-preview-design-selects,
            .namecard-preview-design-selects .namecard-layout-select{min-height:var(--field-height)
            }.namecard-preview-design-selects:not(.namecard-text-selects):not(.namecard-template-selects){grid-template-columns:minmax(0, 1fr) minmax(7.8em, .95fr)
            }.namecard-preview-design-selects.namecard-text-selects{grid-template-columns:minmax(0, 1fr) 3.5em 7.8em
            }.namecard-preview-design-selects.namecard-text-selects .namecard-layout-select{padding-inline:5px;font-size:.88rem
            }.namecard-edit-btn{min-height:30px;padding:5px 10px;font-size:.78rem
            }

        }