:root{--bg:#f4f1ec;--panel:#fffdf9;--line:#ddd5c9;--ink:#4a453e;--sub:#8d857a;--accent:#a8b5a2;--accent-d:#8a9a84;--rose:#c9a9a6;--blue:#9db1bd;--warn:#c07f5e;--chip:#eee8de;--input:#fff;--field:#fbfaf7;--on-accent:#fff;--placeholder:#b3aa9d;--overlay:rgba(60,55,48,.35);--shadow:rgba(0,0,0,.14);--warn-bg:#f6e3dc;--warn-ink:#9c4a2e;--warn-bd:#e0b8a6;--ok-bg:#e7efe4;--ok-ink:#5c7a54;--bad-bg:#f6dcdc;--bad-ink:#a34040;--tag-bg:#f1e7dc;--tag-ink:#9c6a3e;--tag-bg-h:#eadbc9;--hl-h1:#8c5a2e;--hl-h1-bg:rgba(140,90,46,.09);--hl-h1-bd:rgba(140,90,46,.45);--hl-h2:#7d5a96;--hl-h2-bg:rgba(125,90,150,.09);--hl-h2-bd:rgba(125,90,150,.4);--hl-h3:#4e7d8c;--hl-h3-bg:rgba(78,125,140,.09);--hl-h3-bd:rgba(78,125,140,.4);--hl-dash-bg:rgba(138,154,132,.35);--hl-pipe:#c4726e;--hl-mark:#c07f5e;--hl-mark-bg:#f6e8dd;--sel-bg:rgba(168,181,162,.35);--loc-bg:rgba(168,181,162,.5)}:root[data-theme=dark]{--bg:#15171a;--panel:#1e2126;--line:#343a41;--ink:#bcb9b3;--sub:#968e83;--accent:#7c8798;--accent-d:#8b98a8;--rose:#b58e8a;--blue:#7f97a4;--warn:#d59873;--chip:#2a2f36;--input:#23272c;--field:#1a1d21;--on-accent:#f4f1ec;--placeholder:#6b655c;--overlay:rgba(0,0,0,.58);--shadow:rgba(0,0,0,.5);--warn-bg:#3a2820;--warn-ink:#e6a785;--warn-bd:#5c4030;--ok-bg:#26302a;--ok-ink:#9cc090;--bad-bg:#3a2626;--bad-ink:#e2a0a0;--tag-bg:#332920;--tag-ink:#c99f79;--tag-bg-h:#3c3025;--hl-h1:#d69a63;--hl-h1-bg:rgba(214,154,99,.15);--hl-h1-bd:rgba(214,154,99,.5);--hl-h2:#bb9fd6;--hl-h2-bg:rgba(187,159,214,.15);--hl-h2-bd:rgba(187,159,214,.45);--hl-h3:#84b6c8;--hl-h3-bg:rgba(132,182,200,.15);--hl-h3-bd:rgba(132,182,200,.45);--hl-dash-bg:rgba(139,152,168,.32);--hl-pipe:#db9591;--hl-mark:#c99f79;--hl-mark-bg:rgba(201,159,121,.16);--sel-bg:rgba(139,152,168,.34);--loc-bg:rgba(139,152,168,.45)}*{box-sizing:border-box}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:17px;height:17px;border:1px solid var(--line);border-radius:4px;background:var(--input);position:relative;cursor:pointer;vertical-align:-3px;flex-shrink:0}input[type=checkbox]:checked{background:var(--accent-d);border-color:var(--accent-d)}input[type=checkbox]:checked::after{content:'';position:absolute;left:5px;top:1.5px;width:4px;height:9px;border:solid var(--on-accent);border-width:0 2px 2px 0;transform:rotate(45deg)}body{margin:0;font:16px/1.6 "Segoe UI","Microsoft JhengHei",sans-serif;background:var(--bg);color:var(--ink)}h1{font-size:18px;margin:0;white-space:nowrap}h2{font-size:16px;margin:0 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}svg.ic{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px}input[type=password],input[type=text],select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--input);color:var(--ink);padding:8px 10px;font:15px/1.6 Consolas,"Microsoft JhengHei",monospace}select{width:auto;padding:5px 8px}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}button{border:0;border-radius:8px;padding:7px 14px;cursor:pointer;font:15px "Microsoft JhengHei",sans-serif;color:var(--on-accent);background:var(--accent-d);display:inline-flex;align-items:center;gap:5px;justify-content:center}button:hover{filter:brightness(1.06)}button.ghost{background:var(--chip);color:var(--ink)}button.small{padding:3px 10px;font-size:14px;border-radius:6px}button.icon{padding:7px 9px;background:var(--chip);color:var(--ink)}button.copy-icon{width:32px;height:32px;padding:0;border-radius:6px;background:0 0;color:var(--sub);filter:none}button.copy-icon:hover{background:var(--chip);color:var(--ink);filter:none}button.copy-icon .ic{width:18px;height:18px}button.copy-icon.is-ok{color:var(--accent-d)}button.copy-icon.is-error{color:var(--warn)}.layout{display:flex;min-height:100vh}.side{width:200px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:10px}.side h1{font-size:17px;display:flex;align-items:center;gap:8px}#projSel{display:none}.side .proj{padding:8px 10px;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:4px}.side .proj:hover{background:var(--chip)}.side .proj.active{background:var(--accent);color:var(--on-accent)}.side .proj span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.side .proj .x{opacity:.55;font-size:12px;padding:0 3px;cursor:pointer}.side .proj .x:hover{opacity:1}.main{flex:1;padding:14px 22px 90px;max-width:1280px}.main:has(#nav-html.on){max-width:none}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap;position:relative}.navtabs{display:flex;gap:4px;background:var(--chip);border-radius:10px;padding:3px}.navtabs button{background:0 0;color:var(--ink);padding:6px 18px;border-radius:8px}.navtabs button.on{background:var(--panel);font-weight:700;box-shadow:0 1px 4px rgba(0,0,0,.08)}.savehint{font-size:14px;color:var(--sub)}#projTitle{outline:0;cursor:text;border-bottom:2px solid transparent;padding:0 2px;min-width:60px;display:inline-block}#projTitle:focus{border-bottom-color:var(--accent)}#projTitle:empty::before{content:var(--empty-name, '未命名專案');color:var(--sub)}#projClear{display:none;background:0 0;color:var(--sub);font-size:15px;padding:2px 6px}#projClear:hover{color:var(--rose)}h1:focus-within #projClear{display:inline-flex}#saveMenu{position:absolute;top:44px;right:0;z-index:55;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:10px;display:none;min-width:280px}#saveMenu.show{display:block}#saveMenu .slot{display:flex;align-items:center;gap:6px;margin-bottom:8px}#saveMenu .slot:last-child{margin-bottom:0}#saveMenu .slot input{width:100px;padding:4px 8px;font-size:12px}#saveMenu .slot .t{color:var(--sub);font-size:11px;white-space:nowrap;flex:1;text-align:right}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:14px}.hint{font-size:14px;color:var(--sub);margin:2px 0 8px}.hint code{background:var(--chip);padding:0 5px;border-radius:4px}.mtabs{display:flex;gap:6px;margin-bottom:0;overflow-x:auto;overflow-y:hidden}.mtabs button{background:var(--chip);color:var(--ink);border-radius:10px 10px 0 0;padding:9px 18px;white-space:nowrap;flex-shrink:0}.mtabs button.on{background:var(--panel);border:1px solid var(--line);border-bottom-color:var(--panel);position:relative;top:1px;font-weight:700}.mbody{background:var(--panel);border:1px solid var(--line);border-radius:0 12px 12px 12px;padding:16px;margin-bottom:14px}.msec{display:none}.msec.on{display:block}.navsec{display:none}.navsec.on{display:block}.tabtop{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed var(--line);flex-wrap:wrap}.slots{position:relative;display:flex;align-items:center;gap:8px}.tabtop .slots{order:1}.slots-extra{order:2;display:flex;gap:8px;align-items:center}.tabtop .commit{order:3;margin-left:auto}.infowrap{position:relative;display:inline-flex}.infobtn{width:26px;height:26px;border-radius:50%;background:var(--chip);color:var(--sub);padding:0;justify-content:center}.infobtn svg.ic{width:15px;height:15px}.infowrap.open .infobtn,.infowrap:hover .infobtn{background:var(--accent);color:var(--on-accent)}.tipbox{position:absolute;top:32px;left:0;z-index:56;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:10px 14px;width:max-content;max-width:min(340px,calc(100vw - 32px));font-size:14px;font-weight:400;color:var(--ink);display:none;line-height:1.7}.infowrap.open .tipbox,.infowrap:hover .tipbox{display:block}.slotmenu{position:absolute;top:36px;left:0;z-index:55;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:10px;display:none;min-width:250px}.slotmenu.show{display:block}.slotmenu .slot{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}.slotmenu .slot:last-child{margin-bottom:0}.slotmenu .slot .nm{font-weight:700;white-space:nowrap}.slotmenu .slot .t{color:var(--sub);font-size:13px;flex:1;white-space:nowrap}.tabtop .commit{display:flex;align-items:center;gap:10px}.tabtop .commit .dirty{font-size:12px;color:var(--sub)}.tabtop .commit .dirty.on{color:var(--warn);font-weight:700}.cnt{font-size:13px;color:var(--sub);text-align:right;margin-top:2px;font-family:Consolas,monospace}.cnt-head{margin-left:auto;margin-top:0;white-space:nowrap}#aboutCard h2{background:var(--accent);color:var(--on-accent);margin:-14px -16px 12px;padding:10px 16px;border-radius:12px 12px 0 0}.about-main{text-align:left}.about-name{font-size:15px;color:var(--ink)}.about-by{font-size:14px;color:var(--sub);margin-left:10px}.about-notice{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--sub)}.wgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.wprev{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;min-height:120px;overflow:auto;-webkit-tap-highlight-color:transparent}.wprev summary{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.wprev-warn{background:var(--warn-bg);color:var(--warn-ink);border:1px solid var(--warn-bd);border-radius:8px;padding:6px 10px;margin:6px 0;font-size:14px}.wvar-ok{background:var(--ok-bg);color:var(--ok-ink);border-radius:4px;padding:0 4px;font-weight:700}.wvar-bad{background:var(--bad-bg);color:var(--bad-ink);border-radius:4px;padding:0 4px;font-weight:700}.rnum{font-weight:700;color:var(--accent-d);font-size:14px;margin-bottom:5px}.ofield .ohead .ovtag{font-size:13px;color:var(--warn)}.ofield .ohead .rev{background:0 0;color:var(--sub)}.ofield .ohead .rev:hover{color:var(--ink)}.navrow{margin-bottom:12px}.mbody,.msec{overflow:visible}.bicol{display:grid;position:relative;grid-template-columns:minmax(0,calc(var(--bi-pos,50%) - 6px)) minmax(0,1fr);gap:12px}.bicol>div,.wgrid>div{min-width:0}.bi-split{position:absolute;z-index:5;top:0;bottom:0;left:calc(var(--bi-pos,50%) - 6px);width:12px;cursor:col-resize;touch-action:none;user-select:none}.bi-split::after{content:'';position:absolute;left:5px;top:0;bottom:0;width:2px;background:var(--line);border-radius:2px}.bi-split.drag::after,.bi-split:hover::after{background:var(--accent)}body.hideZh .bicol>div:first-child{display:none}body.hideEn .bicol>div:nth-child(2){display:none}body.hideEn .bi-split,body.hideZh .bi-split{display:none}body.hideEn .bicol,body.hideZh .bicol{grid-template-columns:1fr}.mobile-only{display:none!important}#projAddM{display:none}.bihead{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}.bihead b{font-size:15px}.langtag{font-size:13px;background:var(--chip);border-radius:5px;padding:1px 7px;color:var(--sub)}.tagbtn{background:var(--tag-bg);color:var(--tag-ink);font-size:14px;padding:3px 9px;border-radius:6px}.tagbtn:hover{background:var(--tag-bg-h)}.rowlist{display:flex;flex-direction:column;gap:10px}.rrow{border:1px solid var(--line);border-radius:10px;padding:10px 34px 10px 10px;background:var(--input);position:relative}.rrow .del{position:absolute;top:8px;right:6px;background:0 0;color:var(--sub);font-size:14px;padding:2px 6px}.rrow .del:hover{color:var(--rose)}.rrow .single{margin-bottom:6px}.single-ta{resize:none;overflow:hidden;white-space:pre-wrap;word-break:break-word;min-height:0;line-height:1.5}.count{font-size:14px;color:var(--sub);font-weight:400}.count b.over{color:var(--warn)}.langtabs,.ptabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.langtabs button,.ptabs button{background:var(--chip);color:var(--ink);border-radius:8px;padding:7px 18px}.langtabs button.on,.ptabs button.on{background:var(--accent);color:var(--on-accent);font-weight:700}body.lang-en #olang-en,body.lang-en #olang-zh{display:none}body.lang-en #langFieldsCard{display:none}.langtabs .infobtn{width:26px;height:26px;padding:0;border-radius:50%;background:var(--chip);color:var(--sub)}.ofield{margin-bottom:14px}.ofield .ohead{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;gap:8px;flex-wrap:wrap}.ofield .ohead b{font-size:15px;flex:1;min-width:0}.ofield .ohead .obtns{display:flex;gap:8px;align-items:center;flex-shrink:0}.collapsible .ohead>.flex{flex-wrap:nowrap;flex-shrink:0}.ofield textarea{background:var(--field)}.warnmsg{color:var(--warn);font-size:14px;margin:4px 0}.warnbig{background:var(--warn-bg);color:var(--warn-ink);border:1px solid var(--warn-bd);border-radius:8px;padding:8px 12px;margin:6px 0;font-size:15px;font-weight:700}.foldbtn{display:none;background:var(--chip);color:var(--ink);padding:3px 8px;border-radius:6px}.foldbtn svg.ic{transition:transform .15s}.collapsible.open .foldbtn svg.ic{transform:rotate(180deg)}.ragout{border:1px solid var(--line);border-radius:8px;padding:8px 46px 8px 10px;background:var(--field);margin-bottom:8px;font-size:15px;position:relative}.ragout .kw{font-weight:700;word-break:break-all}.ragout .ct{white-space:pre-wrap;color:var(--sub);max-height:72px;overflow:auto;margin-top:3px}.ragout .field-copy{top:6px;right:6px}.flex{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hl-wrap{position:relative}.hl-back{position:absolute;inset:0;overflow:hidden;pointer-events:none;border:1px solid transparent;border-radius:8px}.hl-content{padding:8px 10px;font:15px/1.6 Consolas,"Microsoft JhengHei",monospace;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;color:var(--ink)}.hl-wrap textarea{position:relative;z-index:1;background:0 0;color:transparent;caret-color:var(--ink);white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;display:block;resize:none;overflow-y:hidden}.hl-wrap.has-copy .hl-content,.hl-wrap.has-copy .hl-loc,.hl-wrap.has-copy textarea{padding-right:46px}.field-copy{position:absolute;top:7px;right:7px;z-index:61}.hl-wrap textarea::placeholder{color:var(--placeholder)}.hl-wrap textarea::selection{background:var(--sel-bg);color:transparent}.hl-h1{color:var(--hl-h1);font-weight:700;background:var(--hl-h1-bg);border-bottom:2px solid var(--hl-h1-bd)}.hl-h2{color:var(--hl-h2);font-weight:700;background:var(--hl-h2-bg);border-bottom:2px solid var(--hl-h2-bd)}.hl-h3{color:var(--hl-h3);font-weight:700;background:var(--hl-h3-bg);border-bottom:2px solid var(--hl-h3-bd)}.hl-dash{color:var(--accent-d);font-weight:700;background:var(--hl-dash-bg);border-radius:3px}.hl-pipe{color:var(--hl-pipe);font-weight:700}.hl-mark{color:var(--hl-mark);font-weight:700;background:var(--hl-mark-bg);border-radius:3px}#aiPanel{position:fixed;inset:0;z-index:70;display:none;background:var(--overlay);overscroll-behavior:contain}#aiPanel.show{display:block}body.ai-open{overflow:hidden}#aiInner{position:absolute;right:0;top:0;bottom:0;width:min(560px,100%);background:var(--panel);display:flex;flex-direction:column;box-shadow:-6px 0 24px rgba(0,0,0,.15)}#aiHead{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}#aiHead b{flex:1}#aiBody{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:12px 16px;display:flex;flex-direction:column;gap:10px}#aiFoot{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;gap:8px;align-items:flex-end}#aiFoot textarea{flex:1}.chatbox{display:flex;flex-direction:column;gap:8px}.msg{max-width:88%;padding:8px 12px;border-radius:12px;white-space:pre-wrap;word-break:break-word;font-size:15px;position:relative}.msg.user{align-self:flex-end;background:var(--accent);color:var(--on-accent);border-bottom-right-radius:4px}.msg.ai{align-self:flex-start;background:var(--chip);border-bottom-left-radius:4px}.msg.err{align-self:stretch;background:var(--warn-bg);color:var(--warn-ink);font-size:14px}.msg .mcp{position:absolute;top:2px;right:4px;background:0 0;color:var(--sub);font-size:13px;padding:1px 4px;opacity:0}.msg:hover .mcp{opacity:1}.msg.thinking{color:var(--sub);background:var(--chip);display:flex;gap:5px;align-items:center;padding:12px 16px}.msg.thinking i{width:8px;height:8px;border-radius:50%;background:var(--accent-d);animation:thk 1.2s infinite ease-in-out}.msg.thinking i:nth-child(2){animation-delay:.2s}.msg.thinking i:nth-child(3){animation-delay:.4s}@keyframes thk{0%,100%,80%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}#aiCfgBox{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--field)}.aicfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.aicfg-grid label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--sub)}.aicfg-grid label.full{grid-column:1/-1}.aicfg-grid input,.aicfg-grid select{width:100%;height:40px;padding:8px 10px}.aicfg-row{display:flex;gap:10px;align-items:flex-end;margin-bottom:8px;flex-wrap:wrap}.aicfg-row label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--sub);min-width:180px}.aicfg-row select{width:100%;height:40px;padding:8px 10px}.aicfg-btns{display:flex;gap:6px;padding-bottom:2px}#symBar{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:60;display:none;flex-direction:column;gap:8px;padding:8px 6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.12)}#symBar.show{display:flex}#symBar button{width:44px;height:44px;font-size:20px;font-weight:700;padding:0;background:var(--chip);color:var(--ink);border-radius:10px}#symBar button:active{background:var(--accent);color:var(--on-accent)}#symBar .lbl{font-size:12px;color:var(--sub);text-align:center;white-space:nowrap}#symGrip{cursor:grab;color:var(--sub);text-align:center;font-size:15px;line-height:1;padding:3px 0 1px;user-select:none;touch-action:none}#symGrip:active{cursor:grabbing;color:var(--accent-d)}#tsvModal{position:fixed;inset:0;z-index:80;display:none;background:var(--overlay)}#tsvModal.show{display:flex;align-items:center;justify-content:center}#tsvInner{background:var(--panel);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.2);padding:16px 18px;width:min(640px,92vw);max-height:86vh;display:flex;flex-direction:column;gap:10px}#tsvText{height:220px;white-space:pre-wrap;word-break:break-word}#projEditBtn{display:none}#projMenu{position:absolute;top:calc(100% + 6px);right:0;z-index:65;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:6px;display:none;min-width:160px}#projMenu.show{display:block}#projMenu button{display:flex;width:100%;background:0 0;color:var(--ink);padding:8px 10px;border-radius:6px;font-size:14px;justify-content:flex-start}#projMenu button:hover{background:var(--chip)}#projMenu .danger{color:var(--rose)}#hedMTabs{display:none;margin-bottom:10px;align-items:center;justify-content:space-between}#prevPane{width:400px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--line);padding:16px;position:sticky;top:0;height:100vh;overflow-y:auto}#prevPane .wprev{min-height:200px}.widget-preview-head{flex-wrap:nowrap}#widgetHtmlToggle{margin-left:auto;white-space:nowrap;flex-shrink:0}#widgetHtmlToggle.on{background:var(--accent);color:var(--on-accent)}@media(min-width:1101px){#sec-widget.widget-html-collapsed>.wgrid{grid-template-columns:minmax(0,1fr)}#sec-widget.widget-html-collapsed #widgetHtmlPane{display:none}}#hedit *{cursor:move;animation:none!important;transition:none!important}#hedit [class*=animate__],#hedit [class*=fade-in],#hedit [class*=fadeIn],#hedit [data-aos]{opacity:1!important;visibility:visible!important;transform:none!important}#hedit details>:not(summary){display:revert!important}#hedit details[open]>:not(summary){position:static!important;inset:auto!important;max-height:none!important;z-index:auto!important}#hedit :has(> details[open]){display:block!important}#hedit .hed-pager-track{transform:none!important;width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}#hedit .hed-pager{overflow:visible!important}#hedit .hed-sel{outline:2px dashed var(--accent-d)!important;outline-offset:1px;touch-action:none}#hedit .hed-hov{outline:2px dashed var(--accent);outline-offset:1px}#hedit [contenteditable=true]{cursor:text;outline:2px solid var(--accent)!important}#codeWrap textarea,#hedit,.codeWrap textarea{overscroll-behavior:contain}#hedSwatches{scrollbar-width:thin}#hedSwatches .count{white-space:nowrap}#hedFrame{display:none;width:100%;min-height:260px;border:1px solid var(--line);border-radius:10px;background:#fff}#nav-html.mode-prev #hedFrame{display:block}#nav-html.mode-prev .hed-editonly{display:none!important}@media(min-width:801px){#nav-html.mode-prev #hedTools1,#nav-html.mode-prev #hedTools3{display:flex!important;visibility:hidden;pointer-events:none}#codeWrap .field-copy{right:22px}#codeWrap .hl-wrap.has-copy .hl-content,#codeWrap .hl-wrap.has-copy .hl-loc,#codeWrap .hl-wrap.has-copy textarea{padding-right:62px}}#codeWrap,.codeWrap{display:flex;flex-wrap:wrap;align-items:flex-start}#codeWrap .hl-wrap,.codeWrap .hl-wrap{flex:1;min-width:0}#codeWrap .cnt,.codeWrap .cnt{flex-basis:100%}#codeGutter,.codeGutter{flex:0 0 auto;min-width:22px;padding:9px 3px 9px 0;text-align:right;font:12px/24px Consolas,monospace;color:var(--placeholder);overflow:hidden;user-select:none;white-space:pre}.code-action-stack{margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:6px}.code-action-stack .code-action-btn{width:48px;height:34px;padding:0}#htmlCodeHead{align-items:flex-start;flex-wrap:nowrap}.html-code-label{height:34px;display:flex;align-items:center;gap:8px;flex:1;min-width:0}.html-code-label b{white-space:nowrap}.mobile-code-actions{display:none}.hl-loc{position:absolute;inset:0;padding:8px 10px;font:15px/1.6 Consolas,"Microsoft JhengHei",monospace;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;color:transparent}.hl-loc .locmark{background:var(--loc-bg);outline:1px solid var(--accent-d);border-radius:3px}.hedrz{position:absolute;width:14px;height:14px;background:var(--accent-d);border:2px solid var(--on-accent);border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.3);z-index:60;display:none;touch-action:none}.hedrz[data-dir=nw],.hedrz[data-dir=se]{cursor:nwse-resize}.hedrz[data-dir=ne],.hedrz[data-dir=sw]{cursor:nesw-resize}#nav-html .wgrid{grid-template-columns:minmax(0,var(--hcolL,1fr)) 8px minmax(0,1fr);gap:10px}#hsplit{cursor:col-resize;width:8px;align-self:stretch;position:relative}#hsplit::after{content:'';position:absolute;left:3px;top:0;bottom:0;width:2px;background:var(--line);border-radius:2px}#hsplit.drag::after,#hsplit:hover::after{background:var(--accent)}.hedtools .sep{margin-left:6px}.bhbtns{display:contents}.hedgrp2{display:contents}.hedsw{width:26px;height:26px;padding:0;border:1px solid var(--line);border-radius:6px;cursor:pointer;flex-shrink:0}#hedColorPop{position:fixed;z-index:82;display:none;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.2);padding:10px;flex-direction:column;gap:8px;width:180px}#hedColorPop.show{display:flex}#hedColorPop #hcpArea{width:100%;height:44px;padding:0;border:1px solid var(--line);border-radius:6px;cursor:pointer;background:0 0}#hedColorPop label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sub)}#hedColorPop #hcpHex{flex:1;text-transform:lowercase;font-family:Consolas,monospace}.ofield .hl-back{background:var(--field)}#outTotal{margin:0 -16px 14px;padding:11px 16px;background:var(--accent-d);color:var(--on-accent);font-size:16px;font-weight:700;text-align:right;letter-spacing:.3px;box-shadow:0 1px 4px rgba(0,0,0,.12)}.thbtns{display:flex;gap:8px}.thbtn{background:var(--chip);color:var(--ink);border:1px solid var(--line)}.thbtn .ic{width:17px;height:17px}.thbtn.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:700}@media (max-width:1100px){#prevPane{display:none}}@media (max-width:800px){body.code-lock{overflow:hidden;overscroll-behavior:none}body.code-lock .layout{min-height:0}body.code-lock .main{padding-bottom:8px}.layout{flex-direction:column}.side{width:100%;border-right:0;border-bottom:1px solid var(--line);padding:10px 12px;gap:8px;flex-direction:row;align-items:center}.side h1{flex-shrink:0}#projList{display:none}#projSel{display:block;flex:1;min-width:0}.side>button{display:none}.main{padding:12px 12px 100px}.topbar{gap:8px}#projName{flex:1;min-width:80px;width:auto}.navtabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.navtabs button{padding:6px 12px;white-space:nowrap;flex-shrink:0}.bicol{grid-template-columns:1fr}.bi-split{display:none}.wgrid{grid-template-columns:1fr}.mbody{padding:12px}#projEditBtn{display:inline-flex}#projAddM{display:inline-flex}.side h1 button{display:none}.mobile-only{display:inline-flex!important}.slots-extra{order:4;flex-basis:100%;justify-content:flex-end}#sec-widget .wgrid>div:nth-child(2){display:none}#nav-html .wgrid{grid-template-columns:1fr}#hsplit{display:none}#hedMTabs{display:flex;justify-content:flex-start}#hedModeHead .langtabs{display:none}#hedModeHead{margin-bottom:8px}#htmlCodeHead .desktop-code-actions{display:none}#htmlCodeHead .mobile-code-actions{display:flex}#nav-html[data-mtab=src] .wgrid>div:nth-child(3){display:none}#nav-html[data-mtab=edit] .wgrid>div:first-child{display:none}#nav-html[data-mtab=prev] .wgrid>div:first-child{display:none}#aiHead{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px 10px;align-items:center;grid-template-areas:"set icon title close" "status status status clear"}#aiCfgBtn{grid-area:set}#aiHead>svg.ic{grid-area:icon}#aiHead b{grid-area:title;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#aiCloseBtn{grid-area:close;justify-self:end}#aiStatus{grid-area:status;min-width:0}#aiClearBtn{grid-area:clear;justify-self:end}.bhbtns{display:flex;flex-basis:100%;gap:8px;align-items:center;order:2}.bihead .cnt-head{order:1}.tagbtn{padding:3px 8px!important}#codeFold{display:none}#nav-html .bihead .infowrap{display:none}#nav-html .bihead .count{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}#hedTools1 .hedgrp2{display:none}#hedTools1{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}#hedTools1 .count,#hedTools1 button{flex-shrink:0;white-space:nowrap}.of-widgethtml{display:none}.ofield .ohead.edited .obtns{flex-basis:100%;justify-content:flex-end}.ofield .ohead .ovtag{margin-left:auto}.addbtn{display:flex;width:fit-content;margin-left:auto}.hedtools{gap:4px;row-gap:6px}.hedtools .sep{display:none}.hedtools button{padding:3px 8px;font-size:13px}.hedtools .count{font-size:12px}.foldbtn{display:inline-flex}.collapsible .fold{display:none}.collapsible.open .fold{display:block}}