.cs-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:7px 12px}.cs-tools>strong{margin-right:8px;white-space:nowrap}.cs-tools button,.cs-tools select{font-size:11px;min-height:27px}.cs-tools button .icon{width:14px;height:14px}.cs-tools label{display:flex;align-items:center;gap:4px;font-size:10px;color:#5e6962;white-space:nowrap}.cs-tools label input{width:66px;min-height:25px;padding:2px 4px;font-size:11px;border:1px solid #cbd3cc;border-radius:4px;background:#fff}.cs-tools #csPreset{max-width:200px}.cs-tools #csPatternSelect{max-width:150px}.cs-tools #csReferenceExport{background:#e8eee9;border-color:#b9cbbd;color:#365342}.cs-heading-options{display:flex;align-items:center;gap:3px;margin-left:4px;padding-left:8px;border-left:1px solid #cbd3cc;white-space:nowrap}.cs-heading-options span{margin-right:3px;font-size:10px;color:#5e6962}.cs-heading-options button{min-width:27px;padding:2px 5px}.cs-heading-options button[aria-pressed=true]{background:#d8e7da;border-color:#8da999;color:#2d5036}.cs-heading-options button:disabled{opacity:.45;cursor:default}.cs-tool-break{flex-basis:100%;height:0}#csTextOptions{display:flex;align-items:center;gap:4px;border-left:1px solid #cbd3cc;padding-left:7px}#csTextOptions[hidden]{display:none}#csTextOptions button[aria-pressed=true]{background:#d8e7da;border-color:#8da999;color:#2d5036}.cs-canvas.character-sheet{--unit:80px;display:block;flex:none;box-sizing:border-box;background-color:#dddcd7;background-size:40px 40px;overflow:hidden}.cs-tab{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;border:1px solid #afb7ae;background:#f7f7f3;box-shadow:0 1px 3px #20282026;overflow:visible}.cs-tab.selected{border-color:#327550;box-shadow:0 0 0 2px #3a926249;z-index:4}.cs-tab:hover{border-color:#659078}.cs-tab-head.character-block-head{height:28px;min-height:28px;flex:0 0 28px;gap:3px;background:#e7ebe6;border-bottom:1px solid #ced5cd;touch-action:none}.cs-tab-head input{font:600 11px/1.2 sans-serif}.cs-tab-head .character-block-grip{pointer-events:none}.cs-tab-head button{flex:0 0 20px}.cs-image-tab.character-image-block{padding:0}.cs-image-tab .cs-tab-head{position:absolute;top:0;left:0;right:0;z-index:3;height:28px;min-height:28px;background:#e7ebe6ee;box-shadow:0 1px 3px #26332926}.cs-image-tab[data-heading-position=bottom] .cs-tab-head{top:auto;bottom:0;border-top:1px solid #ced5cd;border-bottom:0;box-shadow:0 -1px 3px #26332926}.cs-image-tab[data-heading-position=hidden] .cs-tab-head{opacity:0;pointer-events:none;transition:opacity .12s}.cs-image-tab[data-heading-position=hidden]:hover .cs-tab-head,.cs-image-tab[data-heading-position=hidden].selected .cs-tab-head{opacity:1;pointer-events:auto}.cs-image-tab .character-image-pick{position:absolute;inset:28px 0 0;display:grid;place-items:center;width:auto;height:auto;background:#eceeeb;cursor:default}.cs-image-tab[data-heading-position=bottom] .character-image-pick{top:0;bottom:28px}.cs-image-tab[data-heading-position=hidden] .character-image-pick{top:0;bottom:0}.cs-image-tab .character-image-pick>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cs-image-actions{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 12px)}.cs-image-tab .cs-image-insert-hint{display:flex;align-items:center;justify-content:center;gap:5px;max-width:100%;min-height:28px;padding:5px 7px;border:1px dashed #879f91;border-radius:4px;background:#f8faf5e8;color:#345343;white-space:normal;box-shadow:0 1px 4px #172b1c23}.cs-image-tab .cs-image-insert-hint .icon{width:13px;height:13px}.cs-image-tab .cs-image-insert-hint small{font-size:9px}.cs-image-tab .cs-image-insert-hint:hover,.cs-image-tab .cs-image-insert-hint:focus-visible{background:#fff;border-color:#327550;outline:2px solid #93b39a;outline-offset:1px}.cs-image-clear{display:flex;align-items:center;justify-content:center;gap:5px;min-height:26px;padding:4px 8px;border:1px solid #d7c5c2;border-radius:4px;background:#fffaf9e8;color:#8b4944;cursor:pointer;box-shadow:0 1px 4px #172b1c23}.cs-image-clear .icon{width:13px;height:13px}.cs-image-clear small{font-size:9px}.cs-image-clear:hover,.cs-image-clear:focus-visible{border-color:#b87067;background:#fff;outline:2px solid #e6b6af;outline-offset:1px}.cs-tab .character-block-fit{height:20px;min-height:20px;flex:0 0 20px}.cs-profile-body{flex:1;min-height:0;overflow:auto;padding:12px 14px;background:#eeeae2;color:#30312c}.cs-profile-name{display:block;font-size:25px;line-height:1.25;margin-bottom:12px;overflow-wrap:anywhere}.cs-profile-fields{border-top:1px solid #a5a69f;padding-top:8px}.cs-profile-fields>div{display:block;margin:0 0 9px;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.cs-profile-fields b{display:block;font-size:10px;color:#686d64}.cs-profile-fields span{white-space:pre-wrap}.cs-rich-toolbar{display:flex;align-items:center;gap:3px;height:30px;min-height:30px;padding:2px 5px;background:#f1f1ed;border-bottom:1px solid #d7dad3}.cs-rich-toolbar select{font-size:10px;max-width:85px;height:24px;padding:2px}.cs-rich-toolbar button{width:25px;height:24px;padding:3px;display:grid;place-items:center}.cs-rich-toolbar .icon{width:14px;height:14px}.cs-rich-editor{flex:1;min-height:0;overflow:auto;padding:12px 14px;outline:none;background:#f7f6f2;color:#252b26;cursor:text;line-height:1.55;overflow-wrap:anywhere}.cs-rich-editor:focus{box-shadow:inset 0 0 0 2px #93b39a}.cs-rich-editor h1,.cs-rich-editor h2,.cs-rich-editor h3,.cs-rich-editor p{margin:0 0 .55em;font-family:inherit}.cs-rich-editor h1{font-size:26px;line-height:1.3}.cs-rich-editor h2{font-size:21px;line-height:1.34}.cs-rich-editor h3{font-size:17px;line-height:1.4}.cs-rich-editor p{font-size:13px;line-height:1.6}.cs-rich-editor hr{border:0;border-top:1px solid #aaa79e;margin:12px 0}.cs-free-text{flex:1;width:100%;min-height:0;resize:none;box-sizing:border-box;border:0;outline:0;padding:8px;background:transparent;color:#252b26;line-height:1.35;overflow:auto}.cs-text{background:transparent;border-color:#a5ada5}.cs-text.has-backing{background:#f4f1ea}.cs-edge{position:absolute;z-index:6;background:transparent;touch-action:none}.cs-edge:hover,.cs-tab.selected .cs-edge,.cs-group-outline.selected .cs-edge{background:#4e9870aa}.cs-edge-n,.cs-edge-s{left:22%;right:22%;height:11px;cursor:ns-resize}.cs-edge-n{top:-6px}.cs-edge-s{bottom:-6px}.cs-edge-e,.cs-edge-w{top:24%;bottom:24%;width:11px;cursor:ew-resize}.cs-edge-e{right:-6px}.cs-edge-w{left:-6px}.cs-tab[data-cs-group-member]>.cs-edge{display:none}.cs-group-outline{position:absolute;z-index:5;box-sizing:border-box;pointer-events:none;border:2px dashed #54866a}.cs-group-outline.selected{border-color:#28754e}.cs-group-outline .cs-group-label{position:absolute;top:2px;left:2px;display:flex;align-items:center;gap:4px;padding:2px 7px;height:18px;background:#dcebe0;border:1px solid #77a788;border-radius:4px;color:#2c6544;font-size:10px;font-weight:650;cursor:grab;touch-action:none;pointer-events:auto}.cs-group-label .icon{width:12px;height:12px}.cs-group-outline .cs-edge{pointer-events:auto}#csMarquee{position:absolute;z-index:20;border:1px dashed #357a55;background:#4e9b6b2e;pointer-events:none}#csDockGuide{position:absolute;z-index:21;background:#298e54;box-shadow:0 0 0 2px #cbe9d0;pointer-events:none}body.cs-dragging{user-select:none;cursor:grabbing}.cs-dialog{width:min(1100px,94vw);max-height:92vh;padding:0;border:1px solid #bfc9bf;border-radius:10px;box-shadow:0 18px 50px #17211755;background:#fafbf9;color:#263129}.cs-dialog::backdrop{background:#16221880}.cs-thumb-dialog{width:min(610px,94vw)}.cs-thumb-body{padding:18px 20px 22px}.cs-thumb-body>label{display:flex;align-items:center;gap:10px;font-size:12px}.cs-thumb-body select{flex:1;min-width:0;padding:8px;border:1px solid #cbd5cb;border-radius:5px;background:#fff}.cs-thumb-body p{font-size:12px;line-height:1.6;color:#5d6a60}.cs-thumb-previews{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cs-thumb-previews section{min-width:0}.cs-thumb-previews h3{margin:7px 0 8px;font-size:13px}.cs-thumb-frame{position:relative;width:100%;overflow:hidden;border:1px solid #bfcbbf;border-radius:6px;background:#e8ebe7;cursor:grab;touch-action:none}.cs-thumb-rel{aspect-ratio:16 / 10}.cs-thumb-board{aspect-ratio:200 / 132}.cs-thumb-frame:active{cursor:grabbing}.cs-thumb-frame img{position:absolute;display:block;max-width:none;max-height:none;pointer-events:none;user-select:none}.cs-thumb-previews section>label{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px}.cs-thumb-previews input[type=range]{flex:1;min-width:0}.cs-thumb-zoom-label{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:13px;font-size:11px;color:#5d6a60}.cs-thumb-zoom-label strong{font-variant-numeric:tabular-nums;color:#2d5f43}.cs-thumb-zoom{width:100%;margin:5px 0 0}@media (max-width:530px){.cs-thumb-previews{grid-template-columns:1fr}}.cs-dialog .dialog-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #d5ddd5}.cs-dialog .dialog-head h2{margin:0;font-size:16px;flex:1}.cs-preview-tools{display:flex;align-items:center;gap:12px;padding:9px 16px;border-bottom:1px solid #dde3dc}.cs-preview-tools label{font-size:12px}.cs-preview-tools select{margin-left:5px}.cs-preview-tools span{font-size:11px;color:#68756b;flex:1}.cs-preview-viewport{height:min(72vh,820px);overflow:auto;display:flex;align-items:center;justify-content:center;padding:16px;background:#e4e7e3}.cs-preview-viewport img{display:block;max-width:100%;max-height:calc(min(72vh,820px) - 32px);width:auto;height:auto;object-fit:contain;box-shadow:0 3px 18px #16201933;background:#fff}#csPromptDialog{width:min(850px,94vw)}#csPromptDialog .dialog-intro{padding:0 16px}#csPromptText{display:block;box-sizing:border-box;width:calc(100% - 32px);height:min(60vh,540px);margin:0 16px;padding:12px;border:1px solid #cbd6cc;border-radius:6px;background:#fff;color:#253329;font:12px/1.65 sans-serif;resize:vertical}.cs-dialog-actions{display:flex;justify-content:flex-end;padding:12px 16px}.cs-pattern-dialog{width:min(440px,94vw)}.cs-pattern-dialog .dialog-intro{margin:0;padding:14px 16px 8px;font-size:12px;line-height:1.6}.cs-pattern-name{display:grid;gap:5px;margin:4px 16px;color:#495a4e;font-size:12px}.cs-pattern-name input{width:100%;box-sizing:border-box;min-height:34px;padding:6px 9px;border:1px solid #bfc9bf;border-radius:5px;background:#fff;color:#263129;font:inherit}.cs-pattern-note{margin:6px 16px;color:#6d776e;font-size:11px}@media (max-width:850px){.cs-tools{padding:6px}.cs-tools>strong{flex-basis:100%}.cs-tools #csPreset{max-width:150px}.cs-preview-viewport{height:66vh}.cs-preview-viewport img{max-height:calc(66vh - 32px)}}.character-toolbar{min-height:35px;padding:4px 10px}.character-toolbar>strong,.character-toolbar>span,.character-detail-head,.character-profile h3,.character-sheet-tools>strong,.character-sheet-hint{display:none}.character-list{padding-top:6px}.character-list-row{display:flex;align-items:center;gap:2px;min-width:0}.character-list-row .character-list-item{flex:1;min-width:0;width:auto}.character-list-duplicate{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;padding:5px;border:1px solid transparent;border-radius:5px;background:transparent;color:#52675a;cursor:pointer}.character-list-duplicate:hover,.character-list-duplicate:focus-visible{border-color:#b9c9bd;background:#fff;color:#2e6846}.character-list-duplicate .icon{width:15px;height:15px}.character-list-delete{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;padding:5px;border:1px solid transparent;border-radius:5px;background:transparent;color:#7b6565;cursor:pointer}.character-list-delete:hover,.character-list-delete:focus-visible{border-color:#dfbdbd;background:#fff5f4;color:#a23b37}.character-list-delete .icon{width:15px;height:15px}.slot-copy{width:24px;min-height:26px;flex-shrink:0;border:0;background:transparent;color:#607a68;padding:4px;opacity:.78}.slot-copy .icon{width:14px;height:14px}.slot-copy:hover,.slot-copy:focus-visible{color:#2e6846;opacity:1;background:#e8f0e9}.character-profile{padding-top:9px}.character-sheet-scroll{position:relative;z-index:0;isolation:isolate;padding-top:3px}.workspace-layout-mode .character-detail-head{display:flex;padding:4px 8px}.workspace-layout-mode .character-detail-head>div{display:none}