.fxpage{--fxline:#dfe2ee;--fxtext:#3a3a44;--fxmuted:#6b6f80}.fxstart{max-width:560px;margin:18px auto 6px;padding:0 2%}.fxdrop{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:11px;padding:26px 12px 24px;border:3px dashed #9da0d9;border-radius:8px;background:#fff;box-shadow:rgba(100,100,111,.2) 0 2px 8px;cursor:pointer;text-align:center}.fxdrop:hover{background:#fbfbff}.fxdrophint{font-size:13.5px;color:#6e6e6e}.fxdropnote{font-size:12.5px;color:#8a8ea6}.fxwait{margin:14px auto 0;text-align:center;font-size:14px;color:var(--fxmuted)}.fxwait.fxproblem{color:var(--scolor);font-weight:bold}.fxwait.hide{display:none}.fxapp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);gap:14px;align-items:start;margin:16px 2% 10px;color:var(--fxtext)}.fxapp.hide{display:none}.fxpanel{background:#fff;border:1px solid var(--fxline);border-radius:10px;padding:12px;box-shadow:0 2px 8px rgba(100,100,111,.12);min-width:0}.fxside{position:sticky;top:10px;order:2}.fxmain{order:1}.fxhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.fxinfo{margin:0;font-size:13.5px;color:var(--fxmuted)}.fxtool{flex:none;height:34px;padding:0 12px;border:1px solid var(--fxline);border-radius:7px;background:#fff;color:var(--fxtext);font-size:13.5px;font-weight:600;cursor:pointer}.fxgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;padding:0;list-style:none}.fxgrid{user-select:none;-webkit-user-select:none}.fxbox{position:fixed;z-index:30;border:1px solid var(--pcolor);background:rgba(73,86,165,.14);pointer-events:none}.fxbox[hidden]{display:none}.fxtile{position:relative;display:flex;flex-direction:column;border:2px solid var(--fxline);border-radius:8px;background:#fff;overflow:hidden;cursor:pointer}.fxtile:hover{border-color:#c3c8ea}.fxapp.fxtickmode .fxtile:not(.fxout){border-color:var(--pcolor)}.fxtile.fxout .fxpic{opacity:.35}.fxpic{display:flex;align-items:center;justify-content:center;height:120px;background-color:#eceef5;background-image:linear-gradient(45deg,#e2e5ef 25%,transparent 25%,transparent 75%,#e2e5ef 75%),linear-gradient(45deg,#e2e5ef 25%,transparent 25%,transparent 75%,#e2e5ef 75%);background-size:16px 16px;background-position:0 0,8px 8px}.fxpic canvas{max-width:100%;max-height:100%;width:auto;height:auto}.fxnum{position:absolute;top:6px;right:6px;min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:11px;background:rgba(40,45,90,.78);color:#fff;font-size:12px;font-weight:bold;line-height:22px;text-align:center}.fxtick{position:absolute;top:5px;left:5px;display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:6px;background:rgba(255,255,255,.85);cursor:pointer}.fxtick input{width:18px;height:18px;margin:0;accent-color:var(--pcolor);cursor:pointer}.fxtime{padding:6px 8px 7px;font-size:12.5px;font-weight:600;color:var(--fxtext)}.fxtime small{font-weight:normal;color:var(--fxmuted)}.fxsave{position:absolute;right:6px;bottom:34px;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--fxline);border-radius:6px;background:rgba(255,255,255,.92);color:var(--pcolor);cursor:pointer}.fxsave:hover{background:#eef0fb;border-color:var(--pcolor)}.fxsave:focus-visible{outline:2px solid var(--pcolor);outline-offset:1px}.fxcard{margin-top:10px;padding:11px;border:1px solid var(--fxline);border-radius:10px}.fxcard:first-child{margin-top:0}.fxcardtitle{display:block;margin-bottom:9px;font-size:14.5px}.fxways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fxways.fxways3{grid-template-columns:repeat(3,minmax(0,1fr))}.fxway{position:relative;cursor:pointer}.fxway input{position:absolute;opacity:0;width:1px;height:1px}.fxwaybox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;min-height:48px;padding:7px 4px;box-sizing:border-box;border:2px solid var(--fxline);border-radius:8px;color:#525669;font-size:13px;line-height:1.25;text-align:center}.fxwaybox small{font-size:11.5px;color:var(--fxmuted)}.fxway:hover .fxwaybox{border-color:#c3c8ea}.fxway input:checked + .fxwaybox{border-color:var(--pcolor);background:#eef0fb;color:var(--pcolor);font-weight:bold}.fxway input:focus-visible + .fxwaybox{outline:2px solid var(--pcolor);outline-offset:2px}.fxrow{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:13.5px;color:var(--fxtext)}.fxrow input[type=number]{width:64px;height:31px;box-sizing:border-box;padding:0 6px;border:1px solid var(--fxline);border-radius:6px;font-size:14px;font-weight:bold;text-align:center}.fxrow input[type=color]{width:42px;height:30px;padding:0;border:1px solid var(--fxline);border-radius:6px;background:#fff;cursor:pointer}.fxlink{padding:4px 2px;border:0;background:none;color:var(--pcolor);font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer}.fxhint{margin:8px 0 0;font-size:12px;color:var(--fxmuted)}.fxapp:not(.fxnthmode) .fx-nth,.fxapp:not(.fxtickmode) .fx-tick,.fxapp:not(.fxjpg) .fx-jpg,.fxapp.fxone .fx-many{display:none}.fxcount{margin:12px 0 0;font-size:13.5px;font-weight:600;color:var(--fxtext)}.fxmake{display:block;width:100%;margin-top:10px;padding:12px;border:0;border-radius:8px;background:var(--pcolor);color:#fff;font-size:16px;font-weight:bold;cursor:pointer}.fxmake:hover{filter:brightness(1.08)}.fxmake:disabled{background:#b7bac7;cursor:not-allowed;filter:none}.fxmake.fxsecond{background:#fff;color:var(--pcolor);border:2px solid var(--pcolor);padding:10px}.fxmake.fxsecond:disabled{color:#9a9db0;border-color:#d5d8ea;background:#fff}.fxstatus{margin:10px 0 0;font-size:13px;color:var(--fxmuted)}.fxstatus.hide{display:none}.fxcancel[hidden]{display:none}.fxagain{display:none;width:100%;margin-top:8px;text-align:center}@media only screen and (max-width:900px){.fxapp{grid-template-columns:minmax(0,1fr);margin:14px 0 10px}.fxside{position:static;order:1}.fxmain{order:2}.fxhead .fxtool{display:none}.fxagain{display:block}.fxgrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.fxpic{height:100px}.fxstart{margin-top:14px}}@media only screen and (max-width:600px){.fxpanel{padding:10px}.fxgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}