:root{color-scheme:dark;--page: #1b2838;--chrome: #171a21;--chrome-2: #1f2a38;--panel-editor: #0e1620;--edge: #0a0f16;--line: #2a3f5a;--text: #acb2b8;--text-dim: #8f98a0;--text-bright: #dfe3e6;--heading: #5aa9d6;--accent: #66c0f4;--accent-2: #417a9b;--warn: #ffb84d;--green-1: #79b022;--green-2: #58921b}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--page);color:var(--text);font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0c131b}::-webkit-scrollbar-thumb{background:#2a3a4d;border-radius:6px;border:3px solid #0c131b}::-webkit-scrollbar-thumb:hover{background:#3a4f68}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.btn{background:#67c1f51f;color:#67c1f5;border:none;padding:6px 12px;border-radius:2px;cursor:pointer;font-size:13px;line-height:1.2;white-space:nowrap;transition:background .12s,color .12s}.btn:hover{background:#67c1f5;color:#fff}.btn:disabled{opacity:.4;cursor:default;background:#67c1f50f;color:#67c1f5}.btn.primary{background:linear-gradient(to right,var(--green-1) 0%,var(--green-2) 100%);color:#fff}.btn.primary:hover:not(:disabled){background:linear-gradient(to right,#8ed629,#6aa621)}.btn.ghost{background:transparent}.btn.ghost:hover{background:#67c1f52e;color:#fff}.btn.small{padding:4px 10px;font-size:12px}.save-dot{margin-left:4px;color:#fff}.topbar{display:flex;align-items:center;gap:16px;padding:8px 12px;background:var(--chrome);border-bottom:1px solid #000}.brand{display:flex;align-items:center;gap:8px}.brand-logo{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a9fff,#0b3b66);color:#fff;border-radius:4px;font-size:13px}.brand-name{font-weight:600;color:#c7d5e0;letter-spacing:.02em}.tb-actions{display:flex;align-items:center;gap:6px;flex:1}.spacer{flex:1}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;min-width:300px;max-width:460px;background:#1b2838;border:1px solid #000;box-shadow:0 10px 28px #0009;border-radius:3px;z-index:40;max-height:340px;overflow:auto;padding:4px 0}.dropdown-item{display:flex;align-items:stretch}.dropdown-open{flex:1;text-align:left;background:none;border:none;color:#c7d0d8;padding:8px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;overflow:hidden}.dropdown-open:hover{background:#2a3f5a}.dropdown-file{font-size:13px;color:var(--text-bright)}.dropdown-path{font-size:11px;color:#6f7b85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-x{background:none;border:none;color:#6f7b85;cursor:pointer;padding:0 12px}.dropdown-x:hover{color:#ff6b6b}.dropdown-empty{padding:10px 12px;color:#6f7b85;font-size:13px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px;background:var(--chrome-2);border-bottom:1px solid var(--edge)}.toolbar.disabled{opacity:.5;pointer-events:none}.tb-group{display:flex;gap:3px}.tb-sep{width:1px;align-self:stretch;background:#33455c;margin:2px 6px}.tb-btn{background:#2a3a4d;color:#c7d0d8;border:none;padding:5px 9px;border-radius:2px;cursor:pointer;font-size:12px;min-width:30px;transition:background .12s,color .12s}.tb-btn:hover{background:#3a4f68;color:#fff}.tb-btn.icon{font-family:Georgia,Times New Roman,serif;font-size:14px}.tb-btn:disabled{opacity:.4;cursor:default}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;font-size:13px;border-bottom:1px solid #000}.banner-warn{background:#3a330f;color:#ffe08a}.banner-danger{background:#3a1717;color:#ffb3b3}.banner-actions{display:flex;gap:8px}.panels{flex:1;display:flex;min-height:0}.pane{display:flex;flex-direction:column;min-width:0;overflow:hidden}.editor-pane{background:var(--panel-editor)}.preview-pane{background:var(--page)}.pane-head{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:#10171e;border-bottom:1px solid var(--edge);font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#6f7b85;flex:none}.pane-title{font-weight:600}.pane-tag{color:var(--warn);text-transform:none;letter-spacing:0}.pane-sub{text-transform:none;letter-spacing:0;color:#6aa621;font-weight:600;display:inline-flex;align-items:center;gap:5px}.pane-sub:before{content:"";width:7px;height:7px;border-radius:50%;background:#6aa621;box-shadow:0 0 6px #6aa621}.splitter{width:6px;cursor:col-resize;background:var(--edge);flex:none}.splitter:hover{background:var(--accent-2)}.editor{flex:1;width:100%;resize:none;border:none;outline:none;background:var(--panel-editor);color:#cdd6df;font-family:Cascadia Code,Cascadia Mono,Consolas,Courier New,monospace;font-size:13px;line-height:1.6;padding:14px 18px;-moz-tab-size:2;tab-size:2;white-space:pre-wrap;word-break:break-word}.editor::placeholder{color:#4d5b68}.editor.readonly{color:#aeb8c2;background:#0c1622;cursor:default}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 14px;background:var(--chrome);border-top:1px solid #000;font-size:12px;color:var(--text-dim);flex:none}.status-left,.status-right{display:flex;align-items:center;gap:14px}.status-file{color:#c7d0d8}.lock{margin-right:4px}.dot-dirty{color:var(--warn);margin-left:6px;font-size:10px;vertical-align:middle}.status-ro{color:var(--warn)}.status-sync{color:#6aa621}.count{color:var(--text-dim);font-variant-numeric:tabular-nums}.warn{color:var(--warn);font-weight:600}.limit-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim)}.limit-input{width:70px;background:var(--panel-editor);border:1px solid var(--line);color:#c7d0d8;border-radius:2px;padding:2px 6px;font-size:12px}.limit-input:focus{outline:none;border-color:var(--accent-2)}.toast{position:fixed;bottom:46px;left:50%;transform:translate(-50%);background:#2a3f5a;color:#fff;padding:9px 18px;border-radius:4px;box-shadow:0 6px 22px #0000008c;font-size:13px;z-index:60;border:1px solid #3a5675;animation:toast-in .16s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.preview-scroll{flex:1;overflow:auto}.steam-content{font-family:Motiva Sans,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4;color:var(--text);padding:20px 26px;max-width:820px;word-wrap:break-word}.steam-content:after{content:"";display:block;clear:both}.steam-content>*:first-child{margin-top:0}.bb-link{color:#66c0f4;text-decoration:none;cursor:pointer}.bb-link:hover{color:#fff;text-decoration:underline}.bb-h{clear:both;color:var(--heading)}.bb-h1{font-size:20px;line-height:23px;font-weight:400;margin:14px 0 10px}.bb-h2{font-size:18px;line-height:21px;font-weight:400;margin:16px 0 6px}.bb-h3{font-size:16px;line-height:19px;font-weight:300;margin:14px 0 6px}.bb-u{text-decoration:underline}.bb-strike{text-decoration:line-through}.bb-spoiler{background-color:#000;color:#000;border-radius:2px;padding:0 6px;cursor:pointer;transition:color .12s}.bb-spoiler:hover,.bb-spoiler.revealed{color:#fff}.bb-hr{border:none;border-bottom:1px solid #61696d;height:0;margin:14px 0}.bb-code{border:1px solid #535354;border-radius:3px;padding:12px;margin:10px 0;background:#0003;overflow-x:auto}.bb-code code{display:block;font:12px/1.5 Consolas,Cascadia Mono,Courier New,monospace;white-space:pre-wrap;color:var(--text)}.bb-quote{border:1px solid #56707f;border-radius:3px;padding:12px;margin:10px 0;font-size:92%;display:table;word-break:break-word}.bb-quote-author{font-style:italic;margin-bottom:8px;color:var(--text)}.bb-quote-author b{font-style:normal;font-weight:700}.bb-list,.bb-olist{margin:6px 0;padding-left:28px}.bb-list{list-style:disc outside}.bb-olist{list-style:decimal outside}.bb-list li,.bb-olist li{margin:3px 0}.bb-table{border-collapse:separate;border-spacing:0;font-size:12px;margin:10px 0}.bb-table th,.bb-table td{border:1px solid #4d4d4d;padding:4px 9px;text-align:left;vertical-align:middle}.bb-table th{font-weight:700}.bb-table-noborder th,.bb-table-noborder td{border:none}.bb-table-equalcells{width:100%;table-layout:fixed}.bb-img{display:block;margin:10px 0}.bb-img img{max-width:100%;height:auto;border-radius:3px;display:block}.bb-embed{display:block;margin:12px 0;max-width:540px;border-radius:4px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #00000073;cursor:pointer;font-family:Motiva Sans,Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#2a3f55,#1b2838);transition:border-color .12s}.bb-embed:hover{border-color:#67c1f5}.bb-workshop{padding:10px;display:flex;gap:12px;align-items:flex-start}.bb-ws-thumb{flex:0 0 auto;width:120px;height:68px;border-radius:3px;overflow:hidden;background:#0e1620}.bb-ws-thumb img{width:100%;height:100%;object-fit:cover;display:block}.bb-ws-thumb-empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a475e,#1b2838)}.bb-ws-ico{font-size:28px;opacity:.8}.bb-ws-body{min-width:0;flex:1 1 auto}.bb-ws-title{color:#e5ebf1;font-size:15px;font-weight:500;line-height:1.25;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-embed:hover .bb-ws-title{color:#fff}.bb-ws-sub,.bb-ws-by{color:#8a949c;font-size:12px;margin-bottom:2px}.bb-ws-by{margin-bottom:7px}.bb-ws-game{color:#8a949c;text-decoration:none}.bb-ws-game:hover{color:#c6d4df}.bb-ws-author{color:#7fa8c9;text-decoration:none}.bb-ws-author:hover{color:#b3d2ea}.bb-ws-desc{color:#8a949c;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bb-store{padding:12px 14px;margin-bottom:34px}.bb-st-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.bb-st-title{color:#fff;font-size:17px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-st-steam{width:22px;height:22px;color:#aeb6bf;flex:0 0 auto}.bb-st-main{display:flex;gap:14px;margin-bottom:12px}.bb-st-img{flex:0 1 auto;width:184px;max-width:100%;height:86px;object-fit:cover;border-radius:3px;display:block;background:#0e1620}.bb-st-desc{color:#c6d4df;font-size:12.5px;line-height:1.45;min-width:0;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.bb-st-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.bb-st-platforms{display:flex;gap:7px;color:#66707b}.bb-st-plat-ico{width:16px;height:16px;display:block}.bb-st-purchase{display:flex;align-items:stretch;flex-wrap:wrap;justify-content:flex-end;gap:4px 2px;margin-left:auto;margin-right:0;margin-bottom:-13px;transform:translateY(50%)}.bb-st-pricepill{display:flex;align-items:stretch;min-height:34px;border-radius:2px;overflow:hidden;background:#000;box-shadow:0 6px 14px #0000008c}.bb-st-discount{background:#4c6b22;color:#a4d007;font-size:16px;font-weight:700;display:flex;align-items:center;padding:0 9px}.bb-st-prices{display:flex;flex-direction:column;justify-content:center;padding:2px 11px;line-height:1.12}.bb-st-onsale .bb-st-prices{align-items:flex-start}.bb-st-orig{color:#738895;font-size:11px;text-decoration:line-through}.bb-st-final{color:#acdbf5;font-size:14px}.bb-st-pricepill:not(.bb-st-onsale) .bb-st-final{color:#c6d4df;font-size:15px}.bb-st-cart{display:inline-flex;align-items:center;min-height:34px;padding:0 16px;border-radius:2px;color:#fff;font-size:14px;white-space:nowrap;background:linear-gradient(to bottom,#75b022 5%,#588a1b 95%);box-shadow:0 6px 14px #0000008c}.bb-embed:hover .bb-st-cart{background:linear-gradient(to bottom,#8ed629 5%,#6aab21 95%)}.bb-st-cart-plain{background:linear-gradient(to bottom,#4c6f8e,#324a61);color:#fff}.bb-embed:hover .bb-st-cart-plain{background:linear-gradient(to bottom,#5d86ab,#3c5a76)}.bb-sk-line{display:block;height:11px;margin:5px 0;border-radius:2px;width:100%;background:#ffffff14;animation:bb-sk-pulse 1.3s ease-in-out infinite}.bb-st-title.bb-sk-line,.bb-ws-title.bb-sk-line{height:15px}.bb-sk-pill{display:inline-block;width:120px;height:32px;border-radius:3px;background:#ffffff12}.bb-sk-shimmer{animation:bb-sk-pulse 1.3s ease-in-out infinite}@keyframes bb-sk-pulse{0%,to{opacity:.5}50%{opacity:1}}.bb-youtube{margin:12px 0;cursor:pointer}.bb-youtube.bb-yt-full{max-width:640px}.bb-youtube.bb-yt-left{float:left;width:320px;margin:6px 16px 6px 0}.bb-youtube.bb-yt-right{float:right;width:320px;margin:6px 0 6px 16px}.bb-youtube-frame{position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:4px;overflow:hidden;background:#000}.bb-youtube-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bb-youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:48px;pointer-events:none}.bb-youtube-play svg{display:block}.bb-yt-btn{fill:#212121;opacity:.86;transition:fill .15s,opacity .15s}.bb-youtube:hover .bb-yt-btn{fill:red;opacity:1}.tabbar{display:flex;align-items:stretch;background:#10171e;border-bottom:1px solid var(--edge);min-height:34px}.tabs-scroll{display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;flex:1;scrollbar-width:thin}.tabs-scroll::-webkit-scrollbar{height:0}.tab{display:flex;align-items:center;gap:7px;padding:0 8px 0 12px;min-width:118px;max-width:220px;background:#161f29;color:#9aa6b1;border-right:1px solid #0a0f16;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12.5px;position:relative;white-space:nowrap;transition:background .1s,color .1s}.tab:hover{background:#1b2735;color:#c7d0d8}.tab.active{background:var(--page);color:#fff}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}.tab.dragging{opacity:.45}.tab-lock{font-size:10px;flex:none}.tab-name{overflow:hidden;text-overflow:ellipsis;flex:1}.tab-dot{color:var(--warn);font-size:10px;flex:none}.tab-close{background:none;border:none;color:#7c8893;cursor:pointer;font-size:11px;line-height:1;padding:3px 4px;border-radius:3px;flex:none}.tab-close:hover{background:#3a4f68;color:#fff}.tab-new{background:none;border:none;color:#9aa6b1;cursor:pointer;font-size:18px;line-height:1;padding:0 13px;flex:none}.tab-new:hover{background:#1b2735;color:#fff}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#1b2838;border:1px solid #000;border-radius:5px;box-shadow:0 14px 40px #0009;width:min(440px,90vw);padding:20px 22px;animation:toast-in .12s ease-out}.modal-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:10px}.modal-body{font-size:13.5px;color:var(--text);line-height:1.5;margin-bottom:18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.btn.danger{background:#9a3b3b;color:#fff}.btn.danger:hover{background:#b94a4a}.import-input{display:block;width:100%;margin-top:12px;box-sizing:border-box;background:#10171f;border:1px solid #000;border-radius:3px;color:var(--text);font-size:13px;padding:8px 10px;font-family:inherit}.import-input:focus{outline:none;border-color:#67c1f5}.import-input:disabled{opacity:.6}.import-error{color:#e2a0a0;font-size:12.5px;margin-top:9px}.import-modal{width:min(580px,93vw)}.import-sub{font-size:13px;color:var(--text);line-height:1.5}.import-row{display:flex;gap:8px;margin-top:10px}.import-row .import-input{margin-top:0;flex:1 1 auto}.import-row .btn{flex:0 0 auto}.import-divider{border:none;border-top:1px solid #000;margin:16px 0 12px}.import-sub-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:600;color:#fff;margin-bottom:10px}.import-signed{display:inline-flex;align-items:center;gap:7px;font-weight:400;font-size:12px;color:#8a949c}.import-avatar{width:20px;height:20px;border-radius:3px;display:block}.import-signed-name{color:#c6d4df;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linklike{background:none;border:none;color:#67c1f5;cursor:pointer;font:inherit;padding:0}.linklike:hover{color:#a4d7f5;text-decoration:underline}.import-signin{text-align:center;padding:6px 0 2px}.import-signin p{font-size:12.5px;color:#8a949c;line-height:1.5;margin:0 0 12px}.steam-btn{background:linear-gradient(to bottom,#2a72b8,#1b5384);color:#fff;padding:9px 18px}.steam-btn:hover{background:linear-gradient(to bottom,#3a86d0,#245f96)}.import-note{font-size:12.5px;color:#8a949c;padding:8px 0}.import-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:320px;overflow-y:auto;padding:2px}.import-card{display:flex;flex-direction:column;text-align:left;cursor:pointer;background:#10171f;border:1px solid #000;border-radius:4px;padding:0;overflow:hidden;color:var(--text);transition:border-color .12s}.import-card:hover{border-color:#67c1f5}.import-card:disabled{opacity:.6;cursor:default}.import-thumb{width:100%;aspect-ratio:16 / 9;background:#0a0e14;overflow:hidden}.import-thumb img{width:100%;height:100%;object-fit:cover;display:block}.import-card-title{font-size:12px;color:#c6d4df;padding:6px 8px 2px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.import-vis{font-size:10.5px;color:#e2a0a0;padding:0 8px 6px}