.sd-character-detail{position:fixed;inset:0;z-index:10020;background:rgba(7,8,12,.76);backdrop-filter:blur(8px);display:none;align-items:stretch;justify-content:flex-end}.sd-character-detail.open{display:flex}.sd-character-panel{width:min(1180px,94vw);height:100%;background:#12131a;color:#f5f3ff;border-left:1px solid #34303f;box-shadow:-24px 0 60px rgba(0,0,0,.38);display:grid;grid-template-rows:auto auto 1fr}.sd-character-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #302d39}.sd-character-head h2{font-size:20px;margin:0;flex:1}.sd-character-head button,.sd-wd button{border:1px solid #454050;background:#201e28;color:#f7f4ff;border-radius:6px;padding:9px 12px;cursor:pointer}.sd-character-head .close{font-size:20px;width:40px;height:40px;padding:0}.sd-character-tabs{display:flex;gap:4px;padding:0 22px;border-bottom:1px solid #302d39}.sd-character-tabs button{border:0;background:transparent;color:#aaa5b5;padding:14px 18px;border-bottom:2px solid transparent}.sd-character-tabs button.active{color:#fff;border-color:#a855f7}.sd-character-body{overflow:auto;padding:22px}.sd-detail-pane{display:none}.sd-detail-pane.active{display:block}.sd-base-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}.sd-base-grid img{width:100%;aspect-ratio:2/3;object-fit:cover;background:#20212a;border:1px solid #3a3744}.sd-wd{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.sd-wd-list{border-right:1px solid #302d39;padding-right:16px}.sd-wd-list>button{width:100%;margin-bottom:12px;background:#7c3aed;border-color:#7c3aed}.sd-wd-item{display:block;width:100%;text-align:left;margin:7px 0}.sd-wd-item.active{border-color:#a855f7;background:#292333}.sd-wd-item small{display:block;color:#aaa5b5;margin-top:4px}.sd-wd-main{min-width:0}.sd-wd-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px}.sd-wd-toolbar input{flex:1;font-size:17px}.sd-wd input,.sd-wd textarea,.sd-wd select{background:#1d1b24;color:#f7f4ff;border:1px solid #454050;border-radius:6px;padding:10px;width:100%}.sd-wd textarea{resize:vertical}.sd-wd-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sd-wd label{display:grid;gap:6px;color:#bdb7c8}.sd-wd-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.sd-wd .primary{background:#7c3aed;border-color:#8b5cf6}.sd-wd .danger{color:#fda4af}.sd-wd-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.sd-wd-images img{width:100%;aspect-ratio:1;object-fit:contain;background:#1b1a21;border:1px solid #3d3947}.sd-wd-note{padding:10px 12px;background:#211d29;border-left:3px solid #a855f7;color:#cec8d8;margin:10px 0;white-space:pre-wrap}.sd-wd-status{color:#c4b5fd}.sd-assignment-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;max-width:760px}.sd-role-detail-btn{border-color:#76528f!important;color:#e9d5ff!important}@media(max-width:760px){.sd-character-panel{width:100vw}.sd-base-grid,.sd-wd,.sd-wd-fields{grid-template-columns:1fr}.sd-wd-list{border-right:0;border-bottom:1px solid #302d39;padding:0 0 12px}.sd-assignment-row{grid-template-columns:1fr}}

.sd-character-detail{align-items:center;justify-content:center;background:rgba(7,8,12,.78);padding:24px}.sd-character-panel{width:min(1060px,96vw);height:min(760px,92vh);border:1px solid #34303f;border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.48)}.sd-character-head{padding:16px 20px}.sd-character-head .close{border-radius:7px}.sd-character-tabs{padding:0 20px}.sd-character-tabs button{padding:12px 18px}.sd-character-body{padding:20px}.sd-wd{grid-template-columns:200px minmax(0,1fr);gap:22px}.sd-wd-list{padding-right:14px}.sd-wd-main{padding:2px 4px}.sd-wd-fields{grid-template-columns:1fr}.sd-wd-fields label:first-child{background:#1b1922;border:1px solid #302d39;border-radius:8px;padding:14px}.sd-wd-fields label:nth-child(2){display:none}.sd-wd-toolbar{padding-bottom:12px;border-bottom:1px solid #302d39}.sd-wd-actions{border-top:1px solid #302d39;padding-top:14px}.sd-wd-actions button{min-height:38px}.sd-wd-main>label:has(#sd-wd-spec),.sd-wd-note{display:none}.sd-wd-images{margin-top:18px}.sd-wd-stepbar{display:flex;gap:8px;margin:0 0 18px}.sd-wd-stepbar span{padding:6px 10px;border:1px solid #454050;border-radius:999px;color:#aaa5b5;font-size:12px}.sd-wd-stepbar span.active{background:#7c3aed;color:#fff;border-color:#8b5cf6}@media(max-width:760px){.sd-character-detail{padding:8px}.sd-character-panel{height:96vh;width:100vw}.sd-wd{grid-template-columns:1fr}.sd-wd-list{border-right:0;border-bottom:1px solid #302d39;padding:0 0 12px}}