:root{--radius-xs:10px;--radius-sm:15px
}body{font-family:"Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;background:var(--color-background);color:var(--color-text);overflow-x:hidden
}.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:5px 0 0;color:var(--color-text);font-size:25px;font-weight:bold
}.lineup-body{padding:15px;background:var(--color-white)
}.lineup-control-block,
.lineup-result-block{padding:15px;border:1.75px solid var(--color-primary);border-radius:var(--radius-xs);background:var(--color-white);box-shadow:var(--shadow-card)
}.lineup-control-block{margin-bottom:15px
}.lineup-controls{display:grid;grid-template-columns:minmax(280px, .82fr) minmax(220px, .58fr);gap:10px;align-items:center
}.lineup-control-item{display:grid;grid-template-columns:4.5em minmax(0, 1fr);align-items:center;gap:10px;min-width:0
}.lineup-control-item.is-title{max-width:520px
}.lineup-control-label{color:var(--color-text);font-size:.92rem;font-weight:900;text-align:center;white-space:nowrap
}.lineup-title-input-wrap{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;width:100%;min-width:0;max-width:430px;border:1.75px solid var(--color-primary);border-radius:var(--radius-xs);background:var(--color-white);overflow:hidden
}.lineup-title-input-wrap .lineup-input{border:0;border-radius:0
}.lineup-title-unit{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;padding:0 10px;background:var(--color-primary-light);color:var(--color-text);font-size:.95rem;font-weight:900;white-space:nowrap
}.lineup-input,
.lineup-select{width:100%;min-width:0;min-height:40px;padding:10px 10px;border:1.75px solid var(--color-primary);border-radius:var(--radius-xs);background:var(--color-white);color:var(--color-text);font:inherit;font-size:.95rem;white-space:nowrap
}.lineup-select-row{width:100%;min-width:0;min-height:35px;padding:5px 10px;border:1.5px solid var(--row-accent, var(--color-primary));border-radius:var(--radius-xs);background:var(--color-white);color:var(--color-text);font:inherit;font-size:.9rem;font-weight:800
}.lineup-select-row:focus,
.lineup-input:focus,
.lineup-select:focus{outline:2px solid var(--color-primary-light);outline-offset:1px
}.lineup-title-input-wrap:focus-within{outline:2px solid var(--color-primary-light);outline-offset:1px
}.lineup-title-input-wrap .lineup-input:focus{outline:0
}.lineup-output-head{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:center;gap:10px;margin-bottom:10px;padding:10px;border-radius:var(--radius-xs);background:var(--color-primary);color:var(--color-white);text-align:center
}.lineup-output-title{margin:0;padding-left:5.4em;font-size:1.28rem;font-weight:900;line-height:1.35;word-break:break-word
}.lineup-reset-btn{display:inline-flex;align-items:center;justify-content:center;min-width:5.4em;min-height:30px;padding:5px 10px;border:1.5px solid var(--color-white);border-radius:999px;background:var(--color-white);color:var(--color-text);font:inherit;font-size:.86rem;font-weight:900;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s ease, color .15s ease, transform .15s ease
}.lineup-reset-btn:hover{background:var(--color-primary-light);color:var(--color-text);transform:translateY(-1px)
}.lineup-output-meta{font-size:.9rem;font-weight:800;line-height:1.25
}.lineup-grid{display:grid;gap:10px
}.lineup-row{--brand-color:var(--color-primary);--row-accent:var(--brand-color);display:grid;grid-template-columns:3.2em 4.2em minmax(0, 1fr);align-items:center;gap:10px;min-height:50px;padding:5px 10px;border:1.75px solid var(--row-accent);border-left:12px solid var(--row-accent);border-radius:var(--radius-xs);background:var(--color-white);box-shadow:0 5px 10px rgba(0,0,0,.06)
}.lineup-order{display:inline-flex;align-items:center;justify-content:center;width:2.55em;height:2.55em;min-width:2.55em;min-height:2.55em;border-radius:50%;background:var(--row-accent);color:var(--color-white);font-size:1.08rem;font-weight:950;line-height:1;letter-spacing:.02em;text-shadow:.35px 0 0 currentColor;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)
}.lineup-order.is-manager{font-size:0;text-shadow:none
}.lineup-position,
.lineup-idol-select-wrap{min-width:0
}.lineup-position .lineup-select-row{width:4.2em;padding-left:5px;padding-right:5px;text-align:center;text-align-last:center
}.lineup-position .lineup-select-row option{text-align:left
}.lineup-position-fixed{display:inline-flex;align-items:center;justify-content:center;width:4.2em;min-height:35px;padding:5px 5px;border:0;border-radius:0;background:transparent;color:var(--color-text);font-size:.9rem;font-weight:900;line-height:1;white-space:nowrap
}.lineup-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:0;border:0;background:transparent
}.lineup-producer-label{display:inline-grid;grid-template-columns:4em minmax(0, 180px) auto;align-items:center;gap:5px;min-width:0;margin-right:auto;color:var(--color-text);font-size:.85rem;font-weight:900;white-space:nowrap
}.lineup-producer-input{width:100%;min-width:0;min-height:30px;padding:5px 10px;border:1.5px solid var(--color-primary);border-radius:10px;background:var(--color-white);color:var(--color-text);font:inherit;font-size:.85rem;font-weight:900
}.lineup-producer-unit{color:var(--color-text);font-size:.86rem;font-weight:900
}.lineup-button-group{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0
}.lineup-warning{margin-top:10px;padding:10px 10px;border:1.5px solid #e8383d;border-radius:var(--radius-xs);background:#fff1f1;color:#b00020;font-size:.88rem;font-weight:900;line-height:1.45;text-align:center
}.lineup-copy-btn,
.lineup-save-btn{min-width:5.8em;min-height:30px;padding:5px 10px;border:1.5px solid var(--color-primary);border-radius:999px;background:var(--color-white);color:var(--color-text);font:inherit;font-size:.86rem;font-weight:900;line-height:1;cursor:pointer;transition:background .15s ease, color .15s ease, transform .15s ease
}.lineup-copy-btn:hover,
.lineup-save-btn:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-1px)
}.lineup-copy-btn:disabled,
.lineup-save-btn:disabled{cursor:not-allowed;opacity:.45;background:#eee;color:#777;transform:none
}.lineup-copy-btn:disabled:hover,
.lineup-save-btn:disabled:hover{background:#eee;color:#777;transform:none
}.lineup-empty,
.lineup-error{padding:25px 15px;border:1.75px solid var(--color-primary);border-radius:var(--radius-xs);background:var(--color-white);color:var(--color-text);font-weight:900;text-align:center;line-height:1.6
}@media (max-width: 768px){.lineup-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)
    }.lineup-card-title{padding:10px;font-size:18px
    }.lineup-body,
    .lineup-control-block,
    .lineup-result-block{padding:10px
    }.lineup-control-block{margin-bottom:10px
    }.lineup-controls{grid-template-columns:1fr;gap:10px
    }.lineup-control-item{grid-template-columns:4.2em minmax(0, 1fr);gap:5px
    }.lineup-control-item.is-title{max-width:none
    }.lineup-title-input-wrap{max-width:none
    }.lineup-row{grid-template-columns:2.7em 3.8em minmax(0, 1fr);gap:5px;min-height:45px;padding:5px 5px;border-left-width:10px
    }.lineup-order{width:2.35em;height:2.35em;min-width:2.35em;min-height:2.35em;font-size:1rem;font-weight:950
    }.lineup-reset-btn{min-width:4.8em;min-height:30px;padding:5px 10px;font-size:.8rem
    }.lineup-output-title{padding-left:4.8em
    }.lineup-select-row{min-height:35px;padding:5px 5px;font-size:.82rem
    }.lineup-position .lineup-select-row,
    .lineup-position-fixed{width:3.8em;padding-left:5px;padding-right:5px;text-align:center;text-align-last:center
    }.lineup-position .lineup-select-row option{text-align:left
    }.lineup-position-fixed{min-height:35px;border:0;background:transparent;font-size:.82rem
    }.lineup-output-title{padding-left:4.8em;font-size:1.08rem
    }.lineup-preview{padding:0;align-items:center;gap:5px
    }.lineup-producer-label{grid-template-columns:4em minmax(0, 110px) auto;column-gap:5px;row-gap:0;font-size:.8rem
    }.lineup-producer-input{min-height:30px;padding:5px 10px;font-size:.8rem
    }.lineup-producer-unit{font-size:.8rem
    }.lineup-button-group{gap:5px
    }.lineup-copy-btn,
    .lineup-save-btn{min-width:5.2em;min-height:30px;padding:5px 10px;font-size:.8rem
    }

}@media (max-width: 768px){.lineup-guide-card{margin-top:10px
    }.lineup-guide-body,
    .lineup-guide-section{padding:10px
    }.lineup-guide-body,
    .lineup-guide-grid{gap:10px
    }.lineup-guide-grid{grid-template-columns:1fr
    }.lineup-guide-section-title{margin-bottom:10px;padding:5px 10px;font-size:.94rem
    }.lineup-guide-text,
    .lineup-guide-list{font-size:.84rem;line-height:1.58
    }
}