.character-stage{background:#f3f3f1;color:#29312e}#characterRoot{height:100%;display:flex;flex-direction:column;min-height:0}.character-toolbar,.character-detail-head,.character-sheet-tools{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #d9dcd9;background:#f9faf9}.character-toolbar strong,.character-sheet-tools strong{font-size:14px}.character-toolbar>span,.character-detail-head p,.character-sheet-hint{font-size:11px;color:#69736e}.character-body{flex:1;display:flex;min-height:0}.character-list{flex:0 0 186px;overflow:auto;padding:14px 8px;border-right:1px solid #d7dad7;background:#e9ebe9}.character-list-title{font-size:11px;font-weight:700;color:#66716a;padding:0 9px 10px;display:flex;justify-content:space-between}.character-list-item{display:flex;width:100%;align-items:center;gap:8px;text-align:left;margin:2px 0;padding:10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#34413a}.character-list-item:hover{background:#f4f5f3}.character-list-item.active{background:#fff;border-color:#b9c6bb;box-shadow:0 1px 3px #24362a14}.character-list-item .icon{flex:0 0 17px}.character-list-item span{min-width:0}.character-list-item strong,.character-list-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-list-item small{color:#778179;font-size:10px;margin-top:3px}.character-content{flex:1;min-width:0;overflow:auto}.character-detail-head{justify-content:space-between}.character-detail-head h2{font-size:18px;margin:0}.character-detail-head p{margin:3px 0 0}.character-work{display:grid;grid-template-columns:minmax(240px,290px) minmax(520px,1fr);min-height:0}.character-profile{padding:16px;border-right:1px solid #d9dcd9;background:#f8f8f7}.character-profile h3{margin:0 0 12px;font-size:13px}.character-field{display:block;margin:0 0 12px}.character-field span{display:block;margin-bottom:5px;font-size:11px;font-weight:650;color:#58645d}.character-field input,.character-field textarea{display:block;width:100%;box-sizing:border-box;background:#fff;border:1px solid #d4dad5;border-radius:6px;padding:8px;font:inherit;font-size:12px;color:#2d3931;resize:vertical}.character-field input:focus,.character-field textarea:focus{outline:2px solid #a8c2ac;outline-offset:1px}.character-sheet-panel{min-width:0;background:#ececeb}.character-sheet-tools{position:sticky;top:0;z-index:5;background:#f4f5f4}.character-sheet-tools select{max-width:145px}.character-sheet-hint{margin:9px 16px}.character-sheet-scroll{overflow:auto;padding:8px 16px 36px}.character-sheet{--unit:80px;position:relative;width:960px;height:calc(var(--unit) * var(--sheet-rows));background:#dddcd7;box-shadow:0 3px 18px #1b252122;background-image:linear-gradient(#ffffff28 1px,transparent 1px),linear-gradient(90deg,#ffffff28 1px,transparent 1px);background-size:calc(100% / 12) var(--unit)}.character-sheet-profile{position:absolute;left:0;top:0;width:25%;height:calc(var(--unit)*8);padding:22px;box-sizing:border-box;overflow:hidden}.character-sheet-profile strong{display:block;font-size:28px;overflow-wrap:anywhere}.character-sheet-profile span{display:block;border-top:1px solid #797b75;margin:15px 0;padding-top:10px;font-size:12px}.character-sheet-profile p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.character-sheet-profile small{font-size:11px;color:#676f68;white-space:pre-wrap}.character-image-block{position:absolute;box-sizing:border-box;padding:3px;background:#f5f5f2;border:1px solid #c8cac4;box-shadow:0 1px 2px #20282017;min-width:0;min-height:0;display:flex;flex-direction:column}.character-image-block:hover{border-color:#668b73;z-index:2}.character-block-head{display:flex;align-items:center;gap:4px;height:27px;flex:0 0 27px;cursor:grab;background:#e8e9e5;padding:2px 4px}.character-block-head:active{cursor:grabbing}.character-block-head:before{content:"⋮⋮";font-size:14px;color:#77837a;letter-spacing:-3px;padding:0 5px}.character-block-head input{flex:1;min-width:0;border:0;background:transparent;font:600 11px/1.2 inherit;color:#34443a;outline:none}.character-block-head button{width:20px;height:20px;padding:2px;border:0;background:transparent}.character-block-head button .icon{width:13px;height:13px}.character-image-pick{flex:1;min-height:0;border:0;background:#f7f7f4;display:grid;place-items:center;padding:0;overflow:hidden;color:#65796d}.character-image-pick img{width:100%;height:100%;display:block}.character-image-pick span{text-align:center;display:grid;justify-items:center;gap:3px}.character-image-pick .icon{width:24px;height:24px}.character-image-pick small{font-size:10px}.character-image-pick:hover{background:#edf2ed}.character-block-fit{height:20px;flex:0 0 20px;padding:0 5px;border:0;background:#eceeea;color:#647269;text-align:left;font-size:9px}.character-block-resize{position:absolute;right:0;bottom:0;width:15px;height:15px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,#73947d 50%);touch-action:none}.character-empty{height:70%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#526257;text-align:center}.character-empty>.icon{width:40px;height:40px}.character-empty h2{font-size:17px;margin:16px 0 5px}.character-empty p{font-size:12px}.topbar #btnWorkspaceLayout.active{background:#e7edec;border-color:#9ab5a5;color:#315847}.workspace-layout-mode{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));gap:6px;padding:43px 6px 6px;overflow:auto;background:#e5e9e7;box-sizing:border-box}.workspace-layout-mode>.viewsec,.workspace-layout-mode>.rel-drawer{position:relative;inset:auto;width:auto;min-width:0;min-height:0;max-width:none;overflow:auto;z-index:1;border:1px solid #b7c1ba;border-radius:7px;box-shadow:0 1px 4px #21312622;background:#fff;display:flex;flex-direction:column;padding-top:33px;box-sizing:border-box}.workspace-layout-mode>.rel-drawer{border-left:1px solid #b7c1ba}.workspace-layout-mode>.viewsec.board{display:block}.workspace-layout-mode>.viewsec.character-stage{display:block}.workspace-layout-mode .layout-pane-handle{position:absolute;top:0;left:0;right:0;height:33px;background:#e9eeea;border-bottom:1px solid #c8d2ca;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 10px;cursor:grab;touch-action:none;font-weight:650;font-size:11px;color:#3b5142}.workspace-layout-mode .layout-pane-handle span{display:flex;align-items:center;gap:6px;pointer-events:none}.workspace-layout-mode .layout-pane-handle .icon{width:14px;height:14px}.workspace-layout-mode .layout-pane-handle button{height:24px;min-width:24px;padding:3px}.workspace-layout-mode .layout-pane-resize{position:absolute;right:0;bottom:0;width:17px;height:17px;z-index:10;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 48%,#64846a 50%)}.workspace-layout-mode .character-toolbar{padding:7px 10px}.workspace-layout-mode .character-work{grid-template-columns:minmax(160px,220px) minmax(520px,1fr)}.workspace-layout-mode .character-list{flex-basis:130px}.workspace-layout-mode .rel-main,.workspace-layout-mode .tl-main,.workspace-layout-mode .ms-main{min-height:0;flex:1}.workspace-layout-mode .rel-drawer-head,.workspace-layout-mode .tl-toolbar,.workspace-layout-mode .ms-toolbar{padding:6px 10px;min-height:42px}.workspace-layout-mode .rel-drawer-head #relDrawerClose{display:none}.workspace-layout-mode .character-stage #characterRoot{min-height:100%}.workspace-layout-bar{position:absolute;top:5px;left:7px;right:7px;z-index:12;display:flex;align-items:center;gap:9px;min-height:33px;padding:3px 10px;border:1px solid #c7d2c8;border-radius:6px;background:#f8faf8;box-shadow:0 1px 3px #1b2a1d1f;font-size:11px}.workspace-layout-bar strong{display:flex;align-items:center;gap:5px}.workspace-layout-bar strong .icon{width:14px;height:14px}.workspace-layout-bar>span{color:#6e7a70}.workspace-layout-bar #workspaceLayoutChoices{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:auto}.workspace-layout-bar label{display:flex;align-items:center;gap:3px;white-space:nowrap}.workspace-layout-bar input{width:13px;height:13px}.workspace-layout-bar button{padding:4px 7px;font-size:10px;white-space:nowrap}@media (max-width:1000px){.character-work{grid-template-columns:1fr}.character-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;border-right:0;border-bottom:1px solid #d9dcd9}.character-profile h3{grid-column:1/-1}.workspace-layout-mode{grid-template-rows:repeat(12,minmax(100px,1fr))}.workspace-layout-mode .character-profile,.topbar #btnWorkspaceLayout span{display:none}}@media (max-width:700px){.character-list{flex-basis:110px}.character-toolbar>span,.workspace-layout-bar>span{display:none}.character-sheet-scroll{padding:8px}.workspace-layout-bar{gap:4px}.workspace-layout-bar label span{font-size:9px}}.workspace-layout-mode .character-work{display:block}.workspace-layout-mode .character-profile{display:none}.workspace-layout-mode .character-list{flex-basis:110px}.workspace-layout-mode .character-sheet{--unit:50px;width:600px}.workspace-layout-mode .character-sheet-tools{flex-wrap:wrap}.character-detail-head #characterProfileToggle{display:none}.workspace-layout-mode .character-detail-head #characterProfileToggle{display:inline-flex}.workspace-layout-mode .character-stage.profile-open .character-profile{display:block}.workspace-layout-mode .character-detail-head{flex-wrap:wrap}.character-block-head:before{content:none}.character-block-grip{display:flex;align-items:center;justify-content:center;flex:0 0 18px;color:#718077;pointer-events:none}.character-block-grip .icon{width:14px;height:14px}