.support-collage-container{max-width:1120px}.support-intro{overflow:hidden;border:1px solid #d5e6e3;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(32,69,88,.08)}.support-intro__body{padding:1.2rem 1.4rem}.support-intro__title{margin:0 0 .45rem;color:#0d5c7a;font-size:1.2rem}.support-intro__description{margin:0;color:#64748b;font-size:.88rem;line-height:1.65}.support-actions{display:flex;justify-content:flex-end;gap:.65rem;flex-wrap:wrap;margin:1rem 0}.support-actions .tag-btn{min-height:40px}.support-generator{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid #d5e6e3;background:#fff;box-shadow:0 14px 36px rgba(32,69,88,.09)}
.support-stage-wrap{display:grid;place-items:center;min-width:0;padding:1.25rem;overflow:auto;background:#edf3f3}#supportCanvas{display:block;width:min(100%,1070px);height:auto;aspect-ratio:1070/609;background:#dce8e6;box-shadow:0 10px 28px rgba(15,49,60,.2);touch-action:auto;cursor:grab}#supportCanvas.is-dragging{cursor:grabbing}.support-control-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .8rem;border:1px solid #bfd7d3;background:#fff;color:#17434b;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}.support-control-button:hover{border-color:#0f766e;background:#eef8f6}
.support-editor{border-left:1px solid #d5e6e3;background:#fbfdfd}.support-editor-section{padding:1rem;border-bottom:1px solid #e0ecea}.support-editor-section h2{display:flex;align-items:center;gap:.45rem;margin:0 0 .65rem;color:#153f48;font-size:.88rem}.support-editor-section>p,.support-plan-row p{margin:.6rem 0 0;color:#64748b;font-size:.7rem;line-height:1.55}.support-file-button{position:relative;display:flex;justify-content:center;gap:.45rem;overflow:hidden}.support-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.support-image-controls{display:grid;grid-template-columns:42px 1fr 42px;gap:.45rem;margin-top:.55rem}.support-image-controls .support-control-button{min-width:0;padding:.55rem .35rem}
.support-type-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.support-type-heading h2{margin:0}.support-plan-control{display:flex;align-items:center;gap:.45rem;color:#64748b;font-size:.65rem;font-weight:700}.support-type-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.support-type-button{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.25rem .15rem .55rem;border:0;background:transparent;color:#718087;font:inherit;font-size:.62rem;font-weight:700;cursor:pointer;transition:color .18s ease,transform .18s ease}.support-type-button::after{content:"";position:absolute;right:28%;bottom:0;left:28%;height:2px;border-radius:2px;background:#0f766e;opacity:0;transform:scaleX(.5);transition:opacity .18s ease,transform .18s ease}.support-type-button:hover{color:#123f49;transform:translateY(-1px)}.support-type-icon{display:block;width:48px;height:48px;border-radius:50%;background-image:url('./resource/Type.png');background-repeat:no-repeat;background-size:auto 48px;transition:transform .18s ease,opacity .18s ease}.support-type-icon--vocal{background-position:left center}.support-type-icon--dance{background-position:center center}.support-type-icon--visual{background-position:right center}.support-type-button:not(.is-active) .support-type-icon{opacity:.72}.support-type-button.is-active{color:#123f49}.support-type-button.is-active::after{opacity:1;transform:scaleX(1)}.support-type-button.is-active .support-type-icon{transform:scale(1.06)}.support-switch{position:relative;flex:0 0 auto;width:42px;height:24px}.support-switch input{position:absolute;opacity:0}.support-switch span{position:absolute;inset:0;border-radius:999px;background:#b6c7c5;cursor:pointer;transition:.2s}.support-switch span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.18);transition:.2s}.support-switch input:checked+span{background:#0f766e}.support-switch input:checked+span::after{transform:translateX(18px)}
.support-collage-menu{margin-top:1.5rem;padding-top:1.4rem;border-top:1px solid rgba(15,23,42,.18)}.support-collage-menu header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.support-collage-menu header span{display:block;color:#0f766e;font-size:.62rem;font-weight:900;letter-spacing:.14em}.support-collage-menu h2{margin:.2rem 0 0;color:#123f49;font-size:1.05rem}.support-menu-all{color:#0f766e;font-size:.72rem;font-weight:700;text-decoration:none}.support-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.support-menu-card{overflow:hidden;border:1px solid #d5e6e3;border-radius:15px;background:#fff;color:#123f49;text-decoration:none}.support-menu-card.is-current{border-color:#0f766e;box-shadow:0 0 0 2px rgba(15,118,110,.12)}.support-menu-preview{height:125px;overflow:hidden;background:linear-gradient(135deg,#b8dcd6,#b9d8ea)}.support-menu-preview img{width:100%;height:100%;object-fit:cover}.support-menu-card>div:last-child{display:flex;align-items:center;justify-content:space-between;padding:.75rem}.support-menu-card strong{font-size:.8rem}.support-menu-card small{color:#0f766e;font-weight:700}
.support-menu-card{border:0;border-radius:14px;box-shadow:0 8px 24px rgba(32,69,88,.09)}
.support-menu-card.is-current{border:0;box-shadow:0 8px 24px rgba(32,69,88,.09)}
.support-menu-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.support-menu-card .collage-menu-placeholder{display:flex;width:100%;aspect-ratio:16/9;align-items:center;justify-content:center;gap:.45rem;background:linear-gradient(135deg,#e8f4f4,#d8e8f5);color:#123f49;text-align:center}.support-menu-card .collage-menu-placeholder b{padding:.2rem .35rem;background:#0f766e;color:#fff;font-size:.6rem}.support-menu-card .collage-menu-placeholder strong{font-size:.85rem;line-height:1.2}
@media(max-width:780px){.support-generator{grid-template-columns:1fr}.support-editor{border-left:0;border-top:1px solid #d5e6e3}.support-stage-wrap{padding:.5rem}.support-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.support-menu-card{min-width:0;border-radius:11px}}

.support-type-heading{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:start;justify-content:stretch;gap:1rem}
.support-type-heading h2{margin:.35rem 0 0;white-space:nowrap}
.support-plan-control{gap:.55rem;color:#153f48;font-size:.78rem}
.support-display-controls{display:grid;min-width:0;gap:.45rem}.support-plan-control{display:grid;grid-template-columns:minmax(0,1fr) 24px 58px;align-items:center;justify-content:stretch}.support-plan-control>span{text-align:right;white-space:nowrap}.support-plan-control b{min-width:20px;color:#0f766e;font-size:.62rem;text-align:center}.support-plan-control:has(input:not(:checked)) b{color:#87959a}.support-plan-control:has(input:not(:checked)) b::before{content:'OFF';font-size:.62rem}.support-plan-control:has(input:not(:checked)) b{font-size:0}
.support-rarity-control{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:.55rem;color:#153f48;font-size:.78rem;font-weight:700}.support-rarity-control>span{text-align:right;white-space:nowrap}.support-rarity-control>div{display:grid;grid-template-columns:repeat(2,44px);justify-content:end;gap:4px}.support-rarity-control button{min-height:28px;border:1px solid #bfd7d3;border-radius:7px;background:#fff;color:#65767b;font:800 .68rem 'Noto Sans JP',sans-serif;cursor:pointer}.support-rarity-control button.is-active{border-color:#0f766e;background:#0f766e;color:#fff}
.support-placement-control{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:.55rem;color:#153f48;font-size:.78rem;font-weight:700}.support-placement-control>span{text-align:right;white-space:nowrap}.support-placement-control>div{display:grid;grid-template-columns:repeat(2,44px);justify-content:end;gap:4px}.support-placement-control button{min-height:28px;border:1px solid #bfd7d3;border-radius:7px;background:#fff;color:#65767b;font:800 .68rem 'Noto Sans JP',sans-serif;cursor:pointer}.support-placement-control button.is-active{border-color:#0f766e;background:#0f766e;color:#fff}.support-display-controls [hidden]{display:none!important}

@font-face{font-family:'CollageTextA';src:url('../../assets/fonts/IBMPlexSansJP-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'NoticeTextA';src:url('../../assets/fonts/NitalagoRuika-09.TTF?v=20260812') format('truetype');font-weight:400;font-style:normal;font-display:block}
.support-stage-wrap{position:relative}
.support-stage-wrap:not(.has-photo)::after{content:'写真を追加してください';position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);padding:.65rem 1rem;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 4px 16px rgba(15,49,60,.12);color:#52636c;font-size:.85rem;font-weight:700;white-space:nowrap;pointer-events:none}
#supportCanvas{background:repeating-conic-gradient(#edf1f1 0 25%,#fff 0 50%) 50%/20px 20px}
.support-title-input{width:100%;min-height:42px;padding:.6rem .7rem;border:1px solid #cfe1de;border-radius:8px;background:#fff;color:#153f48;font:500 .82rem 'CollageTextA','Noto Sans JP',sans-serif}.support-title-input:focus{outline:0;border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.1)}

/* Type.png: exact 259 x 278 slices from the 777 x 278 sprite. */
.support-type-icon{width:44.7px;height:48px;border-radius:0;background-size:134.1px 48px}
.support-type-icon--vocal{background-position:0 0}
.support-type-icon--dance{background-position:-44.7px 0}
.support-type-icon--visual{background-position:-89.4px 0}
.support-type-button:disabled{color:#aab4b8;cursor:not-allowed;transform:none}.support-type-button:disabled .support-type-icon{opacity:.3;filter:grayscale(1)}.support-type-button:disabled::after{opacity:0}
.support-type-buttons[hidden]{display:none}
.support-format-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #d5e6e3;background:#f2f7f6}.support-format-tabs button{min-height:46px;border:0;border-bottom:3px solid transparent;background:transparent;color:#708086;font:700 .82rem 'Noto Sans JP',sans-serif;cursor:pointer}.support-format-tabs button.is-active{border-bottom-color:#0f766e;background:#fff;color:#123f49}.support-format-tabs button:hover{color:#123f49}
.support-photo-buttons{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:.45rem}.support-photo-buttons .support-file-button{min-width:0}.support-clipboard-button{width:40px;padding:0}