@font-face{font-family:EditorCJK;src:url('/editor/fonts/NotoSansCJKsc-Regular.otf') format('opentype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#262626;--panel:#323232;--line:#424242;--text:#e4e4e4;--muted:#b4b4b4;--accent:#5294ed;font-family:Arial,'PingFang SC','Microsoft YaHei',EditorCJK,sans-serif;font-size:13px}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled,select:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #8bb9ff;outline-offset:2px}[hidden]{display:none!important}a{color:#8bb9ff}#workspace{height:100dvh;display:flex;flex-direction:column}.editor-container{position:relative;flex:1;min-height:0}#editor-frame{width:100%;height:100%;display:block;border:0;background:var(--bg)}.workspace-footer{height:32px;flex-shrink:0;display:flex;align-items:center;gap:5px;padding:0 10px;background:#292929;border-top:1px solid #424242;font-size:11px;min-width:0}.brand{font-weight:700;font-size:12px;white-space:nowrap;margin-right:4px}.brand>span{color:#7ab1fb}.footer-divider{height:13px;width:1px;background:#505050;margin:0 5px}.workspace-footer button{border:0;border-radius:3px;background:transparent;padding:5px 8px;white-space:nowrap}.workspace-footer button:hover:not(:disabled){background:#414141}.save-state{display:flex;align-items:center;gap:6px;flex:1;min-width:0;color:var(--muted);padding:0 8px}.status-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#929292}.save-state.saved .status-dot{background:#80b999}.save-state.pending .status-dot{background:#e0ba77}.save-state.error{color:#ffb0a8}.save-state.error .status-dot{background:#ff8c80}#draft-status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-actions{margin-left:auto;display:flex;align-items:center;gap:3px}.language-control{display:flex;align-items:center;gap:4px}.language-icon{color:#a9b8cb;font-size:16px}#language{height:25px;max-width:142px;font-size:11px;border:1px solid transparent;background:#292929;color:var(--text);border-radius:3px;padding:0 3px;cursor:pointer}#language:hover{border-color:#5a5a5a}#language option{background:#323232}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#editor-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#262626;padding:25px;text-align:center}.loading-brand{display:flex;align-items:center;gap:13px;margin-bottom:26px}.loading-brand h1{font-size:29px;font-weight:600;letter-spacing:-.7px;margin:0}#editor-loading h2{font-size:15px;font-weight:400;margin:20px 0 0}#editor-loading p{font-size:12px;color:var(--muted);line-height:1.7;max-width:410px}.loader{width:25px;height:25px;border:2px solid #515151;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.failed .loader{animation:none;border-color:#cf8177}#retry-editor{background:#3a3a3a;border:1px solid #777;border-radius:4px;padding:8px 15px;margin-top:9px}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;top:85px;left:50%;transform:translateX(-50%);max-width:min(560px,90vw);padding:11px 16px;color:#f1f1f1;background:#363636;border:1px solid #606060;box-shadow:0 5px 20px #0005;border-radius:5px;z-index:20;font-size:12px;line-height:1.5;pointer-events:none}dialog{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:26px;background:#303030;color:var(--text);border:1px solid #626262;border-radius:10px;box-shadow:0 20px 70px #0008}dialog::backdrop{background:#0008}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-heading h2{font-size:22px;letter-spacing:-.4px;margin:0}.close-button{border:0;border-radius:4px;background:#424242;width:28px;height:28px;font-size:22px;color:#ddd}.guide-steps{padding-left:22px;display:grid;gap:18px}.guide-steps li{padding-left:6px}.guide-steps li::marker{color:#8bb9ff}.guide-steps h3{font-size:13px;margin:0 0 6px}.guide-steps p,dialog p{font-size:12px;line-height:1.8;color:#c5c5c5;margin:0 0 10px}.info-note{padding:15px 16px;background:#242424;border:1px solid #444;border-radius:5px;margin:22px 0 16px}.info-note strong{font-size:12px}.info-note p{font-size:11px;margin:8px 0 0;line-height:1.8}.info-note a{display:inline-block;font-size:11px;margin-top:10px}.small-copy{font-size:11px!important;color:#b7b7b7!important}.primary-button{width:100%;border:0;border-radius:5px;background:#4385de;color:white;padding:10px 16px;margin-top:10px}.primary-button:hover{background:#5294ed}.no-script{position:fixed;inset:0;display:grid;place-items:center;padding:30px;background:#262626;z-index:99;text-align:center}@media(max-width:760px){.workspace-footer{padding:0 6px;gap:1px}.brand{display:none}.footer-divider{display:none}.save-state{padding:0 4px}.workspace-footer button{padding:5px 6px}#language{max-width:110px}.language-icon{display:none}}@media(max-width:520px){.workspace-footer{height:54px;flex-wrap:wrap;align-content:center;column-gap:5px}.save-state{order:3;flex-basis:100%;font-size:10px;padding-left:6px;height:19px}.footer-actions{margin-left:auto}#language{max-width:100px}dialog{padding:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}