.char-editor{position:relative;flex:1;min-height:0;overflow:auto;padding:16px;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff00000d,#00ff0006,#0000ff0d),#1a1a1a;background-size:100% 4px,3px 100%,auto}.char-editor__controls{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;gap:10px;margin:0 0 14px}.char-editor__button{min-height:34px;padding:0 16px;border:2px solid #fff;color:#fff;font-family:Courier New,monospace;font-size:12px;letter-spacing:.06em;background:#000;box-shadow:4px 4px #555}.char-editor__button:hover:enabled{transform:translate(-1px,-1px);box-shadow:5px 5px #555}.char-editor__button:disabled{opacity:.6}.char-editor__button--secondary{background:#2a2a2a}.char-editor__sheet{overflow:hidden;max-width:920px;margin:0 auto;border:4px solid #000;background:#e5e5e5;box-shadow:10px 10px #00000080;font-family:Courier New,monospace}.char-editor__header{display:flex;justify-content:space-between;gap:12px;padding:8px 15px;color:#fff;background:#000;border-bottom:2px solid #333;font-size:12px;font-weight:700;letter-spacing:.04em}.char-editor__hero{display:grid;grid-template-columns:minmax(0,1fr) 250px}.char-editor__hero-main{min-width:0}.char-editor__photo-panel{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-left:2px solid #000;background:#d9d9d9}.char-editor__photo-box{display:flex;align-items:center;justify-content:center;width:170px;height:210px;padding:10px;border:2px dashed #000;color:#222;text-align:center;white-space:pre-line;cursor:pointer;background:#ddd}.char-editor__photo-box.has-photo{padding:0;border-style:solid;background:#bdbdbd}.char-editor__photo-box img{width:100%;height:100%;object-fit:cover}.char-editor__photo-box input{display:none}.char-editor__ref-id{font-size:10px;font-weight:700}.char-editor__row{display:grid;grid-template-columns:240px minmax(0,1fr);border-bottom:2px solid #000}.char-editor__row--last{border-bottom:0}.char-editor__label{padding:8px 12px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#727272;border-right:1px solid #333}.char-editor__field{min-width:0;border-left:1px solid #bbb}.char-editor__field input,.char-editor__field textarea,.char-editor__field select{width:100%;border:0;color:#111;resize:none;outline:none;background:transparent;padding:8px 12px}.char-editor__field textarea{display:block;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.char-editor__field input:focus,.char-editor__field textarea:focus,.char-editor__field select:focus{background:#fff;box-shadow:inset 0 0 5px #0000001a}.char-editor__field--stacked{display:grid;gap:4px;padding:8px 12px}.char-editor__subfield{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:start;gap:8px}.char-editor__subfield--full{grid-template-columns:minmax(0,1fr)}.char-editor__subfield--full textarea{align-self:start}.char-editor__subfield span{color:#666;font-size:11px;font-weight:700}.char-editor__subfield input,.char-editor__subfield textarea{padding:0}.char-editor__status{display:flex;justify-content:space-between;gap:12px;padding:5px 15px;color:#444;background:#ccc;border-top:2px solid #000;font-size:10px}@media(max-width:920px){.char-editor{padding:10px}.char-editor__controls{position:static;flex-wrap:wrap;justify-content:stretch}.char-editor__button{flex:1 1 180px}.char-editor__hero,.char-editor__row{grid-template-columns:1fr}.char-editor__photo-panel{border-top:2px solid #000;border-left:0}.char-editor__label{border-right:0;border-bottom:1px solid #333}.char-editor__subfield{grid-template-columns:1fr;gap:4px}.char-editor__status{flex-direction:column}}@media(max-width:640px){.char-editor{padding:8px}.char-editor__sheet{box-shadow:5px 5px #00000059}.char-editor__header{flex-direction:column;align-items:flex-start}.char-editor__photo-box{width:min(100%,220px);height:auto;aspect-ratio:17 / 21}}:root{color:#000;font-family:Tahoma,"MS Sans Serif",sans-serif;font-size:11px;line-height:1.3;background:#0b69d4;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{height:100vh;overflow:hidden;padding:0;background:#0b69d4}button,input,select,textarea{font:inherit}button{border:0;background:none;padding:0}.desktop-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#0b69d4}.desktop-stage{flex:1;min-height:0;padding:18px 18px 8px}.xp-shell{display:flex;flex-direction:column;height:100%;min-height:0;width:min(1520px,88vw);margin:0 auto;overflow:hidden;border:1px solid #0e4e9e;border-radius:8px 8px 0 0;background:#ece9d8;box-shadow:inset 0 0 0 1px #6ea7f0,0 12px 30px #000f3757}.title-bar{display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:4px 6px 4px 10px;color:#fff;background:linear-gradient(180deg,#0b67d3,#0a5cc3 44%,#1f89f6)}.title-bar__text{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.title-bar__actions{display:flex;gap:4px}.title-button{display:grid;width:21px;height:21px;place-items:center;border:1px solid rgba(255,255,255,.75);border-radius:4px;background:linear-gradient(180deg,#5eb5ff,#1f7ce4);box-shadow:inset 0 0 0 1px #002e7059}.title-button.is-close{background:linear-gradient(180deg,#ff9a72,#e24d1c)}.menu-bar,.toolbar,.address-row,.status-bar{background:#ece9d8}.menu-bar{display:flex;gap:22px;padding:4px 10px 3px;border-bottom:1px solid #c8c3ad}.menu-item-wrap{position:relative}.menu-item{padding:0 2px;color:inherit}.menu-item.is-open,.menu-item:hover{background:#316ac5;color:#fff}.menu-dropdown{position:absolute;top:calc(100% + 2px);left:0;z-index:5;min-width:158px;padding:2px;border:1px solid #7f9db9;background:#fff;box-shadow:2px 2px 6px #0003}.menu-action{display:block;width:100%;padding:5px 8px;color:#111;text-align:left}.menu-action--icon{display:flex;align-items:center;gap:6px}.menu-action--icon img{width:16px;height:16px;flex:0 0 auto;image-rendering:pixelated}.menu-submenu-wrap{position:relative}.menu-action--submenu{display:flex;align-items:center;justify-content:space-between;gap:14px}.menu-submenu{position:absolute;top:-3px;left:calc(100% - 2px);display:none;min-width:158px;padding:2px;border:1px solid #7f9db9;background:#fff;box-shadow:2px 2px 6px #0003}.menu-submenu-wrap:hover .menu-submenu,.menu-submenu-wrap:focus-within .menu-submenu{display:block}.menu-action:hover:enabled,.menu-action:focus-visible:enabled{background:#316ac5;color:#fff}.menu-action:disabled{color:#8a8a8a}.toolbar{display:flex;align-items:stretch;gap:2px;padding:6px 8px;border-bottom:1px solid #bdb7a1}.toolbar-button{display:inline-flex;align-items:center;padding:5px 7px;gap:5px;border:1px solid transparent;border-radius:3px;color:#1e1e1e;font-size:12px}.toolbar-button img{min-width:24px;min-height:24px;image-rendering:pixelated}.toolbar-button--forward,.toolbar-button--home,.toolbar-button--new-file,.toolbar-button--import,.toolbar-button--delete,.toolbar-button--view{padding:3px!important}.toolbar-icon-stack{position:relative;width:32px;height:32px;flex:0 0 auto}.toolbar-icon-stack img{position:absolute;top:0;left:0;min-width:24px;min-height:24px}.toolbar-icon-stack__base{z-index:1}.toolbar-icon-stack__overlay{z-index:2;transform:scaleX(-1);margin:5px 0 0 8px}.toolbar-button.is-active,.toolbar-button:hover{border-color:#7f9db9;background:linear-gradient(180deg,#fffdfa,#e6dfca)}.toolbar-separator{width:1px;align-self:stretch;margin:0 2px;background:linear-gradient(180deg,#fff,#c7c2af 0%)}.address-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:4px 8px 6px;border-bottom:1px solid #bdb7a1}.address-label{color:#444}.address-field{display:flex;align-items:center;gap:6px;min-height:24px;padding:0 6px;border:1px solid #7f9db9;background:#fff;box-shadow:inset 1px 1px #d8d8d8}.address-field img{width:16px;height:16px;image-rendering:pixelated}.address-field input{width:100%;border:0;outline:none}.go-button{min-width:62px;min-height:24px;border:1px solid #7f9db9;border-radius:3px;background:linear-gradient(180deg,#fff,#ddd9c6)}.workspace{display:grid;grid-template-columns:var(--sidebar-width, 280px) 4px minmax(0,1fr);flex:1;min-height:0}.workspace--full{grid-template-columns:1fr}.sidebar{display:flex;flex-direction:column;min-width:0;background:#fff}.sidebar-resizer{position:relative;cursor:col-resize;background:linear-gradient(180deg,#f8f5e7,#ddd7c0)}.sidebar-resizer:before{position:absolute;top:0;bottom:0;left:1px;width:1px;background:#9c9786;content:""}.sidebar-resizer:after{position:absolute;top:0;bottom:0;right:1px;width:1px;background:#fffdf2;content:""}.sidebar-resizer.is-active{background:linear-gradient(180deg,#e8dec0,#d1c7a5)}.pane-caption{padding:5px 8px;border-bottom:1px solid #d0c8ac;background:linear-gradient(180deg,#fffef7,#f1ebd6);font-weight:700}.tree-panel{flex:1;overflow:auto;padding:6px 0 10px 6px;background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(to bottom,transparent 0,transparent 9px,#d4d4d4 9px,#d4d4d4 10px)}.tree-branch{position:relative}.tree-row{display:flex;align-items:center;min-height:20px;padding-left:calc(var(--depth) * 18px);cursor:default;white-space:nowrap}.tree-row:before{position:absolute;top:0;bottom:0;left:calc(var(--depth) * 18px + 8px);width:1px;background:repeating-linear-gradient(to bottom,#b7b7b7 0,#b7b7b7 2px,transparent 2px,transparent 4px);content:""}.tree-indent{flex:0 0 auto;width:8px;height:1px;margin-right:4px;background:repeating-linear-gradient(to right,#b7b7b7 0,#b7b7b7 2px,transparent 2px,transparent 4px)}.tree-toggle{display:inline-grid;flex:0 0 auto;width:11px;height:11px;margin-right:4px;place-items:center;border:1px solid #7f7f7f;background:#fff;color:#333;font-size:10px;line-height:1}.tree-toggle.is-empty{border-color:transparent;background:transparent}.tree-icon{flex:0 0 auto;width:16px;height:16px;margin-right:4px;image-rendering:pixelated}.tree-label{display:inline-block;flex:1 1 auto;min-width:0;padding:1px 2px;line-height:16px;overflow:hidden;text-overflow:ellipsis}.tree-rename-input{display:inline-block;flex:1 1 auto;width:auto;min-width:0;max-width:none;margin:0;padding:1px 2px;border:1px solid #444444;background:#fff;outline:none;line-height:16px;vertical-align:middle;box-sizing:border-box}.tree-row.is-selected .tree-label{color:#fff;background:#316ac5}.tree-row.is-drop-target,.details-row.is-drop-target,.tree-panel.is-drop-target,.details-body.is-drop-target{background:#d8ecff}.tree-row.is-drop-target .tree-label{background:#4a8edc;color:#fff}.content-pane{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:#fff}.details-header,.details-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(140px,1.2fr) 90px 160px;align-items:center}.details-header{padding:4px 8px;border-bottom:1px solid #d6d2c2;background:linear-gradient(180deg,#f7f7f7,#efefef);font-weight:700}.details-body{overflow:auto;margin-top:2px}.details-row{width:100%;padding:2px 8px;border-bottom:1px solid #f2f2f2;cursor:default;text-align:left}.details-row:hover{background:#f5f9ff}.details-row.is-selected{color:#fff;background:#316ac5}.details-name{display:inline-flex;align-items:center;gap:6px}.details-name img{width:16px;height:16px;image-rendering:pixelated}.document-view{display:flex;flex:1;flex-direction:column;min-height:0}.document-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid #d6d2c2;background:linear-gradient(180deg,#f7f7f7,#efefef);font-weight:700}.document-header__title{display:inline-flex;align-items:center;gap:8px}.document-header__title img{width:16px;height:16px;image-rendering:pixelated}.document-body,.folder-summary{overflow:auto;flex:1;padding:12px 14px}.document-body h1,.document-body h2,.document-body h3,.document-body p,.document-body ul,.document-body table{margin:0 0 10px}.document-body table{border-collapse:collapse}.document-body th,.document-body td{padding:3px 6px;border:1px solid #b7c7d8}.folder-summary__title{margin:0 0 6px;font-weight:700}.status-bar{display:flex;justify-content:space-between;gap:12px;padding:3px 8px;border-top:1px solid #bdb7a1}.ie-shell{display:flex;flex:1;flex-direction:column;min-height:0;background:#fff}.ie-toolbar{display:flex;align-items:center;padding:6px 8px;border-bottom:1px solid #c7c7c7;background:linear-gradient(180deg,#f7f7f7,#ececec)}.ie-address{display:inline-flex;align-items:center;gap:8px;min-width:min(540px,100%);padding:4px 8px;border:1px solid #7f9db9;background:#fff}.ie-address img,.ie-placeholder img{width:16px;height:16px;image-rendering:pixelated}.ie-placeholder{display:grid;flex:1;place-items:center;gap:10px;padding:24px;text-align:center}.ie-placeholder h1,.ie-placeholder p{margin:0}.taskbar{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 8px;border-top:1px solid #6bb3ff;background:linear-gradient(180deg,#2c78f6,#1762da 48%,#0e4fbd);box-shadow:inset 0 1px #ffffff59}.start-button{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 14px 0 10px;border-radius:18px 8px 8px 18px;color:#fff;font-size:15px;font-style:italic;font-weight:700;background:linear-gradient(180deg,#54c247,#2f9a2e 52%,#24761d);box-shadow:inset 0 1px #ffffff73,0 0 0 1px #06500e99}.start-button__orb{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff9a6,#ffe55c 28%,#24a83d 70%,#11731b)}.taskbar-pins{display:flex;align-items:center;gap:6px}.taskbar-app{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid transparent;border-radius:4px;color:#fff;background:#ffffff14}.taskbar-app img{width:16px;height:16px;image-rendering:pixelated}.taskbar-app.is-active{background:linear-gradient(180deg,#b9dfff85,#5794e66b);border-color:#ffffff59}.taskbar-clock{margin-left:auto;padding:5px 10px;border-left:1px solid rgba(255,255,255,.25);color:#fff;background:linear-gradient(180deg,#53b1ff85,#1759b833)}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#00215740}.dialog-panel{width:min(400px,calc(100vw - 24px));border:1px solid #0e4e9e;background:#ece9d8;box-shadow:inset 0 0 0 1px #6ea7f0,0 12px 24px #00000047}.dialog-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;color:#fff;font-weight:700;background:linear-gradient(180deg,#0b67d3,#0a5cc3 44%,#1f89f6)}.dialog-title__close{display:inline-grid;width:21px;height:21px;place-items:center;border:1px solid rgba(255,255,255,.75);border-radius:4px;color:#fff;background:linear-gradient(180deg,#ff9a72,#e24d1c);box-shadow:inset 0 0 0 1px #002e7059}.dialog-title__close:disabled{opacity:.65}.dialog-body{padding:12px 12px 6px}.dialog-field{display:grid;gap:4px}.dialog-choice-list{display:grid;gap:8px;margin:0 0 10px}.dialog-choice-list--wizard{display:flex;flex-wrap:nowrap;gap:8px 12px}.dialog-choice{display:grid;gap:3px;padding:8px 10px;text-align:left;background:linear-gradient(180deg,#fff,#ece8d7)}.dialog-choice.is-selected{border-color:#316ac5;background:linear-gradient(180deg,#eef6ff,#d6e9ff)}.dialog-choice span{color:#4f4f4f}.dialog-choice--wizard{display:inline-flex;flex:1 1 0;align-items:center;gap:8px;background:transparent;min-height:34px;padding:6px 10px;white-space:nowrap}.dialog-choice--wizard .dialog-choice__radio{position:relative;flex:0 0 auto;width:13px;height:13px;border:1px solid #6b7a99;border-radius:50%;background:#fff}.dialog-choice--wizard.is-selected{border-color:#7f9db9;background:transparent;box-shadow:none}.dialog-choice--wizard.is-selected .dialog-choice__radio:after{position:absolute;top:3px;left:3px;width:5px;height:5px;border-radius:50%;background:#2b5db5;content:""}.dialog-choice--wizard .dialog-choice__label{overflow:hidden;color:#1f1f1f;text-overflow:ellipsis}.dialog-field input,.dialog-field select{min-height:24px;padding:2px 5px;border:1px solid #7f9db9;background:#fff}.dialog-hint{margin:0 0 10px}.dialog-inline-actions{display:flex;justify-content:flex-start;margin:8px 0 10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:8px 12px 12px}.dialog-button{min-width:74px;min-height:24px;border:1px solid #7f9db9;border-radius:3px;background:linear-gradient(180deg,#fff,#ddd9c6)}.dialog-button.is-primary{font-weight:700}.dialog-button:disabled{color:#8a8a8a}@media(max-width:700px){body,.desktop-shell{height:100dvh}.desktop-stage{min-height:0;padding:0}.xp-shell{height:100%;min-height:0;width:100%;border-radius:0}.menu-bar{flex-wrap:wrap;row-gap:6px}.toolbar{flex-wrap:wrap;gap:2px;padding:6px}.toolbar-button{min-height:24px;padding:2px!important}.toolbar-button span{white-space:nowrap}.toolbar-separator{align-self:center;height:28px;margin:0 4px}.address-row{display:flex;flex-direction:row;align-items:stretch}.address-label{grid-area:label}.address-field{width:99rem;flex-grow:1}.go-button{width:auto!important}.workspace{display:flex;flex-direction:column}.sidebar{flex:0 0 auto;min-height:180px;max-height:min(34vh,260px);border-bottom:1px solid #aca899}.sidebar-resizer{display:none}.tree-panel{min-height:0}.content-pane{flex:1 1 auto;min-height:320px}.details-header{display:none}.details-body{margin-top:0}.details-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name type" "size modified";gap:4px 12px;padding:8px}.details-row>:nth-child(1){grid-area:name}.details-row>:nth-child(2){grid-area:type;justify-self:end}.details-row>:nth-child(3){grid-area:size;color:inherit;opacity:.78}.details-row>:nth-child(4){grid-area:modified;justify-self:end;text-align:right;opacity:.78}.details-name{min-width:0}.details-name img{flex:0 0 auto}.document-header,.status-bar{flex-wrap:wrap}.document-body,.folder-summary{padding:10px}footer.taskbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.taskbar{gap:6px;padding:4px 6px}.taskbar-pins{flex-grow:1;display:flex;gap:5px;padding-bottom:1px}.taskbar-app{flex:0 0 auto}.taskbar-app span{display:none}}@media(max-width:520px){.title-bar{padding-inline:8px 4px}.menu-bar{gap:14px;padding-inline:8px}.toolbar{padding-inline:4px}.toolbar-button{padding:4px 6px}.toolbar-button--back span,.toolbar-button--search span,.toolbar-button--folders span{display:none}.address-row{grid-template-columns:1fr;grid-template-areas:"label" "field" "button"}.go-button{width:100%}.sidebar{max-height:30vh}.document-header__title{min-width:0}.taskbar{flex-wrap:wrap}.start-button{flex:0 0 auto}.taskbar-clock{width:auto}}