.tool-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.tool-title h1{margin:6px 0}.tool-title p{max-width:760px}.tool-source{background:var(--book-bg,#f0f5f7);border:1px solid var(--line,#dce5e9);border-radius:8px;padding:14px 18px;line-height:1.8;margin:18px 0;color:var(--book-muted,#566675)}.tool-source strong{font-weight:600}.skill-toolbar label,.doll-options label,.skill-board-heading label,.doll-preview label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.skill-toolbar{display:grid;grid-template-columns:minmax(200px,2fr) 140px minmax(170px,1fr);gap:16px}.skill-toolbar select,.doll-options select,.tool-actions select{max-width:100%;width:100%}.tool-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.skill-toolbar .tool-actions,.skill-toolbar #skills-transfer,.skill-toolbar #skills-message{grid-column:1/-1}.skill-toolbar button,.doll-layout button,.skills-grid button{min-height:44px}.skill-toolbar textarea,.doll-options textarea{width:100%;box-sizing:border-box}.skill-stage-tabs{display:flex;gap:8px;overflow-x:auto;margin:22px 0 16px;padding:4px}.skill-stage-tabs button{white-space:nowrap;flex:1;min-height:64px;padding:10px 14px;border:1px solid var(--line,#dce5e9);border-radius:7px}.skill-stage-tabs button span{display:block;font-size:12px;color:var(--book-muted,#647582);margin-top:5px}.skill-stage-tabs .active{background:#295e85;color:white}.skill-stage-tabs .active span{color:#e1eefa}.skill-board-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;align-items:center}.skill-board-heading input{max-width:210px}.skill-board-heading h2{margin:0}.skill-board-heading p{margin:6px 0}.tool-help{font-size:13px;color:var(--book-muted,#657481);line-height:1.8}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:20px}.skill-card{border:1px solid var(--line,#dbe4e9);border-radius:8px;padding:12px;background:var(--book-card,#fff)}.skill-card.allocated{border-color:#5b92b8;box-shadow:inset 0 3px #5b92b8}.skill-card-head{display:flex;align-items:center;gap:10px}.skill-card-head img{image-rendering:pixelated;flex-shrink:0}.skill-detail{border:0;padding:0;text-align:left;background:none;flex:1;min-width:0;font-weight:700;font-size:15px}.skill-detail small{display:block;font-weight:400;color:var(--book-muted);overflow-wrap:anywhere;font-size:11px;margin-top:3px}.skill-card strong{font-size:20px;white-space:nowrap}.skill-card strong small{font-size:12px;color:var(--book-muted)}.skill-controls{display:grid;grid-template-columns:40px 1fr 40px 44px;gap:5px;margin:12px 0 6px}.skill-controls input{width:100%;min-width:0;text-align:center;box-sizing:border-box;padding:4px}.skill-controls button{padding:3px}.skill-card p{font-size:12px;line-height:1.6;color:var(--book-muted);margin:0}#skill-dialog{background:var(--book-card,#fff);color:var(--book-ink,#25384a);border:1px solid var(--line);border-radius:12px;width:min(520px,85vw);padding:22px}#skill-dialog::backdrop{background:#10283899}.doll-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:20px;margin:22px 0}.doll-preview{position:sticky;top:12px;align-self:start}.doll-canvas-wrap{background-color:#e8eef3;background-image:linear-gradient(45deg,#dce5ed 25%,transparent 25%,transparent 75%,#dce5ed 75%),linear-gradient(45deg,#dce5ed 25%,transparent 25%,transparent 75%,#dce5ed 75%);background-size:24px 24px;background-position:0 0,12px 12px;border-radius:9px}#doll-canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none;cursor:grab}.doll-direction{display:flex;gap:20px;justify-content:center;align-items:center;margin:12px}.doll-options{display:flex;flex-direction:column;gap:15px}.doll-options h2{margin:0}.doll-options input,.doll-options select{width:100%;box-sizing:border-box}.tool-actions button, .doll-direction button{padding:8px 14px;border:1px solid var(--line,#ccdbe4);border-radius:6px}.tool-actions button:disabled,.skill-controls button:disabled{opacity:.5}.tool-actions input[type=range]{width:140px}#skills-message,#appearance-message{min-height:24px;font-size:14px;overflow-wrap:anywhere}.tool-source a{white-space:nowrap}.skill-toolbar input,.skill-toolbar select,.doll-options input,.doll-options select,.skill-board-heading input{min-height:44px;border:1px solid var(--line,#d1dde5);border-radius:6px;padding:9px;background:var(--book-card,#fff);color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #69a5ce;outline-offset:2px}@media(max-width:720px){.tool-title{display:block}.tool-title h1{font-size:26px}.tool-source{font-size:13px;padding:12px}.skill-toolbar{grid-template-columns:1fr}.skill-toolbar>*{grid-column:1}.skill-board-heading{display:grid;grid-template-columns:1fr}.skill-board-heading input{max-width:none;width:100%;box-sizing:border-box}.skills-grid{grid-template-columns:1fr}.skill-detail{font-size:16px}.skill-card p{font-size:13px}.skill-toolbar select{width:100%;min-width:0}.doll-layout{grid-template-columns:minmax(0,1fr)}.doll-preview{position:static}.doll-layout .panel{min-width:0;padding:16px}.tool-actions{gap:8px}.tool-actions button{flex:1;min-width:90px}.skill-stage-tabs{max-width:100%;box-sizing:border-box}.tool-title a{display:inline-block;margin:8px 0}.tool-help{font-size:14px}}

.skill-toolbar button,.doll-layout button,.skill-controls button{background:var(--book-card,#fff);color:var(--book-ink,#25384a);border:1px solid var(--book-line,#ccdbe4);border-radius:6px}.skill-toolbar button.primary,.doll-layout button.primary{background:var(--book-accent,#295e85);color:#fff}