/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-ease:initial}}}@layer theme{:root,:host{--color-white:#fff;--spacing:.25rem;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{html{box-sizing:border-box;height:100%}[hidden]{display:none!important}*,:before,:after{box-sizing:inherit}body{background:var(--navy);height:100%;color:var(--fg);font:400 15px/1.4 var(--f-ui);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:8px;overflow:hidden}button{font:inherit;color:inherit}input,select{font:inherit;color:inherit;-webkit-user-select:text;user-select:text}:focus-visible{outline:3px solid var(--accent-t);outline-offset:1px}svg{display:block}html,body{overflow-x:hidden}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.-top-1{top:calc(var(--spacing) * -1)}.-right-1{right:calc(var(--spacing) * -1)}.mx-\[2px\]{margin-inline:2px}.\[display\:grid\]{display:grid}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-14{height:calc(var(--spacing) * 14)}.h-\[11px\]{height:11px}.h-\[26px\]{height:26px}.h-\[34px\]{height:34px}.h-\[46px\]{height:46px}.w-0{width:0}.w-10{width:calc(var(--spacing) * 10)}.w-\[11px\]{width:11px}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.max-w-\[460px\]{max-width:460px}.min-w-\[60px\]{min-width:60px}.\[flex\:1000_1_0\]{flex:1000 1 0}.flex-1{flex:1}.flex-none{flex:none}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.cursor-pointer{cursor:pointer}.resize{resize:both}.\[scrollbar-width\:none\]{scrollbar-width:none}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-\[6px\]{gap:6px}.gap-\[7px\]{gap:7px}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.rounded-btn{border-radius:8px}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-edge{border-color:var(--k-edge)}.border-transparent{border-color:#0000}.bg-accent{background-color:var(--k-accent)}.bg-edge{background-color:var(--k-edge)}.bg-gk{background-color:var(--k-gk)}.bg-navy{background-color:var(--k-navy)}.bg-panel{background-color:var(--k-panel)}.bg-transparent{background-color:#0000}.px-1{padding-inline:var(--spacing)}.px-\[10px\]{padding-inline:10px}.px-\[11px\]{padding-inline:11px}.px-\[14px\]{padding-inline:14px}.py-0{padding-block:0}.py-\[7px\]{padding-block:7px}.pr-\[max\(10px\,env\(safe-area-inset-right\,0px\)\)\]{padding-right:max(10px, env(safe-area-inset-right,0px))}.pl-\[max\(10px\,env\(safe-area-inset-left\,0px\)\)\]{padding-left:max(10px, env(safe-area-inset-left,0px))}.font-ui{font-family:Barlow,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[19px\]{font-size:19px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-danger{color:var(--k-danger)}.text-fg{color:var(--k-fg)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.shadow-\[0_0_0_2px_var\(--navy\)\]{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--navy));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.hover\:border-edge:hover{border-color:var(--k-edge)}.hover\:bg-accent-hi:hover{background-color:var(--k-accent-hi)}.hover\:bg-panel-2:hover{background-color:var(--k-panel-2)}.focus\:border-accent-t:focus{border-color:var(--k-accent-t)}.focus\:bg-panel-2:focus{background-color:var(--k-panel-2)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:bg-panel:disabled{background-color:var(--k-panel)}.disabled\:opacity-35:disabled{opacity:.35}@media not all and (width>=1000px){.max-\[1000px\]\:h-\[30px\]{height:30px}.max-\[1000px\]\:p-0{padding:0}}@media not all and (width>=900px){.max-\[900px\]\:hidden{display:none}.max-\[900px\]\:px-\[10px\]{padding-inline:10px}}@media not all and (width>=760px){.max-\[760px\]\:gap-1{gap:var(--spacing)}.max-\[760px\]\:text-\[17px\]{font-size:17px}}@media not all and (width>=700px){.max-\[700px\]\:h-\[26px\]{height:26px}}@media (height<=420px){.bajo\:h-\[38px\]{height:38px}.bajo\:h-\[50px\]{height:50px}.bajo\:w-\[38px\]{width:38px}}.\[\&_svg\]\:h-5 svg{height:calc(var(--spacing) * 5)}.\[\&_svg\]\:h-\[18px\] svg{height:18px}.\[\&_svg\]\:w-5 svg{width:calc(var(--spacing) * 5)}.\[\&_svg\]\:w-\[18px\] svg{width:18px}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}:root,[data-app=draw]{--k-navy:#0b1a11;--k-panel:#11251a;--k-panel-2:#183323;--k-panel-3:#21442e;--k-edge:#ffffff1c;--k-fg:#f1f5f1;--k-muted:#9db3a3;--k-accent:#2e8b3e;--k-accent-hi:#37a04a;--k-accent-t:#6fd98a;--k-sel:#9bf0a8;--k-pitch-bg:#1d3b29;--k-gk:#f2c230;--k-danger:#ff6b5b;--k-ok:#3fcb8e;--navy:var(--k-navy);--panel:var(--k-panel);--panel-2:var(--k-panel-2);--panel-3:var(--k-panel-3);--edge:var(--k-edge);--fg:var(--k-fg);--muted:var(--k-muted);--accent:var(--k-accent);--accent-hi:var(--k-accent-hi);--accent-t:var(--k-accent-t);--sel:var(--k-sel);--pitch-bg:var(--k-pitch-bg);--gk:var(--k-gk);--danger:var(--k-danger);--ok:var(--k-ok);--f-display:"Barlow Condensed", "Arial Narrow", system-ui, sans-serif;--f-ui:"Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-btn:8px;--r-card:10px;--sh-card:0 1px 4px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-app=train]{--k-accent:#e8742a;--k-accent-hi:#f08a45;--k-accent-t:#ffb27a}[data-app=match]{--k-accent:#1fa9a0;--k-accent-hi:#2bc0b6;--k-accent-t:#6fe0d8}[data-app=prematch]{--k-accent:#5b6b7a;--k-accent-hi:#6e7f8f;--k-accent-t:#aab8c5}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(./barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(./barlow-latin-400-normal-fsAxiSwU.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(./barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(./barlow-latin-500-normal-C1h8hMer.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(./barlow-latin-600-normal-CNwfPWQD.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(./barlow-latin-700-normal-__SGTsZ1.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-latin-800-normal-s1sAMnoV.woff2)format("woff2"),url(./barlow-latin-800-normal-BdVooDN4.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(./barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}html,body{overflow-x:hidden}.bar{scrollbar-width:none;overflow:auto hidden}.bar::-webkit-scrollbar{display:none}.bar{height:56px;padding-block:0;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));background:var(--navy);border-bottom:1px solid var(--edge);flex:none;align-items:center;gap:6px;display:flex}.brand{font:800 15px/1 var(--f-ui);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--fg);padding:0 4px}.brand b{color:#7fd19b;font-weight:800}.brand i{opacity:.4;padding:0 3px;font-style:normal;font-weight:500}.ib{border-radius:var(--r-btn);background:var(--panel);border:1px solid var(--edge);cursor:pointer;width:40px;height:40px;color:var(--fg);flex:none;place-items:center;display:grid;position:relative}.ib:hover{background:var(--panel-2)}.ib:disabled{opacity:.35;cursor:default;background:var(--panel)}.ib.on{background:var(--accent);color:#fff;border-color:#0000}.ib svg{width:20px;height:20px}.sep{background:var(--edge);flex:none;width:1px;height:26px;margin:0 2px}#title{border-radius:var(--r-btn);width:0;min-width:60px;max-width:460px;font:700 19px/1.1 var(--f-ui);text-overflow:ellipsis;background:0 0;border:1px solid #0000;flex:1000 1 0;padding:7px 10px}#title:hover{border-color:var(--edge)}#title:focus{border-color:var(--accent-t);background:var(--panel-2);outline:none}.grow{flex:1}.btn{border-radius:var(--r-btn);border:1px solid var(--edge);background:var(--panel);height:40px;font:600 15px/1 var(--f-ui);cursor:pointer;white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex;position:relative}.btn:hover{background:var(--panel-2)}.btn svg{width:18px;height:18px}.btn.primary{background:var(--accent);color:#fff;border-color:#0000}.btn.primary:hover{background:var(--accent-hi)}.btn.ghost{background:0 0}.btn.danger{color:var(--danger)}.btn.small{height:34px;padding:0 11px;font-size:14px}.btn.wide{width:100%;height:46px;font-size:16px}.dot{background:var(--gk);width:11px;height:11px;box-shadow:0 0 0 2px var(--navy);border-radius:50%;position:absolute;top:-4px;right:-4px}.embed-only{display:none}body.embed .embed-only{display:inline-flex}body.embed .no-embed{display:none!important}main{flex:1;min-height:0;display:flex}#stage{background:var(--pitch-bg);touch-action:none;flex:1;min-width:0;position:relative;overflow:hidden}#svg{width:100%;height:100%;position:absolute;inset:0}#svg [data-id]{cursor:move}body.drawing #svg,body.drawing #svg [data-id]{cursor:crosshair}#svg .h{cursor:grab}.toolchip{background:var(--panel);border:1px solid var(--edge);border-left:5px solid var(--accent);border-radius:var(--r-card);box-shadow:var(--sh-card);white-space:nowrap;align-items:center;gap:8px;max-width:calc(100% - 20px);padding:5px 6px 5px 12px;font-size:14px;font-weight:500;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.toolchip span{text-overflow:ellipsis;overflow:hidden}.toolchip.low{top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px))}body.fs.dk-b .toolchip.low{top:10px;bottom:auto}.toolchip button{background:var(--accent);color:#fff;border-radius:var(--r-btn);cursor:pointer;border:0;height:30px;padding:0 12px;font-size:14px;font-weight:600}#legend{background:var(--panel);border:1px solid var(--edge);border-left:5px solid var(--accent);border-radius:var(--r-card);box-shadow:var(--sh-card);pointer-events:auto;flex-direction:column;gap:2px;max-height:calc(100% - 20px);padding:6px 10px 7px;font-size:12.5px;display:flex;position:absolute;bottom:8px;left:8px;overflow:auto}.pop .sz1{font:800 13px var(--f-ui);letter-spacing:-.02em}.pop .ordn{text-align:center;min-width:28px;font-size:16px;font-weight:800}#empty{pointer-events:none;text-align:center;color:#ffffffd1;background:#0b1a118c;border:1px dashed #ffffff47;border-radius:14px;max-width:min(320px,80%);padding:14px 20px;font-size:14px;line-height:1.35;animation:.4s fadeIn;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#empty .ei{justify-content:center;display:flex}#empty b{color:#fff;margin:4px 0 2px;font-size:16px;display:block}#empty .ei svg{width:26px;height:26px;stroke:var(--accent-t)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#paste{z-index:6;gap:6px;animation:.25s fadeIn;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#paste[hidden]{display:none}#paste button{background:var(--accent);color:#fff;height:42px;font:700 15px var(--f-ui);cursor:pointer;border:1px solid #ffffff40;border-radius:21px;align-items:center;gap:8px;padding:0 16px 0 12px;display:flex;box-shadow:0 6px 18px #00000073}#paste #pasteX{background:var(--panel);width:42px;color:var(--fg);border-color:var(--edge);justify-content:center;padding:0}#paste svg{width:20px;height:20px}#paste i{display:flex}body.fs #paste{bottom:calc(68px + env(safe-area-inset-bottom,0px))}#upd{left:50%;top:calc(10px + env(safe-area-inset-top,0px));z-index:90;background:var(--panel);border:1px solid var(--edge);border-left:5px solid var(--accent);font:600 15px var(--f-ui);border-radius:12px;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 8px 8px 14px;animation:.3s fadeIn;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #00000080}#upd .ib{width:34px;height:34px}.modal.news{max-width:440px;padding:20px}.modal.news .nlogo{height:34px;margin:0 0 12px;display:block}.modal.news h3{font:700 19px var(--f-ui);margin:0 0 8px}.modal.news ul{color:var(--fg);margin:0 0 16px;padding-left:20px;line-height:1.5}#layers{z-index:4;background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-card);box-shadow:var(--sh-card);-webkit-user-select:none;user-select:none;touch-action:manipulation;border-left:5px solid #6fb1e0;flex-direction:column;gap:1px;min-width:210px;max-height:calc(100% - 70px);padding:6px 6px 6px 10px;font-size:13.5px;display:flex;position:absolute;bottom:8px;left:8px;overflow:auto}#layers[hidden]{display:none}#layers h4{font:700 14px/1.2 var(--f-ui);color:#8fc7ee;cursor:pointer;align-items:center;gap:6px;margin:0 0 3px;padding:2px 0;display:flex}#layers h4 .hi{display:none;position:relative}#layers h4 .hi svg{width:22px;height:22px}#layers h4 .hc{opacity:.7;margin-left:auto;display:grid}#layers h4 .hc svg{width:14px;height:14px}#layers .la{color:var(--accent-t);font:600 12.5px var(--f-ui);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:2px 4px}#layers .la+.hc{margin-left:4px}#layers .lr{width:100%;color:var(--fg);font:500 13.5px var(--f-ui);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:4px;display:flex}#layers .lr:hover{background:var(--panel-2)}#layers .lr .d{border:1px solid #00000059;border-radius:50%;flex:none;width:11px;height:11px}#layers .lr .n{white-space:nowrap;flex:1}#layers .lr .c{color:var(--muted);text-align:right;min-width:14px;font-size:12px}#layers .lr .e{color:#cfe8d5;display:grid}#layers .lr .e svg{width:18px;height:18px}#layers .lr.off{color:var(--muted)}#layers .lr.off .d{opacity:.3}#layers .lr.off .e{color:var(--muted)}#layers.mini{border-radius:0 var(--r-card) var(--r-card) 0;cursor:pointer;border-left-width:4px;min-width:0;padding:7px 9px 7px 6px;left:0}#layers.mini .lr,#layers.mini h4 .ht,#layers.mini h4 .hc,#layers.mini .la{display:none}#layers.mini h4{margin:0;padding:0}#layers.mini h4 .hi{display:grid}#layers .lb{color:#0b1a11;min-width:16px;height:16px;font:800 11px/16px var(--f-ui);text-align:center;background:#f2c230;border-radius:8px;padding:0 3px;position:absolute;top:-6px;right:-7px}body.fs.dk-l #layers{left:auto;right:8px}body.fs.dk-l #layers.mini{border-radius:var(--r-card) 0 0 var(--r-card);border-left-width:1px;border-right:4px solid #6fb1e0;left:auto;right:0}#legend{cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}#legend h4{font:700 14px/1.2 var(--f-ui);color:var(--accent-t);align-items:center;gap:6px;margin:0 0 2px;display:flex}#legend h4 .hi{display:none}#legend h4 .hc{opacity:.7;margin-left:auto;display:grid}#legend h4 .hc svg{width:14px;height:14px}#legend.mini{border-radius:0 var(--r-card) var(--r-card) 0;border-left-width:4px;padding:7px 9px 7px 6px;left:0!important;right:auto!important}#legend.mini .row,#legend.mini h4 .ht,#legend.mini h4 .hc{display:none}#legend.mini h4{margin:0}#legend.mini h4 .hi{display:grid}#legend.mini h4 .hi svg{width:22px;height:22px}body.fs.dk-l #legend.mini{border-radius:var(--r-card) 0 0 var(--r-card);border-left-width:1px;border-right:4px solid var(--accent);left:auto!important;right:0!important}#legend .row{white-space:nowrap;align-items:center;gap:8px;display:flex}#legend svg{flex:none;width:30px;height:12px}.side{background:var(--navy);border-left:1px solid var(--edge);width:216px;padding-right:env(safe-area-inset-right,0px);flex-direction:column;flex:none;min-height:0;display:flex}.glist{flex-direction:column;gap:6px;display:flex}.tool.qg{text-align:left;flex-direction:row;justify-content:flex-start;gap:9px;height:auto;min-height:0;padding:6px 8px}.tool.qg .ic{background:0 0;flex:none;width:62px;height:38px;padding:0}.tool.qg .ic svg{border-radius:5px;width:62px;height:38px}.tool.qg .qt{flex-direction:column;gap:1px;min-width:0;display:flex}.tool.qg b{font:600 13px var(--f-ui)}.tool.qg small{font:500 11px/1.25 var(--f-ui);color:var(--muted)}.tips{border-top:1px solid var(--edge);flex-direction:column;margin:10px 2px 8px;display:flex}.tip{border-bottom:1px solid var(--edge);color:var(--muted);align-items:flex-start;gap:9px;padding:8px 2px;font-size:12.5px;line-height:1.35;display:flex}.tip b{color:var(--accent-t);font-weight:700}.tic{width:18px;height:18px;color:var(--accent-t);flex:none;margin-top:1px}.tic svg{width:18px;height:18px}.tsearch{border-radius:var(--r-btn);border:1px solid var(--edge);background:var(--panel-2);height:40px;color:var(--muted);align-items:center;gap:8px;margin:8px 8px 6px;padding:0 6px 0 10px;display:flex}.tsearch:focus-within{border-color:var(--accent)}.tsearch svg{flex:none;width:18px;height:18px}.tsearch input{min-width:0;height:100%;color:var(--fg);font:500 14px var(--f-ui);background:0 0;border:0;outline:none;flex:1;padding:0}.tsearch input::placeholder{color:var(--muted)}.tsearch button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.tsearch button[hidden]{display:none}.selbtn{border-radius:var(--r-btn);border:1px solid var(--edge);background:var(--panel);height:40px;font:600 14px var(--f-ui);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin:8px 8px 6px;padding:0 10px;display:flex}.selbtn svg{width:18px;height:18px}.selbtn.on{background:var(--accent);color:#fff;border-color:#0000}.tabs{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);grid-template-columns:repeat(4,1fr);display:grid}.tab{font:500 11.5px/1 var(--f-ui);color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;display:flex;box-shadow:inset 0 3px #0000}.tab svg{width:20px;height:20px}.tab.on{color:var(--accent-t);box-shadow:inset 0 3px 0 var(--accent-t)}.tools{touch-action:pan-y;flex-direction:column;flex:1;gap:12px;padding:10px 8px;display:flex;overflow-y:auto}.grp h5{font:700 14px/1.1 var(--f-ui);color:var(--accent-t);text-align:left;flex:1;align-items:center;gap:8px;min-width:0;margin:0;display:flex}.grp h5:after{content:"";background:var(--accent-t);opacity:.35;flex:1;height:2px}.gh{cursor:pointer;width:100%;color:var(--accent-t);background:0 0;border:0;align-items:center;gap:8px;margin:0 0 8px;padding:2px 0;display:flex}.gh svg{flex:none;width:16px;height:16px;transition:transform .2s}.grp.closed .gh{margin-bottom:0}.grp.closed .gh svg{transform:rotate(-90deg)}.grp.closed .grid,.grp.closed .glist{display:none}@media (prefers-reduced-motion:reduce){.gh svg{transition:none}}.grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.tool{border:1px solid var(--edge);background:var(--panel);border-radius:var(--r-card);cursor:pointer;touch-action:pan-y;min-width:0;box-shadow:var(--sh-card);flex-direction:column;align-items:center;gap:4px;padding:6px 4px;display:flex}.tool:hover{background:var(--panel-2)}.tool.on{border-color:var(--accent-t);box-shadow:inset 0 0 0 1px var(--accent-t);background:#1f4a2c}.tool .ic{color:#fff;background:#244a33;border-radius:6px;place-items:center;width:100%;height:44px;display:grid}.tool .ic svg{width:80px;height:42px}.tool .ic svg.pk{width:32px;height:32px}.tool span{font:500 12px/1.15 var(--f-ui);text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hint{color:var(--muted);margin:0;padding:2px 2px 4px;font-size:12.5px;line-height:1.4}.pop{z-index:5;background:var(--panel);border:1px solid var(--edge);border-left:5px solid var(--accent);border-radius:var(--r-card);flex-direction:column;gap:6px;width:max-content;max-width:min(380px,100% - 16px);max-height:calc(100% - 16px);padding:8px;display:flex;position:absolute;overflow-y:auto;box-shadow:0 8px 24px #0006}.pop .r{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.pop .pclose+.r{padding-right:34px}.pop .r:has(>[data-act]){flex-wrap:nowrap;gap:4px}.pop .r:has(>[data-act])>.chip{flex:none}.pop select{border-radius:var(--r-btn);border:1px solid var(--edge);background-color:var(--panel-2);height:32px;color:var(--fg);font:600 14px var(--f-ui);cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--fg) 50%),linear-gradient(135deg,var(--fg) 50%,transparent 50%);background-position:calc(100% - 15px) 14px,calc(100% - 10px) 14px;background-repeat:no-repeat;background-size:5px 5px;padding:0 30px 0 9px}.pop .ddb{border-radius:var(--r-btn);border:1px solid var(--edge);background:var(--panel-2);height:32px;color:var(--fg);font:600 14px var(--f-ui);cursor:pointer;flex:none;align-items:center;gap:6px;width:124px;min-width:0;padding:0 6px 0 9px;display:inline-flex}.pop .ddb.wide{width:200px}.pop [data-ddb=pKind]{flex:none;width:auto;max-width:150px}.pop [data-ddb=pPos]{flex:none;width:auto}.pop .r.tk [data-ddb]{flex:none;gap:4px;width:auto;max-width:none;padding:0 5px 0 8px}.pop .r.tk .lk{margin-left:2px}.pop .cdot span{border:2px solid #ffffff40;border-radius:50%;width:20px;height:20px;display:block}.pop .cdot{justify-content:center;width:34px;padding:0}.pop .cdot[aria-expanded=true]{border-color:var(--accent)}.pop .r.cpk{background:var(--panel-2);border:1px solid var(--edge);border-radius:var(--r-btn);padding:5px}.pop .r.cpk[hidden]{display:none}.pop [data-ddb=pAct]{flex:1.5 140px;gap:4px;width:auto;padding-right:4px;font-size:13px}.pop .ddb span{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.pop .ddb svg{flex:none;width:16px;height:16px;transition:transform .15s}.pop .ddb span svg{width:16px;height:16px}.pop .ddb[aria-expanded=true]{border-color:var(--accent)}.pop .ddb[aria-expanded=true]>svg{transform:rotate(180deg)}.pop .ddl{background:var(--panel-2);border:1px solid var(--edge);border-radius:var(--r-btn);overscroll-behavior:contain;flex-direction:column;gap:2px;max-height:210px;padding:4px;display:flex;overflow-y:auto}.pop .ddl[hidden]{display:none}.pop .ddg{font:700 11.5px var(--f-ui);color:var(--accent-t);text-transform:uppercase;letter-spacing:.05em;padding:6px 6px 2px}.pop .ddo{min-height:34px;color:var(--fg);font:600 14px var(--f-ui);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 8px;display:flex}.pop .ddo:hover{background:var(--panel)}.pop .ddo.on{background:var(--accent);color:#fff}.pop .ddo svg{flex:none}.pop .multi{font:600 14px var(--f-ui)}.chip.lockon{color:#14261b;background:#f2c230;border-color:#0000}.pop .lk{color:var(--muted);font-size:13px}.zoomreset{right:calc(10px + env(safe-area-inset-right,0px));z-index:4;border-radius:var(--r-btn);border:1px solid var(--edge);background:var(--panel);height:38px;color:var(--fg);font:600 14px var(--f-ui);cursor:pointer;box-shadow:var(--sh-card);align-items:center;gap:6px;padding:0 12px 0 10px;display:inline-flex;position:absolute;bottom:10px}.zoomreset:hover{background:var(--panel-2)}.zoomreset svg{width:18px;height:18px}body.fs .zoomreset{bottom:calc(68px + env(safe-area-inset-bottom,0px))}.pop .pclose{border-radius:var(--r-btn);border:1px solid var(--edge);background:var(--panel-2);cursor:pointer;width:28px;height:28px;color:var(--fg);place-items:center;padding:0;display:grid;position:absolute;top:6px;right:6px}.pop .pclose:hover{background:var(--panel-3)}.pop .pclose svg{width:16px;height:16px}.pop .r.scroll{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.pop label{font:600 12px var(--f-ui);color:var(--muted)}.pop input[type=text]{border-radius:var(--r-btn);border:1px solid var(--edge);background:var(--panel-2);min-width:0;height:32px;padding:0 8px;font-size:15px}.pop input.num{text-align:center;width:52px;font-weight:700}.pop input.lab{width:86px}.pop input.txt{width:180px}.sw{cursor:pointer;border:2px solid #ffffff40;border-radius:50%;flex:none;width:22px;height:22px;padding:0}.sw.on{box-shadow:0 0 0 2px var(--accent-t);border-color:#fff}.chip{border-radius:var(--r-btn);border:1px solid var(--edge);background:var(--panel-2);height:30px;font:600 13.5px var(--f-ui);cursor:pointer;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.chip.on{background:var(--accent);color:#fff;border-color:#0000}.chip svg{width:16px;height:16px}.chip.icon{padding:0 6px}.chip.icon svg{width:30px;height:12px}.chip.icon svg.sm,.chip svg.sm{width:16px;height:16px}.chip.del{color:var(--danger)}#dock,#tray,body.fs .bar,body.fs .side{display:none}body.fs #dock{left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--navy);border:1px solid var(--edge);z-index:6;border-radius:12px;gap:4px;max-width:calc(100% - 20px);padding:5px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%);box-shadow:0 6px 20px #00000059}body.fs #dock .ib{width:42px;height:42px}body.fs #tray.open{left:10px;right:10px;bottom:calc(66px + env(safe-area-inset-bottom,0px));background:var(--navy);border:1px solid var(--edge);z-index:6;touch-action:pan-x;border-radius:12px;gap:6px;padding:6px;display:flex;position:absolute;overflow-x:auto}#tray .tool{touch-action:pan-x;flex:none;width:76px}#tray .fss .tsearch{width:170px;height:100%;min-height:40px;margin:0;padding:0 8px}body.fs.dk-l #tray .fss .tsearch,body.fs.dk-r #tray .fss .tsearch{width:auto}#tray .fsnone{color:var(--muted);font:500 13px var(--f-ui);white-space:nowrap;padding:10px 6px}#tray .tg{flex-direction:column;flex:none;gap:4px;display:flex}#tray .tg+.tg{border-left:1px solid var(--edge);margin-left:6px;padding-left:8px}#tray .tgi{gap:6px;display:flex}#tray .tg.closed .tgi{display:none}#tray .tgh{height:24px;color:var(--accent-t);font:700 12.5px/1 var(--f-ui);cursor:pointer;white-space:nowrap;touch-action:pan-x;background:0 0;border:0;border-radius:6px;flex:none;align-self:flex-start;align-items:center;gap:4px;padding:0 6px 0 8px;display:flex}#tray .tgh svg{flex:none;width:14px;height:14px;transition:transform .15s}#tray .tg.closed .tgh{background:var(--panel);border:1px solid var(--edge);height:100%;min-height:24px}#tray .tg.closed .tgh svg{transform:rotate(-90deg)}body.fs.dk-l #tray .tg,body.fs.dk-r #tray .tg,body.fs.dk-l #tray .tgi,body.fs.dk-r #tray .tgi{flex-direction:column}body.fs.dk-l #tray .tg+.tg,body.fs.dk-r #tray .tg+.tg{border-left:0;border-top:1px solid var(--edge);margin:4px 0 0;padding-top:6px;padding-left:0}body.fs.dk-l #tray .tgh,body.fs.dk-r #tray .tgh{white-space:normal;text-align:left;touch-action:pan-y;justify-content:space-between;align-self:stretch;width:100%;height:auto;min-height:28px;padding:4px;font-size:11.5px;line-height:1.15}body.fs.dk-l #tray .tg.closed .tgh,body.fs.dk-r #tray .tg.closed .tgh{height:auto}body.fs.dk-l #tray .tgh span,body.fs.dk-r #tray .tgh span{text-overflow:ellipsis;overflow:hidden}body.fs #legend{bottom:calc(68px + env(safe-area-inset-bottom,0px))}#fsTab{display:none}body.fs.fsmin #dock,body.fs.fsmin #tray,body.tcone #fsTab{display:none!important}body.fs.fsmin #fsTab{width:76px;height:calc(28px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--navy);border:1px solid var(--edge);z-index:6;cursor:pointer;color:var(--fg);border-bottom:0;border-radius:12px 12px 0 0;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 14px #0000004d}body.fs.fsmin #fsTab svg{width:20px;height:20px;transform:rotate(180deg)}body.fs.fsmin #legend,body.fs.fsmin .zoomreset{bottom:calc(36px + env(safe-area-inset-bottom,0px))}body.fs #dock{touch-action:none}body.fs.dk-t #dock{top:calc(10px + env(safe-area-inset-top,0px));bottom:auto}body.fs.dk-t #tray.open{top:calc(66px + env(safe-area-inset-top,0px));bottom:auto}body.fs.dk-t .toolchip{top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px))}body.fs.dk-t #legend,body.fs.dk-t .zoomreset{bottom:calc(10px + env(safe-area-inset-bottom,0px))}body.fs.dk-l #dock,body.fs.dk-r #dock{flex-direction:column;max-height:calc(100% - 20px);top:50%;bottom:auto;overflow:hidden auto;transform:translateY(-50%)}body.fs.dk-l #dock{left:calc(10px + env(safe-area-inset-left,0px))}body.fs.dk-r #dock{left:auto;right:calc(10px + env(safe-area-inset-right,0px))}@media (height<=440px){body.fs.dk-l #dock,body.fs.dk-r #dock{gap:4px;padding:5px}body.fs.dk-l #dock .ib,body.fs.dk-r #dock .ib{width:38px;height:38px}body.fs.dk-l #dock .sep,body.fs.dk-r #dock .sep{margin:1px 0}}body.fs.dk-l #dock .sep,body.fs.dk-r #dock .sep{width:26px;height:1px;margin:2px auto}body.fs.dk-l #tray.open,body.fs.dk-r #tray.open{touch-action:pan-y;flex-direction:column;width:94px;top:10px;bottom:10px;overflow:hidden auto}body.fs.dk-l #tray.open{left:calc(72px + env(safe-area-inset-left,0px));right:auto}body.fs.dk-r #tray.open{left:auto;right:calc(72px + env(safe-area-inset-right,0px))}body.fs.dk-l #tray .tool,body.fs.dk-r #tray .tool{touch-action:pan-y;width:auto}body.fs.dk-l #legend,body.fs.dk-r #legend{bottom:calc(10px + env(safe-area-inset-bottom,0px))}body.fs.dk-l #legend{left:auto;right:8px}body.fs.dk-l .zoomreset,body.fs.dk-r .zoomreset{bottom:auto;top:calc(10px + env(safe-area-inset-top,0px))}body.fs.dk-r .zoomreset{right:auto;left:calc(10px + env(safe-area-inset-left,0px))}body.fs.fsmin.dk-t #fsTab{border-top:0;border-bottom:1px solid var(--edge);height:calc(28px + env(safe-area-inset-top,0px));padding-bottom:0;padding-top:env(safe-area-inset-top,0px);border-radius:0 0 12px 12px;top:0;bottom:auto}body.fs.fsmin.dk-t #fsTab svg{transform:none}body.fs.fsmin.dk-l #fsTab,body.fs.fsmin.dk-r #fsTab{width:calc(28px + env(safe-area-inset-left,0px));height:76px;padding:0;top:50%;bottom:auto;transform:translateY(-50%)}body.fs.fsmin.dk-l #fsTab{border:1px solid var(--edge);border-left:0;border-radius:0 12px 12px 0;left:0}body.fs.fsmin.dk-r #fsTab{width:calc(28px + env(safe-area-inset-right,0px));border:1px solid var(--edge);border-right:0;border-radius:12px 0 0 12px;left:auto;right:0}body.fs.fsmin.dk-l #fsTab svg{transform:rotate(-90deg)}body.fs.fsmin.dk-r #fsTab svg{transform:rotate(90deg)}body.fs #dock.moving{outline:2px dashed var(--accent-t);outline-offset:3px;opacity:.92;transition:none}.dockslot{z-index:5;pointer-events:none;border:2px dashed #ffffff59;border-radius:14px;width:56px;height:56px;position:absolute}.dockslot.on{border-color:var(--accent-t);background:#6fd98a26}.scrim{z-index:20;background:#030a069e;display:flex;position:fixed;inset:0}.drawer{background:var(--navy);border-right:1px solid var(--edge);width:min(440px,100%);height:100%;padding-left:env(safe-area-inset-left,0px);flex-direction:column;display:flex}.drawer header{border-bottom:1px solid var(--edge);align-items:center;gap:8px;min-height:60px;padding:10px 12px 10px 16px;display:flex}.drawer h2{font:700 22px/1.1 var(--f-ui);flex:1;min-width:0;margin:0}.drawer .back{border-radius:var(--r-btn);border:1px solid var(--edge);background:var(--panel);height:40px;font:600 15px var(--f-ui);cursor:pointer;align-items:center;gap:4px;padding:0 12px 0 8px;display:inline-flex}.drawer .back svg{width:18px;height:18px}.drawer .body{-webkit-user-select:text;user-select:text;flex-direction:column;flex:1;gap:12px;padding:14px 14px 24px;display:flex;overflow-y:auto}.drawer .body>*{flex:none}.search{border-radius:var(--r-btn);border:1px solid var(--edge);background:var(--panel-2);height:44px;color:var(--muted);align-items:center;gap:8px;padding:0 12px;display:flex}.search svg{flex:none;width:18px;height:18px}.search input{min-width:0;height:100%;color:var(--fg);background:0 0;border:0;outline:none;flex:1;font-size:16px}.search:focus-within{outline:3px solid var(--accent-t);outline-offset:1px}.cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.card{border:1px solid var(--edge);border-left:6px solid var(--accent);border-radius:var(--r-card);background:var(--panel);box-shadow:var(--sh-card);flex-direction:column;display:flex;overflow:hidden}.card.cur{box-shadow:0 0 0 2px var(--accent-t)}.card .th{aspect-ratio:52/31;cursor:pointer;background:#244a33;border:0;width:100%;padding:0;display:block}.card .th img{object-fit:cover;width:100%;height:100%;display:block}.card .meta{flex-direction:column;gap:2px;min-width:0;padding:8px 10px 4px;display:flex}.card .meta b{font:600 15.5px/1.2 var(--f-ui);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card .meta small{color:var(--muted);font-size:13px}.card .acts{gap:6px;padding:4px 8px 8px;display:flex}.card .acts .ib svg{width:17px;height:17px}.card .acts{gap:4px}.card .acts .ib{width:31px;height:31px}.card.tplc{border-left-color:#f2c230}.card.tplc .th{position:relative}.tbadge{color:#f2c230;font:700 12px var(--f-ui);background:#0b1a11d1;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 5px;display:flex;position:absolute;top:6px;left:6px}.tbadge svg{width:14px;height:14px}.card.tplc .acts{align-items:center}.card.tplc .acts .btn.small{gap:4px;height:31px;padding:0 10px;font-size:14px}.card.tplc .acts .btn svg{width:15px;height:15px}.card .acts .grow{flex:1}.modal.confirm p small{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.35;display:block}.modal.tplpick{width:calc(100% - 32px);max-width:520px;max-height:86vh;padding:18px;overflow:auto}.modal.tplpick h3{font:700 19px var(--f-ui);margin:0 0 12px}.tplpick .lbl{color:var(--accent-t);margin:14px 0 8px;font-weight:700}.tpo{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-card);color:var(--fg);cursor:pointer;text-align:left;font:600 14px var(--f-ui);flex-direction:column;align-items:stretch;gap:6px;padding:6px;display:flex}.tpo img,.tpo .ph{aspect-ratio:52/31;object-fit:cover;background:#244a33;border-radius:6px;width:100%;display:block}.tpo b{text-overflow:ellipsis;white-space:nowrap;padding:0 2px;overflow:hidden}.tpo.blank{border-style:dashed;flex-direction:row;align-items:center;width:100%;padding:12px 14px}.tpo.blank svg{width:20px;height:20px}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.badge{background:var(--accent);color:#fff;vertical-align:1px;border-radius:999px;margin-left:5px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.empty{color:var(--muted);text-align:center;padding:20px 8px;font-size:16px}.newrow{gap:8px;display:flex}.newrow .btn.wide{flex:1;width:auto}.btn.sq{flex:none;width:46px;height:46px;padding:0}.btn.sq svg{width:22px;height:22px}.fold{flex-direction:column;gap:8px;display:flex}.gsec{flex-direction:column;display:flex}.gh2{cursor:pointer;width:100%;color:var(--accent-t);font:700 17px/1.2 var(--f-ui);text-align:left;background:0 0;border:0;align-items:center;gap:10px;margin:2px 0 8px;padding:8px 0;display:flex}.gh2 small{color:var(--muted);font-size:13px;font-weight:500}.gh2 .ln{background:var(--edge);flex:1;height:1px}.gh2>svg{width:18px;height:18px;color:var(--muted);flex:none;transition:transform .15s}.gsec.closed .gbody{display:none}.gsec.closed .gh2>svg{transform:rotate(-90deg)}.gsec.drop-on{outline:2px dashed var(--accent-t);outline-offset:4px;border-radius:10px}.fcards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-auto-rows:1fr;gap:10px;margin-bottom:6px;display:grid}.fcard{--fc:#7fd19b;border:1px solid var(--edge);border-left:6px solid var(--fc);border-radius:var(--r-card);background:var(--fc)}@supports (color:color-mix(in lab, red, red)){.fcard{background:color-mix(in srgb,var(--fc) 13%,var(--panel))}}.fcard{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;display:flex}.fcard b{align-items:center;gap:8px;min-width:0;font-size:16px;display:flex}.fcard b svg{width:22px;height:22px;color:var(--fc);flex:none}.fcard b span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fcard .chips{gap:6px;margin-top:8px;display:flex}.fcard .chips span{border:1px solid var(--edge);border-radius:999px;padding:3px 10px;font-size:12px}.fcard .fline{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin:8px 0 0;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.fcard.drop-on{outline:3px solid var(--accent-t);outline-offset:-3px;background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.fcard.drop-on{background:color-mix(in srgb,var(--accent) 22%,var(--panel))}}.fback{color:var(--fg);font:600 15px/1 var(--f-ui);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:4px 0 10px}.fhead{--fc:#7fd19b;background:var(--fc);border-radius:12px;align-items:center;gap:10px;margin:0 0 12px;padding:10px 10px 10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.fhead{background:color-mix(in srgb,var(--fc) 13%,var(--panel))}}.fhead{border:1px solid var(--edge);border-left:6px solid var(--fc)}.fhead .fi{color:var(--fc);display:grid}.fhead .fi svg{width:24px;height:24px}.fhead h3{min-width:0;font:700 20px/1.2 var(--f-ui);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.fbox .fbrow{align-items:center;gap:10px;padding:0 16px 12px;display:flex}.fbox .fprev{--fc:#7fd19b;width:44px;height:44px;color:var(--fc);background:var(--fc);border-radius:10px;flex:none;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.fbox .fprev{background:color-mix(in srgb,var(--fc) 16%,var(--panel-2))}}.fbox .fprev{border:1px solid var(--edge)}.fbox .fprev svg{width:24px;height:24px}.fbox input{border:1px solid var(--edge);background:var(--panel-2);border-radius:8px;flex:1;min-width:0;height:44px;padding:0 11px;font-size:16px}.fbox .fsw{flex-wrap:wrap;gap:8px;padding:0 16px 14px;display:flex}.fbox .fsw .sw{width:32px;height:32px}.fh{align-items:center;gap:6px;display:flex}.fh .gh{flex:1;min-width:0;margin:0}.fh .gh>svg:first-child{width:18px;height:18px;transform:none!important}.fh h5 small{color:var(--muted);margin-left:4px;font-weight:600}.fold.closed .cards{display:none}.fold.closed .gh>svg:last-child{transform:rotate(-90deg)}.ib.mini{width:32px;height:32px}.ib.mini svg{width:16px;height:16px}.card{position:relative}.card.selm{cursor:pointer}.card.picked{box-shadow:0 0 0 3px var(--accent-t)}.card .pick{z-index:1;color:#fff;background:#0b1a1199;border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:8px;right:8px}.card.picked .pick{background:var(--accent);border-color:var(--accent-t)}.card .pick svg{width:16px;height:16px}.selbar{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--edge);background:var(--panel);align-items:center;gap:6px;display:flex}.selbar .ib.del{color:var(--danger)}.selbar span{font-size:15px}.card,.card *{-webkit-user-select:none;user-select:none}.card img{-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:none}.fold.drop-on{outline:2px dashed var(--accent-t);outline-offset:4px;background:#6fd98a0f;border-radius:10px}.drawer{touch-action:pan-y;position:relative}.dropzone{z-index:5;background:var(--panel);border:2px dashed var(--edge);text-align:center;color:var(--muted);border-radius:10px;padding:14px;font-size:14px;position:absolute;top:70px;left:14px;right:14px;box-shadow:0 8px 20px #0006}.dropzone.drop-on{border-color:var(--accent-t);color:var(--fg);background:#6fd98a14}.dragghost{z-index:60;pointer-events:none;background:var(--panel);border:2px solid var(--accent-t);border-radius:10px;width:120px;position:fixed;overflow:hidden;transform:rotate(-3deg);box-shadow:0 10px 24px #00000073}.dragghost img{aspect-ratio:52/31;object-fit:cover;width:100%;display:block}.dragghost span{font:600 12px var(--f-ui);white-space:nowrap;text-overflow:ellipsis;padding:4px 7px;display:block;overflow:hidden}.fpick{flex-direction:column;gap:8px;max-height:50vh;padding:0 16px 14px;display:flex;overflow:auto}.fpick .kset{padding:10px 12px}.kset{text-align:left;background:var(--panel);border:1px solid var(--edge);border-left:6px solid var(--accent);border-radius:var(--r-card);cursor:pointer;width:100%;box-shadow:var(--sh-card);align-items:center;gap:14px;padding:14px 14px 14px 16px;display:flex}.kset:hover{background:var(--panel-2)}.kset .ki{color:var(--accent-t);flex:none}.kset .kt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.kset .kt b{font:600 17px/1.2 var(--f-ui)}.kset .kt span{color:var(--muted);font-size:13.5px;line-height:1.3}.kset .kc svg{width:18px;height:18px;color:var(--muted)}.kset .ki svg{width:26px;height:26px}.kprof{border-left-color:var(--accent)}.kcrest{width:48px;height:48px;font:800 15px var(--f-ui);color:#fff;background:linear-gradient(135deg,#2e8b3e,#174a23);border:2px solid #7fd19b73;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.kcrest.img{background:0 0;border:0;border-radius:0;display:block;overflow:visible}.kcrest img{object-fit:contain;width:100%;height:100%;display:block}.kcrest svg{width:24px;height:24px}.kprof .kc svg{width:20px;height:20px;color:var(--accent-t)}.kdot{vertical-align:1px;background:#f2c230;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.bkst{color:var(--muted);font-size:14px}.bkst b{color:var(--fg)}.bkst.old b{color:#f2c230}.flab{font:600 13px var(--f-ui);color:var(--muted);margin:2px 0 -2px;display:block}.hprev{border:1px solid var(--edge);border-radius:var(--r-card);background:#0b1a11;align-items:center;gap:10px;padding:10px 12px;display:flex}.hprev img{object-fit:contain;width:38px;height:38px}.hprev div{flex-direction:column;gap:2px;min-width:0;display:flex}.hprev b{font:700 16px var(--f-ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hprev span{color:var(--muted);font-size:12.5px}.selall{padding:4px 2px;font-weight:600}.bklist{flex-direction:column;gap:6px;display:flex}.bkrow{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-card);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;display:flex}.bkrow input,.selall input{width:20px;height:20px;accent-color:var(--accent);flex:none}.bkrow span{flex-direction:column;gap:2px;min-width:0;display:flex}.bkrow b{font:600 15px var(--f-ui);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bkrow small{color:var(--muted);font-size:12.5px}.bkbar{background:var(--navy);margin-top:4px;padding:10px 0 4px;position:sticky;bottom:-16px}.guide{flex-direction:column;gap:8px;display:flex}.guide details{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-card);overflow:hidden}.guide summary{font:600 16px var(--f-ui);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;list-style:none;display:flex}.guide summary::-webkit-details-marker{display:none}.guide .gi{color:var(--accent-t);display:flex}.guide .gi svg{width:22px;height:22px}.guide .gch{color:var(--muted);margin-left:auto;transition:transform .15s;display:flex}.guide .gch svg{width:16px;height:16px}.guide details[open] .gch{transform:rotate(90deg)}.guide ul{color:#d5e2d9;flex-direction:column;gap:7px;margin:0;padding:0 16px 14px 48px;font-size:14px;line-height:1.4;display:flex}.guide b{color:var(--fg)}.about .alogo{width:100%;max-width:300px;height:auto;margin:4px 0 6px}.sec{flex-direction:column;gap:10px;padding-bottom:14px;display:flex}.sec h3{font:700 17px/1.1 var(--f-ui);color:var(--accent-t);align-items:center;gap:8px;margin:0;display:flex}.sec h3:after{content:"";background:var(--accent-t);opacity:.35;flex:1;height:2px}.sec p{color:#c8d3e1;max-width:60ch;margin:0;font-size:14.5px;line-height:1.5}.field{flex-direction:column;gap:5px;display:flex}.field span{color:var(--muted);font-size:13.5px;font-weight:600}.field input[type=text]{border-radius:var(--r-btn);border:1px solid var(--edge);background:var(--panel-2);height:44px;padding:0 11px;font-size:16px}.crest{align-items:center;gap:12px;display:flex}.crest .box{border-radius:var(--r-card);background:var(--panel);width:60px;height:60px;color:var(--muted);border:1px dashed #ffffff40;flex:none;place-items:center;font-size:12px;display:grid;overflow:hidden}.crest .box img{object-fit:contain;width:calc(100% - 8px);height:calc(100% - 8px);margin:4px;display:block}.crest .box:has(img){border-style:solid;border-color:#0000;display:block}.seg{border:1px solid var(--edge);border-radius:var(--r-btn);background:var(--panel);flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg button{text-align:center;white-space:nowrap;font:600 14.5px var(--f-ui);cursor:pointer;background:0 0;border:0;flex:1 1 0;padding:9px 13px}.seg button.on{background:var(--accent);color:#fff}.seg button:disabled{opacity:.4;cursor:default}.lpk{align-items:center;gap:12px;display:flex}.lpk .pf{flex:none;width:132px;position:relative}.lpk .pf .fld{background:repeating-linear-gradient(#2a5238 0 12px,#2d573b 12px 24px);border:1px solid #ffffff2e;border-radius:7px;height:84px;position:relative}.lpk .pf .fld:before{content:"";border:1.5px solid #ffffff8c;border-top:0;height:26%;position:absolute;top:0;left:28%;right:28%}.lpk .pf .fld:after{content:"";border:1.5px solid #ffffff8c;border-bottom:0;height:6%;position:absolute;top:-1px;left:43%;right:43%;transform:translateY(-100%)}.lpk button{cursor:pointer;background:#0b1a1173;border:1.5px dashed #ffffff8c;border-radius:5px;width:38px;height:26px;padding:0;position:absolute}.lpk button.on{background:var(--accent);border:1.5px solid #fff}.lpk button:disabled{opacity:.35;cursor:default}.lpk [data-c=tl]{top:5px;left:5px}.lpk [data-c=tr]{top:5px;right:5px}.lpk [data-c=bl]{bottom:5px;left:5px}.lpk [data-c=br]{bottom:5px;right:5px}.lpk .bw{height:24px;margin-top:5px;position:relative}.lpk [data-c=below]{width:auto;height:24px;font:600 12px var(--f-ui);color:var(--muted);top:0;left:0;right:0}.lpk [data-c=below].on{color:#fff}.lpk .lt{color:var(--muted);font-size:14px;line-height:1.3}.lpk .lt b{color:var(--fg);font-size:15px;display:block}.rowb{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.switch{cursor:pointer;align-items:center;gap:10px;font-size:15px;display:flex}.switch:has(input:disabled){opacity:.45;cursor:default}.switch.tmp{border:1px dashed #f2c2308c;border-radius:8px;padding:8px 10px;line-height:1.25}.switch.tmp input{flex:none}.switch.tmp small{color:var(--gk);margin-top:2px;font-size:12.5px;display:block}.switch input{width:20px;height:20px;accent-color:var(--accent)}.modal-wrap{z-index:30;padding:12px max(12px,env(safe-area-inset-right,0px)) 12px max(12px,env(safe-area-inset-left,0px));background:#030a06a8;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--navy);border:1px solid var(--edge);border-radius:12px;flex-direction:column;width:min(880px,100%);max-height:100%;display:flex;overflow:hidden;box-shadow:0 10px 30px #0006}.modal header{border-bottom:1px solid var(--edge);align-items:center;gap:8px;padding:10px 10px 10px 16px;display:flex}.modal h2{font:700 20px/1.1 var(--f-ui);flex:1;margin:0}.modal .mb{gap:14px;min-height:0;padding:12px 16px 16px;display:flex;overflow:auto}.modal .prev{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-card);flex:60%;place-items:center;min-width:0;min-height:120px;padding:8px;display:grid}.modal .prev img{-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;border-radius:6px;max-width:100%;max-height:52vh}.modal .opts{flex-direction:column;flex:40%;gap:12px;min-width:200px;display:flex}.modal .opts>*{flex-shrink:0}.modal .note{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.confirm{border-left:6px solid var(--accent);width:min(420px,100%)}.confirm p{margin:0;padding:18px 16px 14px;font-size:16px;line-height:1.5}.confirm .rowb{justify-content:flex-end;padding:0 16px 16px}.views{z-index:8;background:var(--navy);border:1px solid var(--edge);border-radius:12px;grid-template-columns:repeat(2,140px);gap:8px;padding:8px;display:grid;position:absolute;box-shadow:0 8px 24px #0006}.views button{border:1px solid var(--edge);background:var(--panel);border-radius:var(--r-card);cursor:pointer;font:600 14px var(--f-ui);flex-direction:column;align-items:stretch;gap:5px;padding:5px;display:flex}.views button.on{border-color:var(--accent-t);box-shadow:inset 0 0 0 1px var(--accent-t);color:var(--accent-t)}.views svg{border-radius:6px;width:100%;height:64px}#toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));opacity:0;color:#14261b;font:600 15px var(--f-ui);border-radius:var(--r-btn);z-index:40;pointer-events:none;text-align:center;background:#f1f5f1;max-width:calc(100% - 32px);padding:10px 16px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%)translateY(20px);box-shadow:0 4px 14px #0000004d}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}#splash{z-index:100;color:#fff;background:radial-gradient(120% 90% at 50% 30%,#2e8b3e 0%,#1d5e2a 55%,#0f3a1a 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .35s;display:flex;position:fixed;inset:0}#splash.out{opacity:0;pointer-events:none}#splash img{filter:drop-shadow(0 10px 22px #00000059);width:min(150px,36vh);height:auto}#splash h1{font:800 30px/1 var(--f-ui);letter-spacing:.06em;margin:6px 0 0}#splash h1 i{opacity:.6;padding:0 6px;font-style:normal;font-weight:500}#splash p{font:500 16px/1.3 var(--f-ui);opacity:.9;margin:0}#splash .ld{bottom:max(36px,env(safe-area-inset-bottom,0px));opacity:.85;flex-direction:column;align-items:center;gap:8px;width:min(260px,60vw);font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#splash .ld span{background:#00000040;border-radius:4px;width:100%;height:4px;display:block;overflow:hidden}#splash .ld span:after{content:"";background:#9bf0a8;border-radius:4px;width:40%;height:100%;animation:1.1s ease-in-out infinite ld;display:block}@keyframes ld{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (height<=420px){#splash{flex-direction:row;gap:24px}#splash .tx{flex-direction:column;gap:8px;display:flex}#splash img{width:120px}}@media (prefers-reduced-motion:reduce){#splash .ld span:after{width:100%;animation:none}#splash{transition:none}}.brand{align-items:center;gap:8px;display:flex}.brand img{flex:none;width:30px;height:30px}.brand #brandLogo{width:auto;height:36px}.brand #brandImg{width:auto;height:31px;display:none}#rot{display:none}#gate{z-index:15;padding:24px max(24px,env(safe-area-inset-right,0px)) 24px max(24px,env(safe-area-inset-left,0px));text-align:center;background:radial-gradient(120% 90% at 50% 30%,#2e8b3e 0%,#1d5e2a 55%,#0f3a1a 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:fixed;inset:0}@media (orientation:portrait) and (width<=900px){body:not(.gate-off) #gate{display:flex}}#gate .ph{color:#fff;width:92px;height:92px;animation:2.6s ease-in-out infinite gateRot}@keyframes gateRot{0%,25%{transform:rotate(0)}55%,85%{transform:rotate(-90deg)}to{transform:rotate(0)}}#gate h2{font:700 26px/1.15 var(--f-ui);text-wrap:balance;max-width:16ch;margin:4px 0 0}#gate p{color:#e4f2e7;max-width:30ch;margin:0;font-size:16px;line-height:1.45}#gate .btn.primary{color:#1d5e2a;background:#fff;border-color:#fff;gap:10px;height:52px;margin-top:6px;padding:0 26px;font-size:18px;box-shadow:0 8px 20px #00000040}#gate .btn.primary:active{background:#e4f2e7}#gate .btn.primary .i svg{width:22px;height:22px}#gate .ib{color:#fff;background:#00000038;border-color:#ffffff40;width:48px;height:48px}#gate .ib svg{width:24px;height:24px}#gate .lnk{color:#e4f2e7;font:500 15px var(--f-ui);cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}#gate .row{gap:10px;margin-top:10px;display:flex}@media (prefers-reduced-motion:reduce){#gate .ph{animation:none}}@media (orientation:portrait) and (width<=760px){main{flex-direction:column}.side{border-left:0;border-top:1px solid var(--edge);width:auto;height:196px;padding-right:0}.grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1000px){.brand #brandLogo{height:30px}.brand{padding:0}}@media (width<=700px){.brand #brandLogo{height:26px}}@media (width<=900px){.btn .lbl{display:none}.btn{padding:0 10px}}@media (width<=760px){.side{width:180px}.tool .ic svg{width:72px;height:38px}.bar{gap:4px}#title{font-size:17px}}@media (height<=420px){.bar{height:50px}.ib,.btn{height:38px}.ib{width:38px}.tool{padding:5px 3px}.tool .ic{height:40px}.selbtn,.tsearch{height:36px;margin:6px 6px 4px}}@media (prefers-reduced-motion:reduce){#toast{transition:none}}@media (width<=600px){.modal .mb{flex-direction:column}.modal .opts{min-width:0}.modal .prev img{max-height:34vh}}#app{flex-direction:column;height:100%;display:flex}.tool .ic{grid-template-columns:minmax(0,1fr);overflow:hidden}.tool .ic svg{justify-self:center;max-width:100%}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ease{syntax:"*";inherits:false}
