.gg-fab{position:fixed;top:16px;right:16px;z-index:200;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent),#e0914e);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #c875336b;transition:transform .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.gg-fab:hover{transform:translateY(-1px);box-shadow:0 6px 20px #c8753385}.gg-fab:active{transform:translateY(0)}.gg-fab-icon{font-size:18px;line-height:1}.gg-mask{position:fixed;inset:0;z-index:150;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px}.gg-mask-play{padding:0}.gg-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:460px;max-width:100%;max-height:90vh;overflow-y:auto;padding:18px;box-shadow:0 12px 44px #00000052;animation:gg-in .2s ease}@keyframes gg-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.gg-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.gg-title{flex:1;font-size:18px;font-weight:700;color:var(--text)}.gg-back,.gg-close{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-dim);border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;flex-shrink:0;transition:all .15s}.gg-back:hover,.gg-close:hover{border-color:var(--accent);color:var(--accent)}.gg-list{display:flex;flex-direction:column;gap:12px}.gg-card{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;width:100%}.gg-card:hover{border-color:var(--accent);box-shadow:0 3px 12px #c8753326}.gg-card-icon{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:800}.gg-card-icon-2048{background:linear-gradient(135deg,#f2b179,#edc22e);color:#fff;font-size:15px;letter-spacing:.5px;box-shadow:0 2px 8px #edc22e73}.gg-card-icon-spider{background:linear-gradient(135deg,#2f6fd8,#1f4fa8);color:#fff;font-size:26px;box-shadow:0 2px 8px #1f4fa873}.gg-card-icon-chenyuan{background:linear-gradient(135deg,#1f5f4a,#122f3d);color:#ffd23e;font-size:24px;box-shadow:0 2px 8px #1f5f4a73}.gg-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.gg-card-name{font-size:16px;font-weight:700;color:var(--text)}.gg-card-desc{font-size:12.5px;color:var(--text-dim);line-height:1.5}.gg-card-play{flex-shrink:0;font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap}.gg-list-empty{padding:40px 20px;text-align:center;color:var(--text-dim);font-size:13px}.gg-modal-play{position:relative;width:auto;max-width:none;max-height:none;background:transparent;border:none;box-shadow:none;padding:0;overflow:visible}.gg-corner-btn{position:absolute;top:12px;z-index:20;border:1px solid rgba(255,255,255,.35);background:#00000073;color:#fff;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s;-webkit-user-select:none;user-select:none}.gg-corner-btn:hover{background:#000000ad}.gg-corner-btn.gg-back{left:12px}.gg-corner-btn.gg-close{right:12px}.gg-play{display:flex;justify-content:center}.gg-frame{position:relative;width:min(calc(100vh * .5622),100vw);height:min(100vh,calc(100vw / .5622));background:#faf8ef;overflow:hidden}.gg-scale{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.gg-canvas{width:750px;height:1334px;flex-shrink:0;transform-origin:center}.g2048{width:750px;height:1334px;background:#faf8ef;display:flex;flex-direction:column;padding:48px 16px 40px;font-family:Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#776e65;-webkit-user-select:none;user-select:none}.g2048-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.g2048-title{font-size:80px;font-weight:900;line-height:1;color:#776e65;letter-spacing:1px}.g2048-sub{margin-top:10px;font-size:22px;color:#a69a8a}.g2048-scores{display:flex;gap:12px}.g2048-score{background:#bbada0;color:#eee4da;border-radius:12px;padding:12px 20px 10px;text-align:center;min-width:132px}.g2048-score span{display:block;font-size:15px;letter-spacing:1px}.g2048-score strong{display:block;font-size:36px;color:#fff;margin-top:2px;font-variant-numeric:tabular-nums}.g2048-score-bump{animation:g2048-bump .25s ease}@keyframes g2048-bump{0%{transform:scale(1.35)}to{transform:scale(1)}}.g2048-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 20px}.g2048-btn{background:#8f7a66;color:#f9f6f2;border:none;border-radius:10px;padding:13px 28px;font-size:22px;font-weight:700;cursor:pointer;transition:background .15s}.g2048-btn:hover{background:#9f8b77}.g2048-btn:active{transform:translateY(1px)}.g2048-hint{font-size:18px;color:#a69a8a}.g2048-board{position:relative;width:718px;height:718px;margin:0 auto;background:#bbada0;border-radius:16px;touch-action:none}.g2048-cell,.g2048-tile{position:absolute;left:0;top:0;width:162px;height:162px}.g2048-cell{border-radius:12px;background:#eee4da59}.g2048-tile{display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:800;transition:transform .12s ease-in-out;will-change:transform}.g2048-tile-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;font-size:80px;line-height:1}.g2048-tile.merged .g2048-tile-inner{animation:g2048-pop .22s ease}.g2048-tile.spawned .g2048-tile-inner{animation:g2048-appear .22s ease}@keyframes g2048-pop{0%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes g2048-appear{0%{transform:scale(0)}60%{transform:scale(1.1)}to{transform:scale(1)}}.g2048-tile-2{background:#eee4da;color:#776e65}.g2048-tile-4{background:#ede0c8;color:#776e65}.g2048-tile-8{background:#f2b179;color:#f9f6f2}.g2048-tile-16{background:#f59563;color:#f9f6f2}.g2048-tile-32{background:#f67c5f;color:#f9f6f2}.g2048-tile-64{background:#f65e3b;color:#f9f6f2}.g2048-tile-128{background:#edcf72;color:#f9f6f2;box-shadow:0 0 26px 8px #f3d77447}.g2048-tile-256{background:#edcc61;color:#f9f6f2;box-shadow:0 0 28px 9px #f3d77452}.g2048-tile-512{background:#edc850;color:#f9f6f2;box-shadow:0 0 30px 10px #f3d77461}.g2048-tile-1024{background:#edc53f;color:#f9f6f2;box-shadow:0 0 34px 12px #f3d77470}.g2048-tile-2048{background:#edc22e;color:#f9f6f2;box-shadow:0 0 40px 14px #f3d77480}.g2048-tile-super{background:#3c3a32;color:#f9f6f2}.g2048-tile-128 .g2048-tile-inner,.g2048-tile-256 .g2048-tile-inner,.g2048-tile-512 .g2048-tile-inner{font-size:66px}.g2048-tile-1024 .g2048-tile-inner,.g2048-tile-2048 .g2048-tile-inner,.g2048-tile-super .g2048-tile-inner{font-size:52px}.g2048-overlay{position:absolute;inset:0;z-index:5;background:#eee4dab8;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;animation:gg-in .25s ease}.g2048-overlay-title{font-size:56px;font-weight:900;color:#776e65}.g2048-overlay-sub{font-size:24px;color:#8f7a66}.g2048-overlay-actions{display:flex;gap:16px;margin-top:10px}.g2048-overlay-btn{font-size:20px;padding:12px 26px}.g2048-tips{flex:1;display:flex;flex-direction:column;justify-content:flex-end;margin-top:24px}.g2048-tips-card{background:#ede0c8;border-radius:14px;padding:18px 22px;font-size:20px;line-height:1.65;color:#776e65}.g-spider{width:750px;height:1334px;background:linear-gradient(165deg,#1e7a48,#125a33);display:flex;flex-direction:column;padding:36px 9px 24px;font-family:Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#fff;-webkit-user-select:none;user-select:none}.g-spider-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 4px 18px}.g-spider-title{font-size:56px;font-weight:900;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.35)}.g-spider-sub{margin-top:10px;font-size:19px;color:#ffffffbf}.g-spider-stats{display:flex;gap:10px}.g-spider-stat{background:#00000047;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 14px 6px;text-align:center;min-width:92px}.g-spider-stat span{display:block;font-size:13px;color:#ffffffb3;letter-spacing:1px}.g-spider-stat strong{display:block;font-size:28px;margin-top:2px;font-variant-numeric:tabular-nums}.g-spider-table{flex:1;position:relative;min-height:0}.g-spider-cols{display:flex;gap:8px}.g-spider-col{position:relative;width:66px;flex-shrink:0;border-radius:8px;transition:background .15s}.g-spider-col.dest{background:#ffffff24;box-shadow:inset 0 0 0 2px #8dffb0f2}.g-spider-slot{position:absolute;top:0;left:0;width:66px;height:92px;border:2px dashed rgba(255,255,255,.45);border-radius:8px}.g-spider-col.dest .g-spider-slot{border-color:#8dffb0}.g-spider-card{position:absolute;left:0;width:66px;height:92px;border-radius:8px;box-shadow:0 2px 5px #00000059;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.g-spider-card.down{background:repeating-linear-gradient(45deg,rgba(255,255,255,.14) 0 5px,transparent 5px 10px),linear-gradient(135deg,#4d8ae0,#2a5fb8);border:2px solid #e8f0ff;box-shadow:inset 0 0 0 1px #00000026,0 2px 5px #00000059}.g-spider-card.up{background:#fff;border:1px solid #c9c2b5}.g-spider-card.red{color:#d03535}.g-spider-card.black{color:#2b2b2b}.g-spider-card.sel{transform:translateY(-10px);box-shadow:0 8px 14px #0006}.g-spider-card.up:hover{filter:brightness(1.02)}.g-spider-corner{position:absolute;top:4px;left:6px;display:flex;flex-direction:column;align-items:center;line-height:1}.g-spider-corner-br{inset:auto 6px 4px auto;transform:rotate(180deg)}.g-spider-rank{font-size:22px;font-weight:800}.g-spider-suit-sm{font-size:17px;margin-top:1px}.g-spider-pip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px;opacity:.35}.g-spider-overlay{position:absolute;inset:0;z-index:5;background:#063c1ed1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:12px;text-align:center;animation:gg-in .25s ease}.g-spider-overlay-title{font-size:56px;font-weight:900}.g-spider-overlay-sub{font-size:24px;color:#ffffffd9}.g-spider-overlay-btn{font-size:22px;padding:14px 34px}.g-spider-bottom{display:flex;align-items:center;gap:14px;padding:18px 4px 0}.g-spider-stock{position:relative;width:66px;height:92px;border:none;background:transparent;cursor:pointer;padding:0;flex-shrink:0}.g-spider-stock:disabled{cursor:not-allowed;opacity:.55}.g-spider-stock-card{position:absolute;left:0;top:0;width:58px;height:82px;border-radius:7px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.14) 0 5px,transparent 5px 10px),linear-gradient(135deg,#4d8ae0,#2a5fb8);border:2px solid #e8f0ff;box-shadow:inset 0 0 0 1px #00000026,0 2px 5px #0006}.g-spider-stock-card-2{left:5px;top:5px}.g-spider-stock-num{position:absolute;right:-6px;bottom:-4px;min-width:34px;padding:4px 8px;background:#ffd23e;color:#5a4000;font-weight:800;font-size:18px;text-align:center;border-radius:999px;border:2px solid #fff}.g-spider-bottom-hint{flex:1;font-size:17px;color:#ffffffbf}.g-spider-btn{background:#ffffff29;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:10px;padding:12px 22px;font-size:19px;font-weight:700;cursor:pointer;transition:background .15s}.g-spider-btn:hover:not(:disabled){background:#ffffff47}.g-spider-btn:disabled{opacity:.4;cursor:not-allowed}.cy{position:relative;width:750px;height:1334px;background:radial-gradient(ellipse at 50% -10%,rgba(212,175,55,.16),transparent 55%),linear-gradient(165deg,#17242b,#0e161d 70%);display:flex;flex-direction:column;gap:14px;padding:26px 22px 24px;overflow:hidden;font-family:Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#e8dfc8;-webkit-user-select:none;user-select:none}.cy-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.cy-time-main{font-size:21px;font-weight:800;color:#ffd23e;letter-spacing:.5px}.cy-time-sub{margin-top:4px;font-size:14px;color:#e8dfc8a6}.cy-pause{flex-shrink:0}.cy-card{background:#ffffff0e;border:1px solid rgba(212,175,55,.28);border-radius:14px;padding:14px 16px}.cy-card-title{font-size:16px;font-weight:700;color:#ffd23e}.cy-dim{font-size:13px;color:#e8dfc88c}.cy-mini-btn{background:#ffffff1a;border:1px solid rgba(212,175,55,.4);color:#ffd23e;border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;transition:background .15s}.cy-mini-btn:hover{background:#ffffff2e}.cy-status-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}.cy-role{font-size:18px;font-weight:800}.cy-realm{font-size:14px;color:#ffd23e;background:#d4af3726;border:1px solid rgba(212,175,55,.4);padding:2px 10px;border-radius:999px}.cy-life-count{font-size:12px;color:#e8dfc880;margin-left:auto}.cy-bar{display:flex;align-items:center;gap:8px;margin-bottom:7px}.cy-bar-row{display:flex;gap:10px}.cy-bar-row .cy-bar{flex:1}.cy-bar-label{font-size:13px;width:68px;flex-shrink:0;white-space:nowrap}.cy-bar-track{flex:1;height:14px;background:#00000073;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.cy-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.cy-bar-val{font-size:13px;min-width:70px;text-align:right;font-variant-numeric:tabular-nums;color:#e8dfc8d9}.cy-progress-row{display:flex;align-items:center;gap:10px;margin-top:6px;padding-top:10px;border-top:1px dashed rgba(212,175,55,.25)}.cy-progress-label{font-size:13px;width:68px;flex-shrink:0}.cy-progress-track{flex:1;height:12px;background:#00000073;border-radius:999px;overflow:hidden}.cy-progress-fill{height:100%;background:linear-gradient(90deg,#3a8a6e,#ffd23e);border-radius:999px;transition:width .4s ease}.cy-progress-val{font-size:13px;min-width:60px;text-align:right}.cy-realm-hint{margin-top:8px;font-size:12.5px;color:#e8dfc899;line-height:1.5}.cy-warn{color:#f0a3a3;background:#c045451f;border:1px solid rgba(192,69,69,.4);border-radius:8px;padding:6px 10px}.cy-cave{flex-shrink:0}.cy-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.cy-cave-buildings{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;line-height:1.5}.cy-chip{background:#3a8a6e33;border:1px solid rgba(58,138,110,.5);color:#9fe0c0;border-radius:999px;padding:2px 10px;font-size:12.5px}.cy-chip-gold{background:#d4af372e;border-color:#d4af378c;color:#ffd23e}.cy-log{flex:1;min-height:0;display:flex;flex-direction:column}.cy-log-list{margin-top:8px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;flex:1}.cy-log-item{font-size:13px;line-height:1.55;color:#e8dfc8cc;border-left:3px solid rgba(255,255,255,.2);padding-left:8px}.cy-log-item.good{color:#9fe0c0;border-left-color:#3a8a6e}.cy-log-item.bad{color:#f0a3a3;border-left-color:#c04545}.cy-nav{display:flex;gap:10px;flex-shrink:0}.cy-nav-btn{flex:1;background:linear-gradient(135deg,#d4af3738,#d4af371a);border:1px solid rgba(212,175,55,.55);color:#ffd23e;border-radius:12px;padding:16px 0;font-size:17px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.cy-nav-btn:hover{background:linear-gradient(135deg,#d4af3759,#d4af372e)}.cy-nav-btn:active{transform:scale(.98)}.cy-mask{position:absolute;inset:0;z-index:30;background:#060c12c7;display:flex;align-items:center;justify-content:center;padding:22px}.cy-modal{width:100%;max-height:100%;background:linear-gradient(170deg,#1d2a33,#131d26);border:1px solid rgba(212,175,55,.45);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 40px #00000080;animation:gg-in .2s ease;overflow-y:auto}.cy-modal-head{display:flex;align-items:center;justify-content:space-between}.cy-modal-title{font-size:19px;font-weight:800;color:#ffd23e}.cy-modal-close{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#e8dfc8;border-radius:999px;width:30px;height:30px;font-size:13px;cursor:pointer}.cy-modal-body{display:flex;flex-direction:column;gap:12px}.cy-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:4px}.cy-scene-tabs{display:flex;gap:8px;flex-wrap:wrap}.cy-scene-tab{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#e8dfc8b3;border-radius:999px;padding:7px 16px;font-size:14px;cursor:pointer}.cy-scene-tab.active{background:#d4af372e;border-color:#d4af37;color:#ffd23e;font-weight:700}.cy-scene-tab.locked{opacity:.45;cursor:not-allowed}.cy-scene-desc{font-size:13.5px;color:#e8dfc8a6;line-height:1.6;margin:0}.cy-action-list,.cy-build-list,.cy-craft-list,.cy-bag{display:flex;flex-direction:column;gap:10px}.cy-action-card{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px}.cy-action-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cy-action-name{font-size:15.5px;font-weight:700}.cy-action-desc{font-size:12.5px;color:#e8dfc899;line-height:1.5}.cy-action-meta{font-size:12px;color:#e8dfc873}.cy-btn-primary{flex-shrink:0;background:linear-gradient(135deg,#3a8a6e,#2a6b55);border:none;color:#fff;border-radius:10px;padding:10px 20px;font-size:14.5px;font-weight:700;cursor:pointer;transition:filter .15s}.cy-btn-primary:hover{filter:brightness(1.15)}.cy-btn-primary.disabled{opacity:.4;cursor:not-allowed}.cy-btn-plain{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#e8dfc8;border-radius:10px;padding:10px 20px;font-size:14.5px;cursor:pointer}.cy-btn-gold{flex-shrink:0;background:linear-gradient(135deg,#d4af37,#b8912a);border:none;color:#241a02;border-radius:10px;padding:11px 24px;font-size:15px;font-weight:800;cursor:pointer;transition:filter .15s}.cy-btn-gold:hover{filter:brightness(1.12)}.cy-maxed{flex-shrink:0;font-size:13px;color:#9fe0c0;border:1px solid rgba(58,138,110,.5);border-radius:999px;padding:4px 12px}.cy-bag-item{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px}.cy-bag-icon{font-size:26px;flex-shrink:0}.cy-bag-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cy-bag-name{font-size:14.5px;font-weight:700}.cy-bag-count{color:#ffd23e}.cy-bag-desc{font-size:12px;color:#e8dfc88c;line-height:1.5}.cy-event-mask{z-index:40}.cy-event{max-width:620px;align-items:stretch}.cy-event-title{font-size:24px;font-weight:900;color:#ffd23e;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.6)}.cy-event-text{font-size:15px;line-height:1.8;color:#e8dfc8e6;text-align:center}.cy-event-options{display:flex;flex-direction:column;gap:10px;margin-top:6px}.cy-event-option{background:linear-gradient(135deg,#d4af3729,#d4af3712);border:1px solid rgba(212,175,55,.5);color:#ffd23e;border-radius:12px;padding:13px 16px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.cy-event-option:hover{background:linear-gradient(135deg,#d4af374d,#d4af3726)}.cy-event-option.disabled{opacity:.45;cursor:not-allowed}.cy-relic-sel{display:flex;flex-direction:column;gap:8px}.cy-relic-title{font-size:14px;color:#e8dfc8bf}.cy-relic-opt{display:flex;align-items:center;gap:8px;text-align:left;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#e8dfc8;border-radius:10px;padding:10px 14px;font-size:14px;cursor:pointer}.cy-relic-opt.selected{border-color:#d4af37;background:#d4af3729;color:#ffd23e}.cy-relic-opt.disabled{opacity:.4;cursor:not-allowed}.cy-result{padding:10px 14px;background:#3a8a6e1f;border:1px solid rgba(58,138,110,.4);border-radius:10px;color:#9fe0c0;font-size:14px;text-align:center}.cy-tip{text-align:center}.cy-flash{position:absolute;top:70px;left:50%;transform:translate(-50%);z-index:60;background:#000000d9;border:1px solid rgba(212,175,55,.6);color:#ffd23e;border-radius:14px;padding:10px 18px;font-size:15px;font-weight:600;max-width:calc(100% - 44px);text-align:center;line-height:1.5;box-shadow:0 6px 20px #00000080;animation:cy-flash-in .18s ease;pointer-events:none}@keyframes cy-flash-in{0%{opacity:0}to{opacity:1}}:root{--bg: #f6f1e9;--bg-soft: #ede4d6;--bg-card: #ffffff;--border: #e0d4c2;--text: #2a241e;--text-dim: #8a7d6b;--accent: #c87533;--accent-2: #3a8a6e;--danger: #c04545;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}code{background:var(--bg-soft);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:12px}.app{display:flex;height:100%}.sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-soft);border-right:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid var(--border)}.brand-logo{font-size:26px;color:var(--accent)}.brand-name{font-size:17px;font-weight:700;letter-spacing:.5px}.brand-sub{font-size:12px;color:var(--text-dim)}.tool-nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.tool-nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-dim);font-size:14px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.tool-nav-item:hover{background:var(--bg-card);color:var(--text)}.tool-nav-item.active{background:#c8753324;color:var(--accent);font-weight:600}.tool-nav-item.soon{cursor:default;opacity:.75}.nav-tip{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 14px 6px;font-size:11px;color:var(--text-dim);border-bottom:1px dashed var(--border);margin-bottom:6px}.nav-tip-text{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-reset{border:none;background:transparent;color:var(--accent);font-size:11px;cursor:pointer;padding:0;flex-shrink:0}.nav-reset:hover{text-decoration:underline}.nav-reset.editing{color:var(--accent-2);font-weight:600}.tool-nav-item.dimmed{opacity:.5}.nav-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);font-size:12px;line-height:1;cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none}.nav-edit-btn:hover{color:var(--accent);border-color:var(--accent)}.nav-empty{padding:12px;font-size:12px;color:var(--text-dim);text-align:center}.tool-nav-item{cursor:grab}.tool-nav-item:active{cursor:grabbing}.tool-nav-item.dragging{opacity:.45}.tool-nav-item.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.tool-nav-item.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.badge{font-size:11px;color:var(--text-dim);border:1px solid var(--border);border-radius:10px;padding:0 6px;white-space:nowrap}.sidebar-foot{padding:12px 16px;font-size:11px;color:var(--text-dim);border-top:1px solid var(--border)}.content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:28px 32px}.content-main{flex:1}.site-footer{flex-shrink:0;margin-top:24px;padding-top:14px;text-align:center;font-size:12px;color:var(--text-dim)}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}.tool-panel{max-width:900px;margin:0 auto}.tool-panel h2{margin:0 0 6px;font-size:22px}.tool-desc{color:var(--text-dim);margin:0 0 20px;line-height:1.7}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg-soft);transition:border-color .15s,background .15s}.dropzone-inner{display:flex;flex-direction:column;align-items:center;padding:48px 20px;gap:10px}.dropzone-icon{font-size:34px;color:var(--accent)}.dropzone p{margin:0;color:var(--text-dim)}.file-row{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.file-name{font-weight:600;word-break:break-all}.file-meta{color:var(--text-dim);font-size:12px}.btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);padding:7px 14px;border-radius:7px;cursor:pointer;font-size:13px;transition:filter .15s,background .15s}.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-small{padding:3px 10px;font-size:12px}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:18px;padding:16px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius)}.options-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-dim)}.options-grid input[type=number]{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px;font-size:13px;width:100%}.options-grid .hint{font-size:11px}.conn{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--text-dim)}.conn label{flex-direction:row;align-items:center;gap:6px}.conn input{accent-color:var(--accent)}.actions{margin-top:16px}.progress{margin-top:16px;display:flex;align-items:center;gap:10px;height:22px;background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s}.progress span{position:absolute;right:10px;font-size:11px;color:var(--text);text-shadow:0 1px 2px rgba(0,0,0,.6)}.error-box{margin-top:16px;padding:12px 14px;background:#ff5d5d1a;border:1px solid rgba(255,93,93,.4);border-radius:var(--radius);color:var(--danger);line-height:1.6}.result{margin-top:20px}.result-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.result-head strong{font-size:16px}.result-head .file-meta{flex:1}.piece-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.piece-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.piece-thumb{height:120px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg,#22262f 25%,transparent 25%,transparent 75%,#22262f 75%),linear-gradient(45deg,#22262f 25%,transparent 25%,transparent 75%,#22262f 75%);background-size:16px 16px;background-position:0 0,8px 8px;background-color:#1a1e26}.piece-thumb img{max-width:100%;max-height:100%;object-fit:contain}.piece-info{display:flex;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--border)}.piece-name{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder{margin-top:30px;text-align:center;padding:50px 20px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-dim)}.placeholder-icon{font-size:40px;margin-bottom:10px}.ts-banner{margin-bottom:20px;padding:22px 24px;border-radius:var(--radius);background:linear-gradient(135deg,#c8753338,#37c2a038);border:1px solid rgba(200,117,51,.35);text-align:center}.ts-time-row{display:flex;justify-content:center;gap:36px;flex-wrap:wrap}.ts-time-item{display:flex;flex-direction:column;align-items:center;gap:6px}.ts-time-label{font-size:12px;color:var(--text-dim);letter-spacing:.5px}.ts-time-value{font-size:18px;font-weight:600;font-family:Consolas,Courier New,monospace;color:var(--text)}.ts-converters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ts-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px}.ts-card h3{margin:0;font-size:16px;color:var(--text);display:flex;align-items:center;gap:8px}.ts-field{display:flex;flex-direction:column;gap:6px}.ts-field label{font-size:12px;color:var(--text-dim)}.ts-field input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:9px 11px;font-size:14px;width:100%;font-family:Consolas,Courier New,monospace}.ts-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c8753326}.ts-field input.ts-datetime{background:#fff;border-color:#c9d1e0;color:#1d2129;accent-color:var(--accent);caret-color:var(--accent)}.ts-field input.ts-datetime:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c8753340}.ts-field input.ts-datetime::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}.ts-field input.ts-datetime::-webkit-calendar-picker-indicator:hover{opacity:1}.ts-convert-btn{align-self:stretch;padding:10px;font-size:14px}.ts-error{padding:9px 12px;background:#ff5d5d1a;border:1px solid rgba(255,93,93,.4);border-radius:7px;color:var(--danger);font-size:13px;line-height:1.5}.ts-result{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg-soft);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:7px;animation:ts-slide-in .25s ease}@keyframes ts-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ts-result-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ts-result-label{font-size:11px;color:var(--text-dim);min-width:92px;flex-shrink:0}.ts-result-value{flex:1;font-family:Consolas,Courier New,monospace;font-size:15px;font-weight:600;color:var(--text);word-break:break-all;min-width:0}.ts-copy{flex-shrink:0}.ts-unit-selector{display:flex;gap:8px}.ts-unit-selector button{flex:1;padding:8px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:7px;color:var(--text-dim);font-size:13px;cursor:pointer;transition:all .15s}.ts-unit-selector button:hover{border-color:var(--accent);color:var(--text)}.ts-unit-selector button.active{background:#c8753329;border-color:var(--accent);color:var(--accent);font-weight:600}@media(max-width:900px){.ts-converters{grid-template-columns:1fr}.ts-time-row{gap:18px}}.jf-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:480px}.jf-pane{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.jf-pane-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--bg-soft);border-bottom:1px solid var(--border);flex-wrap:wrap}.jf-pane-title{font-size:13px;font-weight:600;color:var(--text)}.jf-pane-meta{font-size:11px;color:var(--text-dim)}.jf-input{flex:1;min-height:420px;resize:none;background:var(--bg-card);border:none;outline:none;color:var(--text);font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.7;padding:12px 14px}.jf-input::placeholder{color:var(--text-dim);opacity:.6}.jf-btns{display:flex;gap:6px;flex-wrap:wrap}.jf-btn{padding:4px 10px;font-size:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-dim);cursor:pointer;transition:all .15s;white-space:nowrap}.jf-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.jf-btn.active{background:#c8753329;border-color:var(--accent);color:var(--accent)}.jf-btn:disabled{opacity:.45;cursor:not-allowed}.jf-viewport{flex:1;display:flex;align-items:stretch;overflow:auto;background:var(--bg-card);max-height:560px}.jf-gutter{flex-shrink:0;padding:12px 8px 12px 0;text-align:right;background:var(--bg-soft);border-right:1px solid var(--border);-webkit-user-select:none;user-select:none;position:sticky;left:0;z-index:1}.jf-gutter-line{font-family:Consolas,Courier New,monospace;font-size:12px;line-height:20px;color:var(--text-dim)}.jf-content{flex:1;padding:12px 14px;min-width:0}.jf-line{font-family:Consolas,Courier New,monospace;font-size:13px;line-height:20px;white-space:pre;min-height:20px}.jf-line:hover{background:#c875330d}.jf-toggle{cursor:pointer;color:var(--accent);font-size:11px;margin-right:2px;-webkit-user-select:none;user-select:none}.jf-toggle:hover{color:var(--accent-2)}.jf-punc{color:#8a7d6b}.jf-key{color:#b87333}.jf-str{color:#3a8a6e}.jf-num{color:#c87533}.jf-bool{color:#8b5cf6}.jf-null{color:#8b5cf6;font-style:italic}.jf-ellipsis{color:var(--text-dim)}.jf-plain{color:var(--text)}.jf-empty{padding:40px 20px;text-align:center;color:var(--text-dim);font-size:13px;line-height:1.8}.jf-error{padding:14px 16px;background:#ff5d5d14;border:1px solid rgba(255,93,93,.4);border-radius:8px;color:var(--danger);font-size:13px}.jf-error-title{font-weight:600;margin-bottom:6px}.jf-error-msg{color:var(--text-dim);line-height:1.7;word-break:break-all;font-family:Consolas,Courier New,monospace;font-size:12px}@media(max-width:900px){.jf-layout{grid-template-columns:1fr}.jf-input{min-height:240px}}.cr-tabs{display:flex;gap:6px;margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:10px;flex-wrap:wrap}.cr-tabs button{padding:8px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:14px;cursor:pointer;transition:all .15s}.cr-tabs button:hover{border-color:var(--accent);color:var(--text)}.cr-tabs button.active{background:#c8753329;border-color:var(--accent);color:var(--accent);font-weight:600}.cr-body,.cr-tab{display:flex;flex-direction:column;gap:14px}.cr-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cr-label-inline{font-size:13px;color:var(--text-dim);white-space:nowrap}.cr-label-inline-2{margin-left:6px}.cr-hint{font-size:12px;color:var(--text-dim)}.cr-seg{display:inline-flex;gap:4px;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:3px}.cr-seg button{padding:5px 14px;border:none;border-radius:6px;background:transparent;color:var(--text-dim);font-size:13px;cursor:pointer;transition:all .15s}.cr-seg button:hover{color:var(--text)}.cr-seg button.active{background:var(--accent);color:#fff;font-weight:600}.cr-field{display:flex;flex-direction:column;gap:6px}.cr-label{font-size:12px;color:var(--text-dim)}.cr-textarea{width:100%;min-height:140px;resize:vertical;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:13px;line-height:1.6}.cr-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c875331f}.cr-textarea.mono{font-family:Consolas,Courier New,monospace}.cr-textarea.readonly{background:var(--bg-soft)}.cr-out-wrap{position:relative;display:flex;flex-direction:column;gap:8px}.cr-copy{align-self:flex-end}.cr-error{font-size:12px;color:var(--danger)}.cr-tab-note{display:flex;flex-direction:column;gap:14px}.cr-note{margin:0;padding:12px 14px;background:#c8753314;border:1px solid rgba(200,117,51,.3);border-radius:8px;color:var(--text-dim);font-size:13px;line-height:1.7}.cr-lookup{display:flex;flex-direction:column;gap:8px}.cr-lookup-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px}.cr-lookup-row.hit{border-color:#37c2a080;background:#37c2a012}.cr-lookup-hash{font-family:Consolas,Courier New,monospace;font-size:12px;color:var(--text);word-break:break-all}.cr-lookup-result{font-size:13px}.cr-lookup-ok{color:var(--accent-2);font-weight:600}.cr-lookup-miss{color:var(--text-dim)}.cr-check{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--text);cursor:pointer}.cr-check input{accent-color:var(--accent)}.cr-num{width:70px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 8px;font-size:13px}.cr-num:focus{outline:none;border-color:var(--accent)}.cr-select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 10px;font-size:13px}.cr-select:focus{outline:none;border-color:var(--accent)}.cr-pw-list{display:flex;flex-direction:column;gap:8px}.cr-pw-row{display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px}.cr-pw{flex:1;font-family:Consolas,Courier New,monospace;font-size:14px;color:var(--accent);word-break:break-all}.cr-pw-weak{font-size:12px;color:var(--text-dim);white-space:nowrap}.sp-panel{max-width:1100px}.sp-layout{display:grid;grid-template-columns:250px 1fr;gap:16px;min-height:520px}.sp-side{display:flex;flex-direction:column;gap:14px;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow-y:auto;max-height:640px}.sp-group{display:flex;flex-direction:column;gap:8px}.sp-group+.sp-group{padding-top:12px;border-top:1px solid var(--border)}.sp-group-title{font-size:12px;font-weight:600;color:var(--text-dim);letter-spacing:.5px}.sp-file-info{font-size:12px;color:var(--text);line-height:1.6;word-break:break-all}.sp-file-info.empty{color:var(--text-dim)}.sp-error{padding:8px 10px;background:#ff5d5d1a;border:1px solid rgba(255,93,93,.4);border-radius:7px;color:var(--danger);font-size:12px;line-height:1.5}.sp-loading{font-size:12px;color:var(--accent)}.sp-select{width:100%;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:7px 9px;font-size:13px}.sp-select:focus{outline:none;border-color:var(--accent)}.sp-select:disabled{opacity:.5}.sp-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sp-btn{flex:1;padding:7px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:7px;color:var(--text-dim);font-size:13px;cursor:pointer;transition:all .15s;white-space:nowrap}.sp-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.sp-btn.active{background:#c8753329;border-color:var(--accent);color:var(--accent)}.sp-btn:disabled{opacity:.45;cursor:not-allowed}.sp-check{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text);cursor:pointer;white-space:nowrap}.sp-check input{accent-color:var(--accent)}.sp-slider{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim)}.sp-slider input[type=range]{flex:1;accent-color:var(--accent);min-width:0}.sp-slider input[type=color]{width:36px;height:26px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);cursor:pointer}.sp-val{font-family:Consolas,Courier New,monospace;color:var(--text);min-width:42px;text-align:right}.sp-canvas-wrap{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:520px}.sp-canvas-wrap.drag{border-color:var(--accent);box-shadow:0 0 0 3px #c8753333 inset}.sp-canvas{display:block;width:100%;height:100%}.sp-hint{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-dim);pointer-events:none;text-align:center;padding:20px}.sp-hint-icon{font-size:44px;color:var(--accent)}.sp-hint p{margin:0;font-size:14px}.sp-hint-sub{font-size:12px;opacity:.75}@media(max-width:900px){.sp-layout{grid-template-columns:1fr}.sp-side{max-height:none}.sp-canvas-wrap{min-height:320px}}.seg{display:inline-flex;gap:4px;padding:4px;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;margin-bottom:18px}.seg-btn{border:none;background:transparent;color:var(--text-dim);padding:7px 22px;border-radius:7px;cursor:pointer;font-size:14px}.seg-btn.active{background:var(--accent);color:#fff;font-weight:600}.wm-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:20px;align-items:start}.wm-left{min-width:0}.wm-preview{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:10px;margin-bottom:10px;overflow:hidden}.wm-canvas{display:block;width:100%;height:auto;border-radius:6px;background-image:linear-gradient(45deg,#22262f 25%,transparent 25%,transparent 75%,#22262f 75%),linear-gradient(45deg,#22262f 25%,transparent 25%,transparent 75%,#22262f 75%);background-size:16px 16px;background-position:0 0,8px 8px;background-color:#1a1e26}.wm-canvas-select{touch-action:none}.wm-right{display:flex;flex-direction:column;gap:14px;padding:16px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius)}.wm-field{display:flex;flex-direction:column;gap:6px}.wm-field>label{font-size:12px;color:var(--text-dim)}.wm-field input[type=text],.wm-field input[type=number],.wm-field select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 9px;font-size:13px;width:100%}.wm-field input[type=range]{width:100%;accent-color:var(--accent)}.wm-field input[type=color]{width:40px;height:30px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--bg-card)}.wm-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wm-color-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wm-swatch{width:22px;height:22px;border-radius:6px;border:2px solid var(--border);cursor:pointer;padding:0}.wm-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px #c8753359}.wm-radio-row{display:flex;gap:16px;font-size:13px}.wm-radio-row label{display:flex;align-items:center;gap:5px;cursor:pointer}.wm-radio-row input{accent-color:var(--accent)}.wm-grid9{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,26px);gap:4px;width:fit-content}.wm-grid9-cell{border:1px solid var(--border);border-radius:5px;background:var(--bg-card);cursor:pointer}.wm-grid9-cell.active{background:var(--accent);border-color:var(--accent)}.wm-hint{font-size:12px;color:var(--text-dim);margin:2px 0}.wm-region-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.wm-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:3px 10px}.wm-chip-x{border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:11px;padding:0}.wm-chip-x:hover{color:var(--danger)}.wm-actions{display:flex;gap:10px;flex-wrap:wrap}.wm-msg{font-size:12px;color:var(--accent-2);padding:8px 10px;background:#37c2a014;border:1px solid rgba(55,194,160,.3);border-radius:7px}.btn-block{width:100%;padding:10px;font-size:14px}@media(max-width:900px){.wm-grid{grid-template-columns:1fr}}.tool-panel-wide,.tool-panel.tool-panel-wide{max-width:none}.sticky-wrap{display:flex;flex-direction:column;gap:12px}.sticky-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sticky-hint{font-size:12px;color:var(--text-dim);flex:1}.sticky-board{position:relative;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-soft);background-image:radial-gradient(circle,#2c313d 1px,transparent 1px);background-size:22px 22px}.sticky-empty{position:sticky;top:0;padding:60px 20px;text-align:center;color:var(--text-dim);font-size:14px}.sticky-card{position:absolute;display:flex;flex-direction:column;border-radius:3px 14px 14px;box-shadow:0 3px 10px #0000004d;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:box-shadow .12s}.sticky-card:active{cursor:grabbing}.sticky-card:hover{box-shadow:0 5px 16px #00000061}.sticky-bar{display:flex;align-items:center;gap:6px;padding:6px 8px 2px;cursor:grab}.sticky-dots{display:flex;gap:4px}.sticky-dot{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.2);cursor:pointer;padding:0}.sticky-dot.active{box-shadow:0 0 0 2px #00000047}.sticky-time{flex:1;font-size:10px;color:#00000073;text-align:right;margin-right:2px}.sticky-del{border:none;background:transparent;color:#00000080;cursor:pointer;font-size:12px;padding:0 2px;border-radius:4px}.sticky-del:hover{color:#c00;background:#00000014}.sticky-text{flex:1;margin:4px 10px 10px;background:transparent;border:none;resize:none;outline:none;font-family:inherit;font-size:14px;line-height:1.65;color:#374151;-webkit-user-select:text;user-select:text;overflow:auto}.sticky-text::placeholder{color:#00000059}.sticky-resize{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize}.sticky-resize:after{content:"";position:absolute;right:4px;bottom:4px;width:9px;height:9px;border-right:2px solid rgba(0,0,0,.35);border-bottom:2px solid rgba(0,0,0,.35)}.memo-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:stretch}.memo-list{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow-y:auto}.memo-list-head{display:flex;gap:8px}.memo-search{flex:1;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 10px;font-size:13px}.memo-tag-row{display:flex;gap:6px;flex-wrap:wrap}.memo-tag{font-size:11px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);border-radius:12px;padding:2px 9px;cursor:pointer}.memo-tag.active{background:var(--accent);border-color:var(--accent);color:#fff}.memo-empty{padding:40px 10px;text-align:center;color:var(--text-dim);font-size:13px}.memo-item{padding:10px 12px;border-radius:8px;cursor:pointer;background:var(--bg-card);border:1px solid transparent;display:flex;flex-direction:column;gap:4px}.memo-item:hover{border-color:var(--border)}.memo-item.active{border-color:var(--accent);background:#c8753314}.memo-item-title{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memo-item-snippet{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memo-item-meta{display:flex;gap:8px;font-size:11px;color:var(--text-dim)}.memo-item-tags{color:var(--accent)}.memo-detail{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px;min-height:420px}.memo-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-dim)}.memo-detail-empty-icon{font-size:40px}.memo-title-input,.memo-tags-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:9px 11px;font-size:16px;font-weight:600}.memo-tags-input{font-size:13px;font-weight:400}.memo-body{flex:1;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:10px 11px;font-size:14px;line-height:1.7;resize:vertical;min-height:260px;font-family:inherit}.memo-detail-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.memo-meta-text{font-size:11px;color:var(--text-dim)}.btn-danger{border-color:#ff5d5d80;color:var(--danger)}.btn-danger:hover{background:#ff5d5d1f}@media(max-width:900px){.memo-layout{grid-template-columns:1fr}.memo-list{max-height:40vh}}.db-conn{max-width:640px;display:flex;flex-direction:column;gap:16px;padding:20px;margin-top:4px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius)}.db-conn h3{margin:0 0 4px}.db-conn .tool-desc{margin-bottom:4px}.db-conn form .btn-primary{margin-top:14px}.db-saved{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);padding-top:12px}.db-saved-title,.db-saved-empty{font-size:12px;color:var(--text-dim)}.db-saved-item{display:flex;align-items:center;gap:6px}.db-saved-main{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text);cursor:pointer}.db-saved-main:hover{border-color:var(--accent)}.db-saved-name{font-weight:600;font-size:13px}.db-saved-meta{font-size:11px;color:var(--text-dim)}.db-saved-del{border:1px solid var(--border);background:transparent;color:var(--text-dim);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:11px}.db-saved-del:hover{color:var(--danger);border-color:#ff5d5d80}.db-conn-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.db-conn-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-dim)}.db-conn-grid input,.db-conn-grid select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 9px;font-size:13px}.db-topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px}.db-conn-info{font-size:13px;flex:1;color:var(--text-dim)}.db-conn-info b{color:var(--text)}.db-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px;align-items:start}.db-tree{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:2px;max-height:72vh;overflow-y:auto}.db-tree-title{font-size:12px;color:var(--text-dim);padding:2px 6px 6px}.db-tree-item{display:flex;flex-direction:column}.db-tree-db,.db-tree-table,.db-tree-action{display:flex;align-items:center;gap:6px;width:100%;text-align:left;border:none;background:transparent;color:var(--text);font-size:13px;padding:6px 8px;border-radius:6px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-tree-db:hover,.db-tree-table:hover,.db-tree-action:hover{background:var(--bg-card)}.db-tree-db.active,.db-tree-table.active,.db-tree-action.active{background:#c8753324;color:var(--accent)}.db-tree-tables{display:flex;flex-direction:column;margin-left:14px;border-left:1px solid var(--border);padding-left:4px}.db-tree-table{font-size:12px;color:var(--text-dim)}.db-tree-icon{width:16px;text-align:center;flex-shrink:0}.db-tree-empty{font-size:11px;color:var(--text-dim);padding:4px 8px}.db-tree-sep{border-top:1px solid var(--border);margin:6px 0}.db-main{min-width:0}.db-sql{display:flex;flex-direction:column;gap:10px}.db-sql-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.db-sql-input{width:100%;min-height:180px;background:#10131a;border:1px solid var(--border);color:#d6e2ff;border-radius:8px;padding:12px;font-family:Consolas,Cascadia Code,monospace;font-size:13px;line-height:1.6;resize:vertical;white-space:pre}.db-results{display:flex;flex-direction:column;gap:8px}.db-result-item{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-soft)}.db-result-error{border-color:#ff5d5d80}.db-result-head{display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--bg-card);border-bottom:1px solid var(--border)}.db-result-badge{font-weight:700}.db-result-badge.ok{color:var(--accent-2)}.db-result-badge.err{color:var(--danger)}.db-result-sql{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-affected{padding:10px;font-size:13px;color:var(--accent-2)}.db-grid-wrap{border:1px solid var(--border);border-radius:8px;overflow:auto;background:var(--bg-soft)}.db-grid-scroll{max-height:56vh}.db-grid{border-collapse:collapse;width:100%;font-size:12.5px}.db-grid th,.db-grid td{border:1px solid var(--border);padding:6px 9px;text-align:left;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-grid thead th{position:sticky;top:0;background:var(--bg-card);color:var(--text-dim);font-weight:600;z-index:1}.db-grid tbody tr:hover{background:#ffffff08}.db-null{color:var(--text-dim);font-style:italic}.db-empty-cell{text-align:center;color:var(--text-dim);padding:24px!important}.db-rowidx{color:var(--text-dim);width:44px;text-align:center!important}.db-actions{width:110px;white-space:nowrap}.db-cell-input{width:100%;min-width:70px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:3px 6px;font-size:12px}.db-hint{font-size:12px;color:var(--text-dim)}.db-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.db-table-name{font-size:15px;margin-right:6px}.db-pager{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.db-pager select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 6px;font-size:12px}.db-pager-jump{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-dim)}.db-pager-jump input{width:56px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 6px;font-size:12px}.db-pager-jump input:focus{outline:none;border-color:var(--accent)}.db-tables-grid{display:flex;flex-direction:column;gap:6px}.db-table-card{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;cursor:pointer}.db-table-card:hover{border-color:var(--accent)}.db-modal-mask{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.db-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;width:420px;max-width:100%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.db-modal-wide{width:640px}.db-modal h4{margin:0}.db-modal-label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-dim)}.db-modal-label input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 9px;font-size:13px}.db-modal-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:50vh;overflow-y:auto}.db-modal-form label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--text-dim)}.db-modal-form input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 8px;font-size:13px}.db-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.db-col-editor{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:8px;padding:8px}.db-col-editor-head,.db-col-editor-row{display:grid;grid-template-columns:1.2fr 1.4fr 54px 54px 1fr 34px;gap:6px;align-items:center}.db-col-editor-head{font-size:11px;color:var(--text-dim)}.db-col-editor-row input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:5px 7px;font-size:12.5px}.db-col-editor-row .col-null,.db-col-editor-row .col-pk{display:flex;align-items:center;justify-content:center}.db-col-editor-row input[type=checkbox]{accent-color:var(--accent)}.col-name,.col-type{min-width:0}@media(max-width:1000px){.db-layout,.db-conn-grid{grid-template-columns:1fr}}.rd-panel{max-width:1200px}.rd-layout{display:grid;grid-template-columns:260px 300px 1fr;gap:14px;min-height:560px}.rd-side,.rd-mid{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow-y:auto;max-height:640px}.rd-group{display:flex;flex-direction:column;gap:8px}.rd-group+.rd-group{padding-top:12px;border-top:1px solid var(--border)}.rd-group-title{font-size:12px;font-weight:600;color:var(--text-dim);letter-spacing:.5px}.rd-key-count{font-weight:400;letter-spacing:0;color:var(--text-dim);font-size:11px;margin-left:8px}.rd-truncated{color:#e0a94d;margin-top:4px}.rd-field{display:flex;flex-direction:column;gap:4px}.rd-field>span{font-size:11px;color:var(--text-dim)}.rd-field input,.rd-search,.rd-inline-edit input,.rd-hash-insert input,.rd-textarea,.rd-hash-table input{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 9px;font-size:13px;width:100%}.rd-field input:focus,.rd-search:focus,.rd-inline-edit input:focus,.rd-hash-insert input:focus,.rd-textarea:focus,.rd-hash-table input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c875331f}.rd-row{display:flex;gap:8px}.rd-row .rd-field{flex:1}.rd-port{max-width:90px}.rd-btn{margin-top:4px;width:100%}.rd-empty{font-size:12px;color:var(--text-dim);padding:8px 0}.rd-placeholder{color:var(--text-dim);font-size:13px;padding:40px 20px;text-align:center}.rd-notice{margin-bottom:12px;padding:9px 12px;background:#37c2a01a;border:1px solid rgba(55,194,160,.4);border-radius:8px;color:var(--accent-2);font-size:13px}.rd-error{margin-bottom:12px;padding:9px 12px;background:#ff5d5d1a;border:1px solid rgba(255,93,93,.4);border-radius:8px;color:var(--danger);font-size:13px;line-height:1.5;word-break:break-all}.rd-conn{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px}.rd-conn.active{border-color:var(--accent);background:#c8753314}.rd-conn-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;background:none;border:none;color:var(--text);text-align:left;cursor:pointer;padding:0}.rd-conn-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rd-conn-meta{font-size:11px;color:var(--text-dim)}.rd-conn-ops{display:flex;gap:4px;flex-shrink:0}.rd-mini{padding:3px 8px;font-size:11px;background:var(--bg-card);border:1px solid var(--border);border-radius:5px;color:var(--text-dim);cursor:pointer}.rd-mini:hover{border-color:var(--accent);color:var(--text)}.rd-mini.danger:hover{border-color:var(--danger);color:var(--danger)}.rd-mini:disabled{opacity:.4;cursor:not-allowed}.rd-db-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rd-db{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:var(--bg-soft);border:1px solid var(--border);border-radius:7px;color:var(--text-dim);cursor:pointer;font-size:12px}.rd-db:hover{border-color:var(--accent);color:var(--text)}.rd-db.active{border-color:var(--accent);background:#c875331f;color:var(--accent)}.rd-db-count{font-size:11px;color:var(--text-dim)}.rd-keys-group{flex:1;min-height:0}.rd-search-row{display:flex;gap:6px}.rd-search{flex:1;min-width:0}.rd-key-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;max-height:380px}.rd-key{padding:6px 9px;background:transparent;border:none;border-radius:6px;color:var(--text-dim);font-size:12px;text-align:left;cursor:pointer;font-family:Consolas,Courier New,monospace;word-break:break-all}.rd-key:hover{background:var(--bg-soft);color:var(--text)}.rd-key.active{background:#c8753324;color:var(--accent)}.rd-loading{font-size:12px;color:var(--accent);padding:6px 0}.rd-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;overflow-y:auto;max-height:640px}.rd-detail-body{display:flex;flex-direction:column;gap:12px}.rd-detail-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rd-key-title{font-size:15px;font-weight:600;font-family:Consolas,Courier New,monospace;word-break:break-all}.rd-badge{padding:2px 8px;font-size:11px;border-radius:10px;background:#c8753329;border:1px solid var(--accent);color:var(--accent)}.rd-meta-row{display:flex;gap:20px;padding:10px 12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px}.rd-meta-item{display:flex;flex-direction:column;gap:2px}.rd-meta-item span{font-size:11px;color:var(--text-dim)}.rd-meta-item strong{font-size:14px;color:var(--text)}.rd-toolbar{display:flex;gap:8px;flex-wrap:wrap}.danger-btn:hover{border-color:var(--danger);color:var(--danger)}.rd-inline-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rd-inline-edit input{flex:1;min-width:160px}.rd-inline-edit.rd-ttl{font-size:12px;color:var(--text-dim)}.rd-inline-edit.rd-ttl input{flex:0 0 120px}.rd-value-area,.rd-editor{display:flex;flex-direction:column;gap:8px}.rd-editor-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text)}.rd-textarea{min-height:200px;resize:vertical;font-family:Consolas,Courier New,monospace;line-height:1.6}.rd-editor-actions{display:flex;gap:8px}.rd-hash-insert{display:flex;gap:6px;flex-wrap:wrap}.rd-hash-insert input{flex:1;min-width:120px}.rd-hash-table{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--bg-soft)}.rd-hash-head{display:grid;grid-template-columns:1fr 1fr 90px;gap:8px;font-size:11px;color:var(--text-dim);padding:0 4px}.rd-hash-row{display:grid;grid-template-columns:1fr 1fr 90px;gap:8px;align-items:center}.rd-hash-row.dirty input{border-color:var(--accent)}.rd-hash-ops{display:flex;gap:4px}.rd-hash-pager{display:flex;align-items:center;gap:12px;justify-content:center}.rd-readonly pre{margin:0;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.6;overflow-x:auto;color:var(--text)}.rd-hint{font-size:11px;color:var(--text-dim)}@media(max-width:1100px){.rd-layout{grid-template-columns:1fr}.rd-side,.rd-mid,.rd-detail{max-height:none}}.cp-panel{max-width:900px}.cp-layout{display:grid;grid-template-columns:auto auto;gap:16px;align-items:stretch}.cp-main{display:flex;flex-direction:column;gap:14px}.cp-picker-wrap{position:relative;width:100%;aspect-ratio:1;max-width:420px;border-radius:12px;overflow:hidden;border:1px solid var(--border);cursor:crosshair;-webkit-user-select:none;user-select:none;box-shadow:0 2px 12px #00000040}.cp-picker-wrap.active{box-shadow:0 0 0 3px #c8753359}.cp-picker-canvas{width:100%;height:100%;display:block}.cp-cursor{position:absolute;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none}.cp-cursor-ring{width:100%;height:100%;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0009,0 0 4px #00000080}.cp-hue-row{display:flex;align-items:center;gap:12px;max-width:420px}.cp-hue-label{font-size:12px;color:var(--text-dim);white-space:nowrap}.cp-hue-slider{flex:1;appearance:none;height:16px;border-radius:8px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);outline:none;cursor:pointer}.cp-hue-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #333;cursor:pointer}.cp-hue-val{font-size:13px;color:var(--text);min-width:42px;text-align:right;font-family:Consolas,monospace}.cp-sliders{display:flex;flex-direction:column;gap:8px;max-width:420px}.cp-slider{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-dim)}.cp-slider span:first-child{width:64px;flex-shrink:0}.cp-slider input[type=range]{flex:1;accent-color:var(--accent);min-width:0}.cp-val{min-width:42px;text-align:right;font-family:Consolas,monospace;color:var(--text)}.cp-side{display:flex;flex-direction:column;gap:12px}.cp-zoom-box{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex:1;min-height:0}.cp-zoom-title{font-size:12px;font-weight:600;color:var(--text-dim)}.cp-zoom-stage{position:relative;width:180px;height:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.cp-zoom-canvas{image-rendering:pixelated;display:block}.cp-zoom-cross-h,.cp-zoom-cross-v{position:absolute;background:#ffffffd9;box-shadow:0 0 2px #000c;pointer-events:none}.cp-zoom-cross-h{left:0;right:0;top:50%;height:1.5px;transform:translateY(-50%)}.cp-zoom-cross-v{top:0;bottom:0;left:50%;width:1.5px;transform:translate(-50%)}.cp-zoom-hex{font-family:Consolas,Courier New,monospace;font-size:15px;font-weight:600;color:var(--text)}.cp-zoom-tip{font-size:11px;color:var(--text-dim);text-align:center;line-height:1.5}.cp-preview{height:56px;border-radius:10px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.cp-preview-hex{font-family:Consolas,Courier New,monospace;font-size:16px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.6)}.cp-result-row{display:flex;align-items:center;gap:8px}.cp-result-label{font-size:12px;font-weight:600;color:var(--text-dim);width:36px;flex-shrink:0}.cp-result-input{flex:1;min-width:0;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:8px 10px;font-size:13px;font-family:Consolas,Courier New,monospace}.cp-result-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c875331f}.cp-copy{flex-shrink:0}.cp-channels{display:flex;gap:12px;flex-wrap:wrap;font-family:Consolas,Courier New,monospace;font-size:13px}.cp-hsv{color:var(--text-dim)}.cp-image-drop{width:100%;max-width:420px}.cp-image-wrap{position:relative;cursor:crosshair;display:inline-block;align-self:flex-start;border-radius:12px;overflow:hidden;border:1px solid var(--border);line-height:0}.cp-image-canvas{display:block;max-width:100%}.cp-image-cursor{position:absolute;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none}.cp-image-actions{margin-top:10px;display:flex;gap:8px}@media(max-width:900px){.cp-layout{grid-template-columns:1fr}.cp-zoom-box{flex:none}}.cp-img-panel{max-width:900px}.dropzone-active{border-color:var(--accent);background:#c875330f}.cmp-queue,.cmp-results{margin-top:18px;display:flex;flex-direction:column;gap:12px}.cmp-queue-head,.cmp-results-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cmp-queue-head span{font-size:13px;color:var(--text);font-weight:600}.cmp-queue-head .btn{margin-left:auto}.cmp-list{display:flex;flex-direction:column;gap:8px}.cmp-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.cmp-item.result{background:#37c2a00d;border-color:#37c2a04d}.cmp-thumb{width:56px;height:56px;object-fit:contain;border-radius:6px;background:linear-gradient(45deg,#22262f 25%,transparent 25%,transparent 75%,#22262f 75%),linear-gradient(45deg,#22262f 25%,transparent 25%,transparent 75%,#22262f 75%);background-size:12px 12px;background-position:0 0,6px 6px;background-color:#1a1e26;flex-shrink:0}.cmp-info{flex:1;min-width:0}.cmp-name{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-meta{font-size:12px;color:var(--text-dim)}.cmp-green{color:var(--accent-2)}.cmp-del{flex-shrink:0;color:var(--text-dim)}.cmp-del:hover{color:var(--danger);border-color:var(--danger)}.cmp-level{padding:14px 16px;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:8px}.cmp-level-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text)}.cmp-level-val{font-family:Consolas,Courier New,monospace;font-size:18px;color:var(--accent)}.cmp-level input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.cmp-level-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim)}.cmp-start{align-self:flex-start;padding:10px 26px;font-size:14px}.cmp-results-head strong{font-size:15px}.cmp-results-head .cmp-meta{flex:1}.cmp-zip{margin-left:auto}.plist-pick-row{display:flex;gap:10px}.plist-files{display:flex;flex-direction:column;gap:8px;margin-top:12px}.plist-actions{display:flex;align-items:center;gap:14px;margin-top:14px;flex-wrap:wrap}.plist-flip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);cursor:pointer}.plist-flip input{accent-color:var(--accent)}.pb-input-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);padding:12px;margin-bottom:14px;position:relative;transition:border-color .15s}.pb-input-card.drag-over{border-color:var(--accent);border-style:dashed}.pb-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pb-card-title{font-size:13px;font-weight:600;flex:1}.pb-input{width:100%;min-height:96px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-family:Consolas,Cascadia Code,monospace;font-size:12.5px;line-height:1.6;resize:vertical;white-space:pre}.pb-input-proto{min-height:72px;color:var(--text)}.pb-drop-hint{font-size:11px;color:var(--text-dim);text-align:center;padding-top:6px}.pb-card-actions{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.pb-err-inline{font-size:12px;color:var(--danger)}.pb-ok-inline{font-size:12px;color:var(--accent-2)}.pb-options{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:4px 0 12px}.pb-check{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-dim);cursor:pointer}.pb-check input[type=checkbox]{accent-color:var(--accent)}.pb-check select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 8px;font-size:12px}.pb-decode-btn{padding:9px 30px;font-size:14px}.pb-result{margin-top:18px}.pb-result h3{margin:0 0 10px}.pb-table{border-collapse:collapse;width:100%;font-size:12.5px;margin-bottom:12px;background:var(--bg-soft);border-radius:8px;overflow:hidden}.pb-table th,.pb-table td{border:1px solid var(--border);padding:6px 10px;text-align:left;vertical-align:top}.pb-table thead th{background:var(--bg-card);color:var(--text-dim);font-weight:600}.pb-range{color:var(--text-dim);white-space:nowrap;font-family:Consolas,monospace;font-size:11.5px}.pb-content{min-width:220px;max-width:520px;overflow-wrap:anywhere}.pb-val{font-family:Consolas,monospace;font-size:12px;white-space:pre-wrap}.pb-schema-val{color:var(--accent-2)}.pb-as{font-size:12px;color:var(--text-dim);white-space:pre-wrap}.pb-leftover{font-family:Consolas,monospace;font-size:12px;color:var(--text-dim)}.bg-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}.bg-col-title{font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-dim)}.bg-preview{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:10px;min-height:260px;display:flex;align-items:center;justify-content:center;overflow:hidden}.bg-preview img{max-width:100%;max-height:420px;object-fit:contain}.bg-checker{background-image:linear-gradient(45deg,#22262f 25%,transparent 25%,transparent 75%,#22262f 75%),linear-gradient(45deg,#22262f 25%,transparent 25%,transparent 75%,#22262f 75%);background-size:16px 16px;background-position:0 0,8px 8px;background-color:#1a1e26}.bg-placeholder{color:var(--text-dim);font-size:13px}.bg-actions{display:flex;gap:10px;flex-wrap:wrap}.bg-progress{margin-top:12px;font-size:13px;color:var(--accent)}@media(max-width:900px){.bg-grid{grid-template-columns:1fr}}.sidebar-foot{display:flex;align-items:center;justify-content:center;gap:8px}.sf-contact{border:1px solid var(--border);background:transparent;color:var(--accent);font-size:11px;border-radius:10px;padding:2px 10px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.sf-contact:hover{background:#c875331f;border-color:var(--accent)}.contact-modal{width:300px;text-align:center}.contact-body{display:flex;flex-direction:column;align-items:center;gap:12px;padding:4px 0}.contact-qr{width:210px;height:auto;border-radius:10px;border:1px solid var(--border);background:#fff;padding:6px}.contact-row{display:flex;align-items:center;gap:10px}.contact-wxid{font-size:14px;color:var(--text)}.contact-tip{font-size:12px;color:var(--text-dim);margin:0}.stk-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.stk-add-input{width:180px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:7px 10px;font-size:13px}.stk-hint{font-size:12px;color:var(--text-dim)}.stk-table-wrap{border:1px solid var(--border);border-radius:10px;overflow:auto}.stk-table{border-collapse:collapse;width:100%;font-size:13.5px}.stk-table th,.stk-table td{border-bottom:1px solid var(--border);padding:10px 14px;text-align:right}.stk-table th{background:var(--bg-soft);color:var(--text-dim);font-weight:600;font-size:12.5px}.stk-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.stk-table th.sortable:hover{color:var(--accent)}.stk-table tbody tr{cursor:pointer;transition:background .12s}.stk-table tbody tr:hover{background:#c875330f}.stk-name{text-align:left;font-weight:600}.stk-code{text-align:left;color:var(--text-dim);font-family:Consolas,monospace}.stk-num{font-variant-numeric:tabular-nums}.stk-op{width:50px;text-align:center!important}.stk-empty{text-align:center;color:var(--text-dim);padding:30px!important}.stock-modal{width:840px;max-width:96vw}.stock-head{display:flex;align-items:center;gap:18px}.stock-title{font-size:17px;font-weight:700}.stock-code{font-size:12px;color:var(--text-dim);margin-left:8px;font-family:Consolas,monospace}.stock-quote{display:flex;align-items:baseline;gap:10px;flex:1}.stock-quote b{font-size:20px}.stock-quote span{font-size:13px}.stock-tabs{margin:10px 0}.stock-chart-wrap{position:relative;height:440px}.stock-chart{position:absolute;inset:0}.stock-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);background:#15192299;z-index:2}.stock-legend{font-size:11px;color:var(--text-dim);margin-top:8px}.gen-body{margin-top:16px}.gen-tab{display:flex;flex-direction:column;gap:12px}.gen-result-list{display:flex;flex-direction:column;gap:4px;max-height:420px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);padding:6px}.gen-result-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px}.gen-result-row:hover{background:var(--bg-soft)}.gen-result-code{flex:1;font-family:Consolas,Courier New,monospace;font-size:13px;color:var(--text);word-break:break-all}.gen-qr-layout{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.gen-qr-input{display:flex;flex-direction:column;gap:10px}.gen-qr-preview{display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.gen-qr-canvas{display:block;border-radius:8px}@media(max-width:700px){.gen-qr-layout{grid-template-columns:1fr}.gen-qr-preview{order:-1}}.atlas-list-section{margin-top:18px}.atlas-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.atlas-list-head>div{display:flex;gap:8px}.atlas-thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.atlas-thumb-card{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.atlas-thumb-img{width:100%;height:80px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#e8e0d4 0% 25%,#f0e9dd 0% 50%) 50% / 16px 16px;overflow:hidden}.atlas-thumb-img img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.atlas-thumb-info{padding:6px 8px;display:flex;flex-direction:column;gap:2px;min-width:0}.atlas-thumb-name{font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atlas-thumb-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.atlas-thumb-remove:hover{background:var(--danger)}.atlas-actions{margin-top:18px;display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.atlas-padding{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text);font-weight:600}.atlas-padding input{width:80px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:7px 10px;font-size:13px}.atlas-padding input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c875331f}.atlas-padding .hint{font-size:11px;color:var(--text-dim);font-weight:400}.atlas-result{margin-top:18px}.atlas-result-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.atlas-result-head>div{margin-left:auto;display:flex;gap:8px}.atlas-preview-wrap{background:repeating-conic-gradient(#e8e0d4 0% 25%,#f0e9dd 0% 50%) 50% / 20px 20px;border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;align-items:center;justify-content:center;max-height:500px;overflow:auto}.atlas-preview{max-width:100%;max-height:480px;object-fit:contain;image-rendering:pixelated}.atlas-plist-preview{margin-top:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.atlas-plist-preview summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--text);-webkit-user-select:none;user-select:none}.atlas-plist-preview pre{margin-top:10px;font-size:11px;line-height:1.5;color:var(--text-dim);max-height:300px;overflow:auto;white-space:pre}.hd-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--border);padding-bottom:10px}.hd-tabs button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);border-radius:8px;padding:7px 18px;font-size:13px;cursor:pointer;transition:all .15s}.hd-tabs button:hover{border-color:var(--accent);color:var(--text)}.hd-tabs button.active{background:#c8753324;border-color:var(--accent);color:var(--accent);font-weight:600}.hd-block{display:flex;flex-direction:column;gap:12px}.hd-request-bar{display:flex;gap:8px;align-items:stretch}.hd-method-seg{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg-soft)}.hd-method-seg button{border:none;background:transparent;color:var(--text-dim);font-weight:600;font-size:13px;padding:0 16px;cursor:pointer}.hd-method-seg button.active{background:var(--accent);color:#fff}.hd-url{flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:13px;background:var(--bg-card);color:var(--text);font-family:Consolas,Courier New,monospace}.hd-url:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c875331f}.hd-send{white-space:nowrap}.hd-error{color:#c0392b;font-size:13px;background:#c0392b14;border:1px solid rgba(192,57,43,.3);border-radius:8px;padding:8px 12px}.hd-sec-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border)}.hd-sec-tabs button{border:none;background:transparent;color:var(--text-dim);font-size:13px;padding:8px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.hd-sec-tabs button.active{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}.hd-kv{display:flex;flex-direction:column;gap:8px}.hd-kv-row{display:flex;align-items:center;gap:8px}.hd-kv-check{width:16px;height:16px;accent-color:var(--accent);flex:none}.hd-kv-key,.hd-kv-value{border:1px solid var(--border);border-radius:7px;padding:7px 10px;font-size:13px;background:var(--bg-card);color:var(--text);font-family:Consolas,Courier New,monospace}.hd-kv-key{flex:1 1 35%;min-width:0}.hd-kv-value{flex:1 1 55%;min-width:0}.hd-kv-key:focus,.hd-kv-value:focus{outline:none;border-color:var(--accent)}.hd-kv-del{flex:none;color:#c0392b;border-color:#c0392b66}.hd-add{align-self:flex-start}.hd-kv-empty{font-size:12px;color:var(--text-dim);background:var(--bg-soft);border:1px dashed var(--border);border-radius:8px;padding:10px 12px}.hd-body{display:flex;flex-direction:column;gap:10px}.hd-body-type{display:flex;gap:6px}.hd-body-type button{border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);font-size:12px;border-radius:6px;padding:5px 12px;cursor:pointer}.hd-body-type button.active{border-color:var(--accent);color:var(--accent);background:#c875331a}.hd-body-input{min-height:110px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;background:var(--bg-card);color:var(--text);font-family:Consolas,Courier New,monospace;resize:vertical}.hd-body-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c875331f}.hd-options label{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.hd-options input{width:120px;border:1px solid var(--border);border-radius:7px;padding:6px 10px;font-size:13px;background:var(--bg-card);color:var(--text)}.hd-options input:focus{outline:none;border-color:var(--accent)}.hd-response{border:1px solid var(--border);border-radius:10px;background:var(--bg-card);overflow:hidden}.hd-resp-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:var(--bg-soft);border-bottom:1px solid var(--border)}.hd-status-badge{font-weight:700;font-size:13px;padding:3px 10px;border-radius:6px}.hd-status-ok{background:#3a8a6e26;color:#2d7d5f}.hd-status-info{background:#2980b926;color:#2471a3}.hd-status-warn{background:#c875332e;color:#b5610f}.hd-status-err{background:#c0392b26;color:#c0392b}.hd-resp-meta{font-size:12px;color:var(--text-dim)}.hd-resp-actions{margin-left:auto;display:flex;gap:8px}.hd-resp-headers{max-height:240px;overflow:auto;border-bottom:1px solid var(--border);padding:6px 14px}.hd-resp-headers table{width:100%;border-collapse:collapse;font-size:12px}.hd-resp-headers td{padding:4px 6px;border-bottom:1px dashed var(--border);vertical-align:top;word-break:break-all}.hd-h-key{color:var(--accent);font-weight:600;width:32%;white-space:nowrap}.hd-h-value{color:var(--text)}.hd-resp-body{margin:0;padding:14px;font-size:12.5px;line-height:1.6;color:var(--text);max-height:520px;overflow:auto;white-space:pre-wrap;word-break:break-all;font-family:Consolas,Courier New,monospace}.hd-ws-dot{width:12px;height:12px;border-radius:50%;flex:none;align-self:center}.hd-ws-dot.closed{background:#b0a89c}.hd-ws-dot.connecting{background:#f0b429;animation:hd-blink .8s infinite alternate}.hd-ws-dot.open{background:#2d7d5f}@keyframes hd-blink{0%{opacity:.4}to{opacity:1}}.hd-ws-status{font-size:12px;color:var(--text-dim)}.hd-ws-log{border:1px solid var(--border);border-radius:10px;background:var(--bg-card);height:380px;overflow:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.hd-ws-empty{color:var(--text-dim);font-size:12px;text-align:center;margin-top:40%}.hd-ws-msg{display:flex;align-items:flex-start;gap:8px;border-radius:8px;padding:6px 10px;font-size:12.5px}.hd-ws-msg.send{background:#c875331a}.hd-ws-msg.recv{background:#3a8a6e1a}.hd-ws-msg.sys{background:transparent;color:var(--text-dim);font-size:12px}.hd-ws-time{color:var(--text-dim);font-family:Consolas,Courier New,monospace;flex:none}.hd-ws-tag{flex:none;font-size:11px;padding:1px 6px;border-radius:4px;border:1px solid var(--border);color:var(--text-dim)}.hd-ws-msg.send .hd-ws-tag{color:#b5610f;border-color:#c8753366}.hd-ws-msg.recv .hd-ws-tag{color:#2d7d5f;border-color:#3a8a6e66}.hd-ws-text{margin:0;flex:1;min-width:0;white-space:pre-wrap;word-break:break-all;font-family:Consolas,Courier New,monospace;color:var(--text)}.hd-ws-send{display:flex;gap:8px}.hd-ws-send input{flex:1;min-width:0;border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:13px;background:var(--bg-card);color:var(--text)}.hd-ws-send input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c875331f}.fnt-layout{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:20px;align-items:start}.fnt-left{display:flex;flex-direction:column;gap:12px}.fnt-drop-hint{margin:0;font-weight:600;color:var(--text)}.fnt-drop-sub{margin:6px 0 0;font-size:12px;color:var(--text-dim);line-height:1.6}.fnt-empty{padding:14px;text-align:center;color:var(--text-dim);font-size:13px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg-soft)}.fnt-piece-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}.fnt-piece{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card)}.fnt-piece-img{width:40px;height:40px;object-fit:contain;flex-shrink:0;background:repeating-conic-gradient(#f0ece4 0% 25%,#fff 0% 50%) 0 0 / 16px 16px;border:1px solid var(--border);border-radius:6px}.fnt-piece-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.fnt-piece-name{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fnt-piece-char-row{display:flex;align-items:center;gap:8px}.fnt-char-input{width:56px;border:1px solid var(--border);border-radius:6px;padding:4px 6px;font-size:13px;text-align:center;background:var(--bg-card);color:var(--text)}.fnt-code{font-size:11px;color:var(--accent-2);font-family:Consolas,monospace}.fnt-code.bad{color:var(--danger)}.fnt-ttf-file{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-card)}.fnt-ttf-name{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fnt-ttf-size{font-size:12px;color:var(--text-dim);flex-shrink:0}.fnt-right{display:flex;flex-direction:column;gap:14px}.fnt-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border)}.fnt-tab{border:none;background:transparent;padding:9px 18px;font-size:14px;color:var(--text-dim);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.fnt-tab.active{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}.fnt-params{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px}.fnt-param{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--text)}.fnt-param-full{grid-column:1 / -1}.fnt-param input{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px;background:var(--bg-card);color:var(--text)}.fnt-param input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c875331f}.fnt-charset{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px;font-family:Consolas,Microsoft YaHei,monospace;background:var(--bg-card);color:var(--text);resize:vertical;min-height:72px}.fnt-charset:focus{outline:none;border-color:var(--accent)}.fnt-hint{font-size:12px;color:var(--text-dim)}.fnt-actions{display:flex;gap:10px}.fnt-result{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:var(--bg-card)}.fnt-result-head{font-size:13px;color:var(--text-dim);margin-bottom:10px}.fnt-result-grid{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.fnt-preview-wrap{border:1px solid var(--border);border-radius:8px;padding:8px;background:repeating-conic-gradient(#f0ece4 0% 25%,#fff 0% 50%) 0 0 / 16px 16px}.fnt-preview{display:block;max-width:360px;max-height:240px;image-rendering:pixelated}.fnt-preview-meta{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-dim);min-width:220px}.fnt-downloads{display:flex;gap:10px;margin-top:4px}.fnt-fnt-preview{margin-top:8px}.fnt-fnt-text{max-height:200px;overflow:auto;background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;padding:8px;font-size:11px;font-family:Consolas,monospace;white-space:pre}@media(max-width:860px){.fnt-layout,.fnt-params{grid-template-columns:1fr}}.fnt-live{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:8px}.fnt-live-head{display:flex;align-items:center;justify-content:space-between}.fnt-live-title{font-size:14px;font-weight:600;color:var(--text)}.fnt-live-color{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.fnt-live-color input[type=color]{width:32px;height:24px;border:1px solid var(--border);border-radius:6px;padding:0;background:none;cursor:pointer}.fnt-live-input{border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:13px;background:var(--bg-card);color:var(--text)}.fnt-live-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c875331f}.fnt-live-canvas-wrap{border:1px solid var(--border);border-radius:8px;padding:8px;background:repeating-conic-gradient(#f0ece4 0% 25%,#fff 0% 50%) 0 0 / 16px 16px;overflow:auto;max-height:260px}.fnt-live-canvas{display:block;max-width:100%;image-rendering:pixelated}.sg-panel{max-width:1000px}.sg-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border);margin-bottom:16px}.sg-tab{border:none;background:transparent;padding:9px 18px;font-size:14px;color:var(--text-dim);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.sg-tab.active{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}.sg-snippet{display:flex;flex-direction:column;gap:10px}.sg-snippet-toolbar{display:flex;align-items:center;gap:12px}.sg-lang{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.sg-lang select{border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px;background:var(--bg-card);color:var(--text);cursor:pointer}.sg-lang select:focus{outline:none;border-color:var(--accent)}.sg-code-input{width:100%;min-height:220px;resize:vertical;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.6;background:#1e2229;color:#d5dbe3;border:1px solid var(--border);border-radius:10px;padding:12px 14px;tab-size:4}.sg-code-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c875331f}.sg-hint{font-size:12px;color:var(--text-dim);margin-top:4px}.sg-filebox{margin-top:16px;display:flex;flex-direction:column;gap:10px}.sg-filebox-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}.sg-filelist{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:10px;padding:8px;background:var(--bg-card)}.sg-fileitem{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px}.sg-fileitem:hover{background:var(--bg-soft)}.sg-filepath{flex:1;min-width:0;font-family:Consolas,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-filesize{font-size:11px;color:var(--text-dim);flex-shrink:0}.sg-filedel{flex-shrink:0}.sg-start{min-width:140px}.sg-progress-label{margin-top:8px;font-size:12px;color:var(--text-dim)}.sg-results{margin-top:22px;display:flex;flex-direction:column;gap:16px}.sg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.sg-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px 12px;text-align:center;display:flex;flex-direction:column;gap:4px}.sg-stat-num{font-size:24px;font-weight:700;color:var(--text)}.sg-stat-label{font-size:12px;color:var(--text-dim)}.sg-stat-card.sev-error .sg-stat-num{color:#d64545}.sg-stat-card.sev-warning .sg-stat-num{color:#d98a1f}.sg-stat-card.sev-info .sg-stat-num{color:#2f6fbf}.sg-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.sg-filter{display:flex;gap:6px;flex-wrap:wrap}.sg-filter-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);padding:5px 12px;border-radius:16px;cursor:pointer;font-size:12px}.sg-filter-btn:hover{filter:brightness(1.08)}.sg-filter-btn.active{border-color:var(--accent);color:var(--accent);background:#c875331a;font-weight:600}.sg-empty{padding:28px;text-align:center;color:var(--text-dim);border:1px dashed var(--border);border-radius:10px}.sg-findings{display:flex;flex-direction:column;gap:14px}.sg-finding{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.sg-finding.sg-sev-ERROR{border-left-color:#d64545}.sg-finding.sg-sev-WARNING{border-left-color:#d98a1f}.sg-finding.sg-sev-INFO{border-left-color:#2f6fbf}.sg-finding-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sg-sev{font-size:11px;font-weight:700;padding:2px 10px;border-radius:12px;color:#fff;flex-shrink:0}.sg-sev-ERROR{background:#d64545}.sg-sev-WARNING{background:#d98a1f}.sg-sev-INFO{background:#2f6fbf}.sg-checkid{font-family:Consolas,monospace;font-size:11px;color:var(--text-dim);word-break:break-all}.sg-loc{margin-left:auto;font-family:Consolas,monospace;font-size:11px;color:var(--text-dim);flex-shrink:0}.sg-msg{font-size:13px;line-height:1.7;color:var(--text)}.sg-tags{display:flex;gap:6px;flex-wrap:wrap}.sg-tag{font-size:11px;padding:1px 8px;border-radius:10px;background:#c875331a;color:var(--accent);border:1px solid rgba(200,117,51,.25)}.sg-tag-owasp{background:#3a8a6e1a;color:var(--accent-2);border-color:#3a8a6e4d}.sg-code{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#1e2229;font-size:12px;font-family:Consolas,Courier New,monospace}.sg-code-line{display:flex;line-height:1.6;padding:0 10px 0 0;color:#aab3bf}.sg-code-num{width:44px;flex-shrink:0;text-align:right;padding-right:12px;color:#5a6472;-webkit-user-select:none;user-select:none;border-right:1px solid rgba(255,255,255,.08);margin-right:10px}.sg-code-text{margin:0;white-space:pre;overflow-x:auto;padding:0 4px}.sg-code-line.hit{background:#d6454547;color:#fff}.sg-finding.sg-sev-WARNING .sg-code-line.hit{background:#d98a1f4d}.sg-finding.sg-sev-INFO .sg-code-line.hit{background:#2f6fbf52}@media(max-width:860px){.sg-loc{margin-left:0;width:100%}}.anim-layout{display:grid;grid-template-columns:380px 1fr;gap:16px}@media(max-width:1100px){.anim-layout{grid-template-columns:1fr}}.anim-left,.anim-right{display:flex;flex-direction:column;gap:12px;min-width:0}.anim-uploaded{display:flex;align-items:center;gap:10px}.anim-thumb{width:44px;height:44px;object-fit:contain;padding:2px;background:#f6f7f9;border:1px solid #e3e6ea;border-radius:6px}.anim-filename{font-size:13px;color:#333;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anim-dims{color:#888;font-size:12px}.anim-label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#555}.anim-label input[type=text]{padding:8px 10px;border:1px solid #d5d9de;border-radius:6px;font-size:14px}.anim-chips{display:flex;flex-wrap:wrap;gap:6px}.anim-chip{border:1px solid #cdd4dc;background:#fafbfc;border-radius:14px;padding:3px 10px;font-size:12px;color:#444;cursor:pointer}.anim-chip:hover{background:#eef3fa;border-color:#9db8dc;color:#2465b0}.anim-parse{font-size:12px;color:#666;min-height:20px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.anim-parse-title{color:#999}.anim-tag{background:#eef6ee;border:1px solid #cbe5cb;color:#2c7a2c;border-radius:10px;padding:2px 8px;font-size:12px}.anim-tag em{font-style:normal;color:#7a7;font-size:11px;margin-left:4px}.anim-note{flex-basis:100%;color:#a07000;background:#fffbe8;border:1px solid #f0e2ad;border-radius:6px;padding:4px 8px}.anim-params{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.anim-param{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#555}.anim-param select,.anim-param input[type=range]{width:100%}.anim-param-check{flex-direction:row;align-items:center;gap:6px}.anim-stage-wrap{border:1px solid #e3e6ea;border-radius:10px;overflow:hidden;background:#fff}.anim-stage{min-height:320px;display:flex;align-items:center;justify-content:center;padding:18px;background-image:conic-gradient(#eceff3 25%,#f8f9fb 0 50%,#eceff3 0 75%,#f8f9fb 0);background-size:20px 20px}.anim-canvas{max-width:100%;max-height:420px;width:auto;height:auto}.anim-stage-empty{color:#a8aeb6;font-size:13px}.anim-player{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid #eef0f3;background:#fcfcfd}.anim-player input[type=range]{flex:1}.anim-frame-no{font-size:12px;color:#777;white-space:nowrap;min-width:76px;text-align:right}.anim-actions{display:flex;flex-wrap:wrap;gap:8px}.anim-status{font-size:12px;color:#666;display:flex;flex-direction:column;gap:6px}.anim-ok{color:#2c7a2c;background:#eef6ee;border:1px solid #cbe5cb;border-radius:6px;padding:6px 10px}.anim-hint{color:#909aa5}.cmp-embedded{margin-top:4px}.fnt-preset{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;margin-bottom:10px}.fnt-preset-title{font-size:12px;font-weight:600;color:var(--text-dim)}.fnt-preset-list{display:flex;flex-direction:column;gap:6px}.fnt-preset-btn{padding:7px 10px;background:var(--bg);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:13px;text-align:left;cursor:pointer;transition:all .15s}.fnt-preset-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.fnt-preset-btn:disabled{opacity:.5;cursor:not-allowed}.account-chip{position:fixed;top:64px;right:16px;z-index:140;display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-size:13px;cursor:pointer;box-shadow:0 2px 10px #0000001f;transition:border-color .15s,box-shadow .15s;max-width:240px}.account-chip:hover{border-color:var(--accent);box-shadow:0 3px 14px #c8753333}.account-login{background:linear-gradient(135deg,var(--accent),#e0914e);border:none;color:#fff;font-weight:600;box-shadow:0 3px 12px #c8753359}.account-login:hover{filter:brightness(1.06);border:none}.account-login-icon{font-size:15px;line-height:1}.account-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-soft);border:1px solid var(--border)}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.account-caret{font-size:11px;color:var(--text-dim);flex-shrink:0}.account-menu{position:fixed;top:108px;right:16px;z-index:141;width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 30px #00000029;animation:gg-in .15s ease}.account-menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px}.account-menu-label{color:var(--text-dim)}.account-menu-value{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.account-menu-logout{margin-top:6px;border:1px solid rgba(192,69,69,.45);background:transparent;color:var(--danger);border-radius:8px;padding:8px 0;font-size:13px;cursor:pointer;transition:background .15s}.account-menu-logout:hover{background:#c0454514}.account-mask{position:fixed;inset:0;z-index:220;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px}.account-modal{width:340px;max-width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 14px 48px #0000004d;animation:gg-in .2s ease}.account-modal-head{display:flex;align-items:center;justify-content:space-between}.account-modal-title{font-size:17px;font-weight:700;color:var(--accent)}.account-modal-close{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-dim);border-radius:50%;width:30px;height:30px;font-size:13px;cursor:pointer}.account-modal-close:hover{border-color:var(--accent);color:var(--accent)}.account-modal-body{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.account-qr{width:220px;height:220px;object-fit:contain;border:1px solid var(--border);border-radius:10px;background:#fff;padding:8px}.account-tip{font-size:13px;color:var(--text-dim);line-height:1.7}.account-mock-icon{font-size:44px}.account-btn-primary{background:linear-gradient(135deg,#2f9e44,#3a8a6e);border:none;color:#fff;border-radius:10px;padding:10px 26px;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s}.account-btn-primary:hover{filter:brightness(1.1)}.account-error{color:var(--danger);font-size:13px;line-height:1.6;word-break:break-all}