:root{font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;color:#24332f;background:#f8f7f3;font-synthesis:none;--deep:#193f37;--forest:#285c4e;--muted:#7e8c84;--line:#e7eae5;--paper:#fffefa;--soft:#f1f3ed;--gold:#c99b61;--shadow:0 12px 35px rgba(40,70,60,.055)}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #90b7a5;outline-offset:2px}a{color:#2c6d5c}#root{display:flex;min-height:100vh}.rail{width:242px;flex:none;background:#f1f3ee;border-right:1px solid var(--line);padding:31px 19px 20px;display:flex;flex-direction:column;gap:38px}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;color:var(--deep)}.brand-icon{display:grid;place-items:center;background:var(--deep);color:#fff8e9;width:40px;height:40px;border-radius:13px;font-family:serif;font-size:20px;box-shadow:0 5px 15px #183e3633}.brand strong{display:block;font-size:17px;letter-spacing:.06em}.brand small{display:block;color:#98a29a;font-size:9px;letter-spacing:.17em;margin-top:4px}.main-nav{display:grid;gap:8px}.nav{display:flex;align-items:center;gap:14px;text-align:left;border:0;background:transparent;padding:13px 17px;border-radius:12px;color:#667a71;font-size:14px;font-weight:600}.nav.active,.nav:hover{background:#e2eae2;color:var(--deep)}.nav-symbol{font-size:21px;width:22px;text-align:center;font-weight:400}.rail-foot{margin-top:auto;display:grid;gap:9px;padding:16px 10px;color:#9ca6a1;font-size:12px}.rail-caption{font-family:serif;font-size:16px;color:#556f63}.rail-status{color:#6d8176}.rail-foot small{line-height:1.6}.app-col{min-width:0;flex:1}.topbar{height:77px;background:#fffdfa;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,65px);gap:16px}.top-left,.top-right{display:flex;align-items:center;gap:12px;min-width:0}.top-left{font-size:13px;color:#82928a}.top-left #breadcrumb{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-right{font-size:12px;color:#6b8375}.status-dot{height:8px;width:8px;border-radius:50%;background:#d7a464;flex:none}.status-dot.online{background:#4b9b77}.status-dot.demo{background:#d5a86d}.icon-btn,.back-btn{border:1px solid var(--line);background:#fff;border-radius:10px;width:33px;height:33px;display:grid;place-items:center;font-size:19px;color:#547362}.back-btn.hidden{display:none}#main-content{max-width:1250px;margin:auto;padding:clamp(22px,4vw,53px) clamp(20px,5vw,65px) 90px;min-height:calc(100vh - 77px)}.page-kicker{font-size:11px;font-weight:700;letter-spacing:.22em;color:#b79267;text-transform:uppercase}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:14px 0 25px}.hero h1,.workspace-heading h1{font:500 clamp(28px,4vw,39px)/1.3 Georgia,"Songti SC",serif;margin:0 0 9px;color:var(--deep)}.hero p,.workspace-heading p{font-size:14px;line-height:1.8;color:#8a9b90;margin:0}.btn{padding:11px 17px;border:1px solid var(--line);border-radius:11px;background:white;font-size:13px;font-weight:650;color:#51695e;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn:hover:not(:disabled){border-color:#b3c8ba;background:#f7faf6}.btn.primary{background:var(--deep);color:white;border-color:var(--deep)}.btn.primary:hover:not(:disabled){background:#326355}.btn.ghost{background:transparent}.btn.danger{color:#a04b46}.btn.small{padding:7px 11px;font-size:12px}.btn.tag{border-radius:99px;padding:6px 11px}.btn.tag.selected{background:#dfece3;color:#1f624d;border-color:#bdd5c3}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:23px 0 29px}.site-card{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:26px 26px 22px;box-shadow:var(--shadow);text-align:left;min-height:180px;position:relative;display:flex;flex-direction:column;gap:10px;transition:transform .15s,border-color .15s}.site-card:hover{transform:translateY(-2px);border-color:#b9cabf}.site-top{display:flex;justify-content:space-between;align-items:center}.site-mark{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:var(--tint,#e7e5df);font:24px Georgia,"Songti SC",serif;color:#445851}.site-arrow{font-size:21px;color:#b0bcb3}.site-card h2{font-size:18px;font-weight:600;letter-spacing:.07em;margin:8px 0 0}.site-sub{font-size:12px;color:#87968c;margin:0}.site-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#a0aea4;font-size:11px}.pill{font-size:10px;font-weight:700;border-radius:99px;padding:5px 10px;background:#eaf1e9;color:#53856b}.pill.warn{background:#faf0df;color:#aa7e3e}.note-panel{border:1px solid var(--line);background:#f1f4ef;border-radius:16px;padding:22px 26px;display:flex;align-items:center;gap:18px;color:#527164}.note-panel strong{font-size:14px;color:var(--deep)}.note-panel p{font-size:12px;margin:7px 0 0;line-height:1.7}.note-icon{font-size:29px}.note-panel .btn{margin-left:auto}.connected-line{font-size:12px;color:#7e9386;margin-top:13px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:8px 0 24px}.workspace-heading .head-icon{font:30px Georgia,serif;display:grid;place-items:center;height:55px;width:55px;border-radius:16px;background:#e1eae2;color:var(--deep)}.workspace-heading .left{display:flex;align-items:center;gap:15px}.workspace-heading h1{font-size:29px;margin-bottom:2px}.workspace-layout{display:grid;grid-template-columns:minmax(245px,340px) minmax(0,1fr);gap:18px;align-items:start}.browser-panel,.editor-panel{border:1px solid var(--line);background:var(--paper);border-radius:17px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 18px 14px;gap:10px}.panel-head strong{font-size:14px}.panel-head small{color:#9ca9a0}.browser-search{margin:15px 15px 9px;border:1px solid #e8ece7;background:#f8f9f6;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px;color:#abbab0}.browser-search input{background:transparent;border:0;outline:none;width:100%;font-size:12px;color:#315046}.tree-list{max-height:calc(100vh - 300px);overflow:auto;padding:7px 11px 16px}.tree-node{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:8px;padding:9px 9px;border-radius:8px;color:#60796b;font-size:12px;min-width:0}.tree-node:hover{background:#f2f6f1}.tree-node.selected{background:#e1eee4;color:#1d5947;font-weight:700}.tree-node .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tree-node .muted{color:#9cae9f;font-size:10px}.tree-children{border-left:1px solid #e9eee9;margin-left:17px;padding-left:6px}.tree-node.folder{font-weight:600}.empty,.placeholder{text-align:center;padding:52px 28px;color:#90a094;font-size:13px;line-height:1.85}.empty-icon{font-size:36px;display:block;margin-bottom:15px;color:#b4c2b5}.placeholder h3{font-size:18px;color:#4d6c5c;font-weight:550;margin:8px 0}.editor-tools{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;padding:15px 19px;border-bottom:1px solid var(--line)}.editor-tools strong{font-size:13px}.editor-info{font-size:11px;color:#829488}.editor-tabbar{display:flex;gap:4px;padding:10px 16px 0;border-bottom:1px solid var(--line)}.editor-tabbar button{background:none;border:0;border-bottom:2px solid transparent;color:#809186;padding:9px 13px;font-size:12px}.editor-tabbar button.active{border-bottom-color:#326851;color:#225744;font-weight:700}.editor-body{padding:19px}.file-path{border:1px solid var(--line);padding:10px 12px;background:#f9faf7;border-radius:9px;font:11px/1.5 monospace;color:#7e9085;overflow-wrap:anywhere;margin:0 0 17px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:15px}.field label{display:block;color:#8d9a91;font-size:11px;margin-bottom:7px}.field input{border:1px solid var(--line);background:#fff;width:100%;border-radius:8px;padding:10px 11px;color:#355246;font-size:12px}.code-area{width:100%;min-height:440px;resize:vertical;border:1px solid #e5ebe4;border-radius:11px;padding:16px;font:13px/1.83 ui-monospace,SFMono-Regular,Menlo,Consolas,"Microsoft YaHei",monospace;background:#fefefd;color:#354d43;tab-size:2;outline:none}.code-area:focus{border-color:#9fc6b1}.preview{min-height:440px;padding:5px 8px 25px;line-height:1.9;font-size:14px;overflow-wrap:anywhere}.preview h1,.preview h2,.preview h3,.preview h4{font-family:Georgia,"Songti SC",serif;color:var(--deep);line-height:1.4;margin:24px 0 12px}.preview h1{font-size:27px}.preview h2{font-size:23px}.preview h3{font-size:19px}.preview p{margin:12px 0}.preview pre{background:#f3f5f0;border:1px solid var(--line);padding:14px;overflow:auto;border-radius:9px}.preview code{font:12px/1.7 ui-monospace,monospace;color:#426853}.preview blockquote{border-left:3px solid #b2c9bb;margin-left:0;padding:8px 16px;color:#718f7b;background:#f8faf6}.preview hr{border:0;border-top:1px solid var(--line)}.preview .image-ref{color:#8d957d;background:#f1f4ec;padding:2px 6px}.draft-line{font-size:11px;color:#8b998f}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:15px 19px;flex-wrap:wrap}.editor-footer .actions{display:flex;gap:8px}.warning{color:#a47338}.status-text{font-size:12px;color:#839488}.error-block{color:#a1544f;background:#fff4f2;border:1px solid #efd5d0;padding:13px;border-radius:10px;font-size:12px;line-height:1.75;margin:12px 0}.info-block{color:#547461;background:#f2f7f0;border:1px solid #e1ede0;padding:13px;border-radius:10px;font-size:12px;line-height:1.75;margin:12px 0}.list-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0}.list-card strong{font-size:14px}.list-card small{display:block;color:#92a197;font-size:11px;overflow-wrap:anywhere;margin-top:6px}.form-row{display:grid;gap:8px;margin:12px 0}.form-row label{font-size:12px;color:#738579}.form-row input,.form-row select{border:1px solid var(--line);padding:13px;border-radius:10px;min-width:0;background:white}.modal-backdrop{position:fixed;inset:0;background:#0c272380;display:grid;place-items:center;z-index:100;padding:20px}.modal{background:#fffcf7;max-width:480px;width:100%;padding:24px;border-radius:18px;box-shadow:0 24px 80px #06201835}.modal h3{color:var(--deep);margin:0 0 10px;font-family:Georgia,"Songti SC",serif}.modal p{font-size:13px;color:#718679;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.mono{font-family:ui-monospace,monospace}#toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;background:#234b3e;color:white;z-index:200;padding:11px 18px;border-radius:11px;max-width:90vw;text-align:center;font-size:13px;box-shadow:0 8px 25px #0c231b33;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.mobile-bottom{display:none}
@media(max-width:930px){.rail{width:190px;padding:24px 12px}.brand{padding:0 5px}.brand strong{font-size:15px}.workspace-layout{grid-template-columns:minmax(210px,300px) 1fr}.field-grid{grid-template-columns:1fr}}
@media(max-width:680px){#root{display:block}.rail{display:none}.topbar{height:58px;padding:0 18px}.top-left{max-width:62vw}.top-right{gap:8px}#main-content{padding:25px 16px 108px;min-height:calc(100vh - 58px)}.hero{align-items:flex-start;margin-top:6px;flex-wrap:wrap}.hero h1{font-size:31px}.site-grid{gap:11px;margin-top:22px}.site-card{padding:18px 15px;min-height:155px;border-radius:13px}.site-mark{height:42px;width:42px;font-size:22px}.site-card h2{font-size:16px}.site-sub{font-size:11px}.site-footer{font-size:10px}.note-panel{align-items:flex-start;padding:16px;gap:11px}.note-icon{font-size:22px}.note-panel .btn{margin:12px 0 0}.note-panel{flex-wrap:wrap}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);height:calc(65px + env(safe-area-inset-bottom));background:#fffefa;border-top:1px solid var(--line);padding:7px 10px env(safe-area-inset-bottom);z-index:50}.mobile-bottom button{border:0;background:transparent;display:grid;place-items:center;gap:2px;color:#8c9b90;font-size:10px}.mobile-bottom button span{font-size:22px}.mobile-bottom button.active{color:#286650;font-weight:700}.workspace-heading h1{font-size:24px}.workspace-heading .head-icon{height:46px;width:46px}.workspace-layout{display:block}.tree-list{max-height:none;padding-bottom:22px}.workspace-layout.has-editor .browser-panel{display:none}.workspace-layout:not(.has-editor) .editor-panel{display:none}.editor-body{padding:14px}.editor-tools{padding:13px 14px}.editor-footer{padding:13px}.code-area{min-height:53vh;font-size:13px}.back-btn:not(.hidden){display:grid}.preview{min-height:50vh}.field-grid{grid-template-columns:1fr 1fr}.workspace-heading{margin-bottom:15px}#toast{bottom:84px}.panel-head{padding:15px}.list-card{align-items:start}.mobile-bottom .active{background:none}}
@media(max-width:380px){.field-grid{grid-template-columns:1fr}.site-grid{gap:8px}.site-card{padding:14px 12px}.site-card h2{font-size:14px}.site-sub{font-size:10px}.top-right #top-status{max-width:60px;overflow:hidden;text-overflow:ellipsis}.editor-footer .actions{width:100%}.editor-footer .actions .btn{flex:1}}

.site-card:nth-child(1) .site-mark{background:#f1e8db}.site-card:nth-child(2) .site-mark{background:#e2ebe6}.site-card:nth-child(3) .site-mark{background:#f7e8e1}.site-card:nth-child(4) .site-mark{background:#e8e9f3}

.hidden{display:none!important}.repo-state{font-size:11px;color:#617568;line-height:1.5}.connection-actions{display:flex;gap:8px;flex-wrap:wrap}.install-panel{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:22px;border:1px solid var(--line);border-radius:12px;padding:16px}.install-panel strong{font-size:14px}.install-panel p{font-size:12px;line-height:1.75;color:#738579;margin:7px 0 0}.modal{max-height:calc(100dvh - 32px);overflow-y:auto}.btn,.tree-node,.icon-btn,.back-btn{min-height:44px}.tree-node{overflow-wrap:anywhere}.editor-footer .actions{flex-wrap:wrap}.site-card{min-width:0}.editor-tools>div{min-width:0;overflow-wrap:anywhere}@media(max-width:680px){.form-row input{font-size:16px}.install-panel{align-items:flex-start;flex-wrap:wrap}.modal-backdrop{padding:16px}.site-card{min-height:184px}.topbar{height:auto;min-height:62px;padding-top:env(safe-area-inset-top)}.top-right{flex-shrink:0}.editor-footer .actions .btn{white-space:normal}}

.editor-tabbar{overflow-x:auto}.editor-tabbar button{flex-shrink:0;min-height:44px}.field-grid textarea{border:1px solid var(--line);border-radius:9px;padding:10px;font:inherit;resize:vertical;width:100%;min-width:0}.field-grid small{font-size:12px;color:#738579}.complex-value{padding:12px;background:#f1f3ed;border-radius:8px;font-size:13px}.raw-metadata{margin:20px 0}.raw-metadata summary{cursor:pointer;padding:12px;background:#eef3ee;border-radius:9px;font-size:14px}.raw-metadata p,.diff-toolbar p{font-size:13px;color:#6e8274;line-height:1.7}.raw-metadata .code-area{min-height:240px}.segment-nav{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:12px 0;font-size:13px}.diff-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}#diff-summary{font-size:13px;line-height:1.7;margin:12px 0}.diff-view{font-family:ui-monospace,monospace;font-size:13px}.diff-row{display:grid;grid-template-columns:35px 35px minmax(0,1fr);gap:8px;padding:4px 6px;line-height:1.7}.diff-row.add{background:#e7f4e9}.diff-row.remove{background:#ffeded}.diff-number{color:#829186;text-align:right;user-select:none}.diff-text{white-space:pre-wrap;overflow-wrap:anywhere}.code-area{overflow-anchor:none}@media(max-width:680px){.field-grid{grid-template-columns:1fr}.field input,.field textarea{font-size:16px}.diff-row{grid-template-columns:25px 25px minmax(0,1fr);gap:5px}.editor-tabbar button{padding:12px 13px}.segment-nav .btn{white-space:nowrap}}
.branch-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.publish-review{max-width:800px}.publish-review .diff-view{max-height:45vh;overflow:auto}#review-error,#history-error{color:var(--danger,#b42318);overflow-wrap:anywhere}.modal .list-card{gap:12px}.modal .list-card strong{white-space:pre-wrap;overflow-wrap:anywhere}.modal textarea[readonly]{min-height:240px;max-height:45vh}.modal{max-height:90dvh;overflow:auto}
.build-panel{max-width:850px}.build-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:35vh;overflow:auto}.build-panel textarea{min-height:240px;max-height:40vh}.build-panel .list-card{flex-wrap:wrap}

/* Let dialog actions fit narrow Android screens without horizontal clipping. */
.modal-actions{flex-wrap:wrap;min-width:0}.modal-actions .btn{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.build-panel{min-width:0}.build-panel .list-card>div{min-width:0}.build-panel .modal-actions .btn{flex:0 1 auto}
@media(max-width:680px){.build-panel .modal-actions{justify-content:stretch}.build-panel .modal-actions .btn{flex:1 1 130px}.build-panel #build-start,.build-panel #index-commit{flex-basis:100%;width:100%}}

.build-panel label{display:flex;align-items:flex-start;gap:10px;line-height:1.7}.build-panel label input{flex-shrink:0;margin-top:6px}.form-row small{line-height:1.7;color:#738579}.form-row select{font:inherit;min-height:44px}.workspace-heading>div,.workspace-heading .left>div{min-width:0}@media(max-width:680px){.workspace-heading{align-items:flex-start;flex-wrap:wrap}.branch-tools{width:100%;justify-content:flex-start}.branch-tools .btn{min-width:0;white-space:normal}.editor-tools .btn{white-space:normal}}

.batch-list{max-height:36dvh;overflow:auto;border:1px solid var(--line);border-radius:12px}.batch-list .batch-choice{display:flex;align-items:flex-start;gap:12px;padding:14px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.6;cursor:pointer}.batch-choice:last-child{border-bottom:0}.batch-choice input{margin:4px 0 0;flex-shrink:0;width:20px;height:20px}.batch-choice span{min-width:0;overflow-wrap:anywhere}.batch-list p{padding:12px}

.sort-list{max-height:48dvh;overflow:auto}.sort-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0}.sort-row>div{min-width:0}.sort-row strong{font-size:14px;overflow-wrap:anywhere}.sort-row small{display:block;font-size:12px;color:#738579;overflow-wrap:anywhere;margin-top:6px}.sort-buttons{display:flex;gap:8px;flex-shrink:0}@media(max-width:680px){.sort-row{flex-wrap:wrap}.sort-buttons{width:100%;justify-content:flex-end}}

.network-note{background:#fff1cf;color:#59430e;padding:12px 20px;font-size:14px;line-height:1.6;overflow-wrap:anywhere;}
#backup-text{width:100%;min-height:150px;}

.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;}
.acceptance-item select{min-width:105px;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:10px;background:white;}
@media(max-width:480px){.acceptance-item{align-items:stretch;}.acceptance-item label{width:100%;}.acceptance-item select{width:100%;}}

#update-note{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap} #update-note.hidden{display:none} #update-note .btn{max-width:100%;white-space:normal}