/* Quiet workspace chrome; the blue bookmark marks the file being edited. */
.file-item.drop-replace-target{outline:2px dashed #b7791f;outline-offset:-2px;background:#fff4dc}
.file-item.drop-replace-target:after{content:'松手替换此页面';font-size:11px;color:#8a5711;font-weight:600}
.file-item.drop-replace-target .file-visibility,.file-item.drop-replace-target .more-actions{display:none}
.folder-item.drop-target{outline:2px dashed #315bea;outline-offset:-2px;border-radius:10px;background:#eaf0ff}
.folder-item.drop-target>.folder-header{background:#dce6ff;border-radius:8px}
.folder-item.drop-target>.folder-header:after{content:'松手上传';font-size:11px;font-weight:600;color:#294daf;white-space:nowrap;padding-right:6px}
:root{--bg-color:#f3f6fb;--primary-color:#315bea;--text-color:#22324b;--text-muted:#71809a;--hover-bg:#eaf0ff}
body{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif}
.top-toolbar{gap:16px;box-shadow:none}.toolbar-left{min-width:0}.toolbar-left h2{white-space:nowrap;letter-spacing:-.6px}.editor-title{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-right{flex-wrap:wrap;justify-content:flex-end;gap:6px}
.account-summary{padding:7px 18px;background:#f9fbfe;gap:6px}.account-summary button{border:1px solid transparent;background:transparent;border-radius:7px;color:#53647d;font-size:12px;padding:7px 10px;cursor:pointer}.account-summary button:hover{background:#eaf0ff;color:#315bea}.account-summary>span{font-size:12px;color:#53647d}.account-summary>span:before{content:'●';color:#237c69;margin-right:8px}
.upload-guidance{font-size:11px;padding:7px 18px;background:transparent;border-bottom:0}.workspace-container{padding:0 12px 12px}.sidebar{width:280px;min-width:220px;border-radius:12px;background:#f9fbfe}.preview-pane,.editor-pane{border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.pane-header{background:#fff;min-height:58px;padding:12px 15px}.pane-kicker{font-weight:500;font-size:10px;letter-spacing:.02em}.pane-title{color:#22324b}.resizer{width:8px;flex-shrink:0;border-radius:10px}
.directory-tools{display:flex;gap:4px}.directory-tools button,.more-actions{width:30px;height:30px;border:1px solid transparent;background:transparent;border-radius:7px;color:#71809a;cursor:pointer;font-size:21px;line-height:1}.directory-tools button:hover,.more-actions:hover{background:#eaf0ff;color:#315bea}.directory-hint{padding:12px 14px;color:#71809a;font-size:11px;border-top:1px solid #e7ecf4}.sidebar-content{padding:12px 8px}
.folder-header{flex-wrap:nowrap;gap:4px;margin-bottom:3px}.folder-header .folder-name{width:auto;flex:1;font-size:12px;min-height:34px}.folder-name>span:first-child{font-size:9px!important;color:#8b98ae}.folder-actions[hidden],.file-actions[hidden]{display:none!important}.folder-header .more-actions{flex-shrink:0}
.file-list{padding-left:10px;margin-top:2px}.file-item{position:relative;min-height:44px;gap:5px;padding:5px 5px 5px 12px;border-radius:8px;font-size:13px;transition:background .12s}.file-item>span{flex:1;min-width:0}.file-item.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;background:#315bea;border-radius:4px}.file-item.active>span{font-weight:600;color:#294daf}.file-visibility{font-size:10px;margin:0;padding:3px 5px;background:#eef2f7;border-radius:4px;color:#71809a}.file-visibility.shared{background:#e6f4ef;color:#237c69}.file-item .more-actions{flex:0 0 28px;width:28px}
.resource-menu{position:fixed;z-index:10000;width:224px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;background:#fff;border:1px solid #dce3ee;padding:6px;border-radius:12px;box-shadow:0 12px 36px #22324b26}.resource-menu-title{padding:8px 10px 10px;border-bottom:1px solid #edf0f5;margin-bottom:4px;color:#71809a;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-menu button{display:block;width:100%;text-align:left;border:0;border-radius:6px;background:transparent;color:#22324b;padding:9px 11px;font-size:13px;cursor:pointer}.resource-menu button:hover,.resource-menu button:focus-visible{background:#edf2ff;color:#315bea;outline:none}.resource-menu button.danger-text{color:#c7434f;border-top:1px solid #edf0f5;margin-top:4px}.resource-menu button.danger-text:hover{background:#fff0f1}
.editor-pane .pane-empty,.preview-pane .pane-empty{inset:0;top:170px;max-width:none;background:transparent;pointer-events:none;z-index:1}.pane-empty strong:before{content:'‹/›';display:block;font:28px/1.6 Consolas,monospace;color:#9baccc;margin-bottom:12px}.preview-pane .pane-empty strong:before{content:'▣';font-family:system-ui}.code-tools{background:#f9fbfe;padding:8px 10px;gap:5px;position:relative;z-index:3}.code-tools button{font-size:11px;padding:5px 7px}.code-tools label{font-size:11px}.code-tool-status:empty{display:none}.code-tool-status{font-size:11px;flex-basis:100%}.editor-pane .CodeMirror{z-index:0}
@media(min-width:901px) and (max-width:1300px){.top-toolbar{flex-wrap:wrap}.toolbar-right{margin-left:auto}.sidebar{width:250px}.editor-title{max-width:200px}}
@media(max-width:600px){.workspace-container{padding:0}.sidebar{width:100%;min-width:0;border-radius:0}.directory-hint{display:none}.pane-header{min-height:44px;padding:7px 12px}.account-summary{padding:4px 10px}.account-summary button{padding:6px}.sidebar .more-actions{min-width:34px;min-height:34px}.file-list{padding-left:8px}.editor-pane,.preview-pane{border-radius:0}.editor-pane .pane-empty,.preview-pane .pane-empty{top:50%;padding:0}.pane-empty strong:before{display:none}.pane-empty span{display:none}.upload-guidance>span:first-child{display:none}}
@media(max-width:600px){.resource-menu button{min-height:40px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.sharing-actions{flex-wrap:wrap;align-items:center}.sharing-open{display:inline-flex;align-items:center;border:1px solid #dce3ee;border-radius:7px;padding:8px 12px;font-size:13px;color:#315bea;text-decoration:none}.sharing-open:hover{background:#edf2ff}.sharing-open[hidden]{display:none}.custom-dialog-message{white-space:pre-line;overflow-wrap:anywhere}