@import url('./skill-search-controls.css');
.preset-create-set,.picker-create-set{display:flex;justify-content:flex-end;margin:12px 0}.preset-create-set button,.picker-create-set button{min-height:40px}
.game-ui dialog.skill-set-create-dialog{width:760px;max-width:calc(100vw - 24px);max-height:90dvh;padding:0;box-sizing:border-box;overflow:hidden}
.skill-set-create-dialog[open]{display:flex;flex-direction:column}.skill-set-create-dialog [hidden]{display:none!important}
.skill-set-create-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.skill-set-create-dialog>header h2{font-size:18px;margin:0}
.inline-set-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 18px;scroll-padding:10px}.inline-set-body h3{font-size:14px;margin:18px 0 10px}
.inline-set-fields,.inline-set-search{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:12px}.inline-set-fields label,.inline-set-search label{display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:0}.inline-set-fields input,.inline-set-fields select,.inline-set-search input,.inline-set-search select{min-width:0;width:100%;box-sizing:border-box;min-height:40px}.inline-set-memo{margin:10px 0;font-size:12px}.inline-set-memo summary{padding:6px 0}.inline-set-memo textarea{width:100%;box-sizing:border-box;resize:vertical;margin-top:8px}
.inline-set-modes{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:12px}.inline-set-modes button{flex:1;border-radius:0;border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 6px;font-size:13px;min-height:44px}.inline-set-modes button[aria-pressed=true]{border-bottom-color:var(--game-gold);color:var(--game-gold);background:var(--game-inset)}
.inline-set-reference{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;overflow-wrap:anywhere}.inline-set-reference button{flex-shrink:0;font-size:12px;min-height:40px}.inline-set-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:42px;gap:8px;font-size:12px;color:var(--muted)}
.inline-set-skill{position:relative;border-bottom:1px solid var(--line);font-size:13px}.inline-set-skill>label{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 52px 4px 2px;cursor:pointer}.inline-set-skill input{width:18px;height:18px;flex-shrink:0;margin:0}.inline-set-skill strong{min-width:0;overflow-wrap:anywhere}.inline-set-skill small{font-size:10px;color:var(--muted);margin-left:auto;flex-shrink:0}.inline-set-kind{font-size:10px;color:#b9aad9;flex-shrink:0}.inline-set-kind[data-kind=active]{color:#f5adb5}.inline-set-skill details>summary{position:absolute;right:0;top:4px;padding:10px 4px;min-height:40px;box-sizing:border-box;font-size:11px;color:var(--muted)}.inline-set-skill details>p{margin:0;padding:4px 8px 12px 28px;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.inline-set-hom{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:54px;margin-bottom:6px;font-size:13px}.inline-set-hom strong{flex:1;min-width:0;overflow-wrap:anywhere}.inline-set-hom small{color:var(--muted);flex-shrink:0}.inline-set-empty{font-size:12px;color:var(--muted)}
.skill-set-create-dialog>footer{padding:12px 18px;border-top:1px solid var(--line);flex-shrink:0;background:var(--paper);max-height:42dvh;overflow:auto}.inline-set-selected-heading{font-size:12px;margin-bottom:8px}.inline-set-selected-heading b{margin-left:8px;color:var(--game-gold)}#inline-set-selected{display:flex;gap:5px;flex-wrap:wrap;max-height:76px;overflow:auto;padding:2px}#inline-set-selected button{font-size:12px;min-height:32px;padding:4px 8px;max-width:100%;overflow-wrap:anywhere}.inline-set-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.inline-set-actions>span{font-size:11px;color:var(--muted)}.inline-set-actions button{min-height:44px;flex-shrink:0}#inline-set-discard{font-size:13px}#inline-set-discard button{min-height:40px;margin-right:8px}.skill-set-create-dialog .error{font-size:12px;overflow-wrap:anywhere}
@media(max-width:600px){.game-ui dialog.skill-set-create-dialog{max-width:calc(100vw - 12px);max-height:94dvh}.skill-set-create-dialog>header{padding:10px 12px}.skill-set-create-dialog>header h2{font-size:16px}.inline-set-body{padding:12px}.inline-set-fields,.inline-set-search{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.inline-set-fields input,.inline-set-fields select,.inline-set-search input,.inline-set-search select,.inline-set-memo textarea{font-size:16px;min-height:44px}.inline-set-modes button{font-size:12px}.inline-set-skill>label{gap:5px}.inline-set-skill small{display:none}.inline-set-skill:has(small)>label strong:after{content:'（固有・継承不可）';display:block;font-size:10px;color:var(--muted);font-weight:400}.skill-set-create-dialog>footer{padding:10px 12px}#inline-set-selected{max-height:60px}.inline-set-actions{gap:8px}.inline-set-actions>span{max-width:105px}.inline-set-reference{flex-wrap:wrap}}
