:root{--bg:#f2f0eb;--panel:#fcfbf8f0;--panel-solid:#fbfaf7;--ink:#221f1a;--ink-2:#5a544a;--ink-3:#8b8479;--line:#ded9d0;--line-soft:#eae6de;--gold:#b4883a;--gold-soft:#d8b978;--focus:#7c5c1e;--r:10px;--shadow:0 2px 10px #28221814, 0 12px 34px #2822181a;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--font:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;--serif:"Songti SC", "SimSun", "Noto Serif SC", Georgia, serif}:root[lang=en]{--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Noto Sans SC", sans-serif;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", "Songti SC", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden}button{font-family:inherit}.app{display:block;position:fixed;inset:0}.stage{position:absolute;inset:0}.stage canvas{outline:none;display:block}.topbar{top:calc(14px + var(--safe-t));left:calc(16px + var(--safe-l));z-index:20;pointer-events:none;max-width:min(46vw,460px);position:absolute}.topbar .t{font-family:var(--serif);letter-spacing:.14em;color:var(--ink);font-size:30px;font-weight:600;line-height:1.1}.topbar .s{letter-spacing:.1em;color:var(--ink-2);margin-top:5px;font-size:12.5px}.topbar .g{color:var(--gold);letter-spacing:.08em;align-items:center;gap:8px;margin-top:9px;font-size:12px;display:inline-flex}.topbar .g i{background:var(--gold-soft);width:22px;height:1px;display:block}.topbar.compact .t{font-size:21px}.topbar.compact .g{display:none}.langsw,.fb-lang{-webkit-user-select:none;user-select:none;pointer-events:auto;flex:none;align-items:center;gap:4px;display:inline-flex}.langsw{border:1px solid var(--line);background:#ffffff80;border-radius:999px;padding:3px 9px}.langsw>span{color:var(--ink-3);font-size:11px}.langsw button,.fb-lang button{appearance:none;color:var(--ink-3);font:600 11px/1 var(--font);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 7px;transition:background .15s,color .15s}.langsw button:hover,.fb-lang button:hover{color:var(--ink);background:var(--line-soft)}.langsw button.on,.fb-lang button.on{color:#fff;background:var(--gold)}.langsw button:focus-visible,.fb-lang button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.topbar.compact .langsw{padding:2px 6px}.tools{top:calc(14px + var(--safe-t));right:calc(14px + var(--safe-r));z-index:30;flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:absolute}.tool-row{gap:6px;display:flex}.tbtn{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);min-width:36px;height:36px;color:var(--ink-2);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;transition:background .15s,color .15s,border-color .15s;display:inline-flex;box-shadow:0 1px 3px #2822180f}.tbtn:hover{color:var(--ink);border-color:var(--gold-soft);background:#fff}.tbtn[aria-pressed=true],.tbtn.on{background:var(--gold);border-color:var(--gold);color:#fff}.tbtn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tbtn:disabled{opacity:.42;cursor:not-allowed}.tbtn .lbl{white-space:nowrap}.pop{background:var(--panel-solid);border:1px solid var(--line);border-radius:var(--r);min-width:156px;box-shadow:var(--shadow);z-index:40;padding:6px;position:absolute;top:46px;right:0}.pop .hd{color:var(--ink-3);letter-spacing:.08em;padding:5px 8px 6px;font-size:11px}.pop button{width:100%;color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:8px 9px;font-size:13px;display:flex}.pop button:hover{background:var(--line-soft);color:var(--ink)}.pop button[aria-checked=true]{color:var(--gold);font-weight:600}.pop .hint{color:var(--ink-3);font-size:10.5px;font-weight:400}.dock{left:0;right:0;bottom:calc(14px + var(--safe-b));z-index:25;pointer-events:none;flex-direction:column;align-items:center;gap:9px;padding:0 12px;display:flex;position:absolute}.dock>*{pointer-events:auto}.presets{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;gap:3px;padding:4px;display:inline-flex}.presets .p{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:6px 15px;transition:background .15s,color .15s;display:flex}.presets .p b{font-size:13px;font-weight:600}.presets .p i{color:var(--ink-3);letter-spacing:.06em;font-size:9.5px;font-style:normal}.presets .p:hover{background:var(--line-soft)}.presets .p.on{background:var(--gold);color:#fff}.presets .p.on i{color:#ffffffd1}.presets .p:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.zones{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;border-radius:12px;gap:3px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.zones::-webkit-scrollbar{display:none}.zones .z{color:var(--ink-2);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;transition:background .15s,color .15s;display:flex}.zones .z em{color:var(--ink-3);font-size:10.5px;font-style:normal}.zones .z:hover{background:var(--line-soft)}.zones .z.on{color:#6a4d18;background:#efe6d3}.zones .z.on em{color:#a8843c}.zones .z:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.zones .sep{background:var(--line);flex:none;width:1px;margin:6px 4px}.pxviews{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;gap:3px;padding:4px;display:inline-flex}.pxviews button{color:var(--ink-2);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 14px;font-size:13px}.pxviews button.on{background:var(--gold);color:#fff}.panel{z-index:35;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.panel.px-clear{z-index:60;background:var(--panel-solid);width:min(360px,100vw - 32px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:760px){.panel.px-clear{top:42%}}.panel-hd{border-bottom:1px solid var(--line-soft);flex:none;align-items:center;gap:10px;padding:13px 15px;display:flex}.panel-hd h2{font-family:var(--serif);letter-spacing:.1em;margin:0;font-size:16px;font-weight:600}.panel-hd .sub{color:var(--ink-3);letter-spacing:.06em;font-size:11.5px}.panel-hd .sp{flex:1}.panel-bd{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:15px;overflow-y:auto}.panel-bd::-webkit-scrollbar{width:8px}.panel-bd::-webkit-scrollbar-thumb{background:#d8d2c6;border-radius:4px}.xbtn{border:1px solid var(--line);background:var(--panel-solid);width:30px;height:30px;color:var(--ink-2);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.xbtn:hover{color:var(--ink);border-color:var(--gold-soft);background:#fff}.xbtn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.drawer{top:calc(62px + var(--safe-t));right:calc(14px + var(--safe-r));bottom:calc(104px + var(--safe-b));width:min(408px,100vw - 28px)}.detail{left:calc(14px + var(--safe-l));bottom:calc(104px + var(--safe-b));width:min(330px,100vw - 28px);max-height:min(58vh,520px)}.pixelside{z-index:36;left:calc(14px + var(--safe-l));top:calc(104px + var(--safe-t));bottom:calc(112px + var(--safe-b));pointer-events:none;flex-direction:column;gap:10px;width:min(392px,100vw - 28px);display:flex;position:absolute}.pixelside>*{pointer-events:auto}.pxgrip{cursor:pointer;width:100%;font:inherit;color:var(--ink-2);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:10px;padding:9px 14px 10px;display:none}.pxgrip-bar{background:var(--line);border-radius:2px;width:38px;height:4px}.pxgrip-tx{letter-spacing:.06em;font-size:12px}.pixelside .panel{width:100%;position:static;inset:auto;transform:none}.pixelside .panel.px-main{flex:auto;min-height:0}.pixelside .panel.px-sub{flex:none;max-height:46%}.pixelside .panel-bd{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.pxdraft{border:1px solid var(--line-soft);background:var(--panel-solid);border-radius:12px;flex:none;align-items:center;gap:14px;padding:13px 15px;display:flex;box-shadow:0 6px 20px #3c301812}.pxdraft .px2d{border-radius:10px;flex:none;width:88px;height:88px}.pxdraft .meta{flex:1;min-width:0}.pxdraft .meta .n{font-family:var(--serif);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.pxdraft .meta .c{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11.5px;overflow:hidden}.pxfoot{pointer-events:auto;flex:none}.pxfoot .tbtn{margin-top:0!important}.pxdraft .meta .s{color:var(--ink-3);margin-top:6px;font-size:10.5px;line-height:1.55}.txt{color:var(--ink-2);margin:0 0 12px;font-size:13.5px;line-height:1.85}.txt strong{color:var(--ink);font-weight:600}.quote{border-left:2px solid var(--gold-soft);color:#4a4136;background:#f6f1e6;border-radius:0 8px 8px 0;margin:0 0 14px;padding:12px 14px;font-size:13.5px;line-height:1.85}.h3{letter-spacing:.16em;color:var(--ink-3);align-items:center;gap:9px;margin:20px 0 8px;font-size:11.5px;font-weight:600;display:flex}.h3:after{content:"";background:var(--line-soft);flex:1;height:1px}.h3:first-child{margin-top:0}.tag{color:#7a5c22;letter-spacing:.05em;background:#f2ecdf;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;display:inline-flex}.tag.plain{background:var(--line-soft);color:var(--ink-3)}.tag.demo{color:#4a5f70;background:#e9eef2}.tag.privacy{color:#3f6150;background:#e8f0ea}.stats{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.stat{background:var(--panel-solid);border:1px solid var(--line-soft);border-radius:9px;flex:82px;padding:9px 10px}.stat b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600;display:block}.stat span{color:var(--ink-3);letter-spacing:.05em;font-size:10.5px}.src{color:var(--ink-3);border-top:1px dashed var(--line);margin-top:12px;padding:7px 0 0;font-size:11px;line-height:1.7}.src a{color:var(--gold);word-break:break-all;text-decoration:none}.src a:hover{text-decoration:underline}.tl{padding-left:20px;position:relative}.tl:before{content:"";background:var(--line);width:1px;position:absolute;top:5px;bottom:5px;left:5px}.tl .n{padding:0 0 17px;position:relative}.tl .n:before{content:"";background:var(--panel-solid);border:1.5px solid var(--line);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:-18px}.tl .n.key:before{background:var(--gold);border-color:var(--gold)}.tl .y{color:var(--gold);letter-spacing:.08em;font-size:11px;font-weight:600}.tl .h{color:var(--ink);margin:2px 0 4px;font-size:13.5px;font-weight:600}.tl .b{color:var(--ink-2);margin:0;font-size:12.5px;line-height:1.8}.tl .s{color:var(--ink-3);margin-top:4px;font-size:10.5px}.ver{border:1px solid var(--line-soft);background:var(--panel-solid);border-radius:9px;margin-bottom:9px;padding:11px 12px}.ver.basis{border-color:var(--gold-soft);background:#faf6ec}.ver .vh{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.ver .vn{color:var(--ink);font-size:13.5px;font-weight:600}.ver .vd{color:var(--ink-2);margin:5px 0 0;font-size:12px;line-height:1.75}.ver .vd i{color:var(--ink-3);font-style:normal}.ver .vd b{color:var(--ink);font-weight:600}.ver .vs{color:var(--ink-3);margin-top:6px;font-size:10.5px}table.diff{border-collapse:collapse;width:100%;font-size:12px}table.diff th,table.diff td{text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top;padding:7px 8px;line-height:1.7}table.diff th{color:var(--ink-3);letter-spacing:.08em;font-size:10.5px;font-weight:600}table.diff td:first-child{color:var(--ink);white-space:nowrap;font-weight:600}table.diff td{color:var(--ink-2)}.field{margin-bottom:14px}.field label{color:var(--ink-2);letter-spacing:.06em;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.field .hint{color:var(--ink-3);margin-top:5px;font-size:10.5px;line-height:1.6}.inp{border:1px solid var(--line);background:var(--panel-solid);width:100%;height:40px;color:var(--ink);border-radius:9px;outline:none;padding:0 11px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}textarea.inp{resize:vertical;height:74px;padding:9px 11px;line-height:1.7}.inp:focus{border-color:var(--gold-soft);box-shadow:0 0 0 3px #b8883a21}.inp[aria-invalid=true]{border-color:#c2705a}.counter{float:right;color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:10.5px}.err{color:#b2543a;margin-top:5px;font-size:11.5px}.ok{color:#4a6b56;margin-top:5px;font-size:11.5px;line-height:1.6}.swatches{flex-wrap:wrap;gap:7px;display:flex}.sw{cursor:pointer;border:2px solid #0000;border-radius:9px;width:34px;height:34px;padding:0;position:relative;box-shadow:inset 0 0 0 1px #0000001a}.sw[aria-checked=true]{border-color:var(--ink)}.sw[aria-checked=true]:after{content:"";border:1.5px solid #ffffffd9;border-radius:5px;position:absolute;inset:3px}.sw:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.symbols{flex-wrap:wrap;gap:6px;display:flex}.sym{border:1px solid var(--line);background:var(--panel-solid);width:66px;color:var(--ink-2);cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:11px;display:flex}.sym[aria-checked=true]{border-color:var(--gold);color:#6a4d18;background:#faf4e6}.sym:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sym svg{display:block}.btn{border:1px solid var(--gold);background:var(--gold);color:#fff;letter-spacing:.05em;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:42px;padding:0 18px;font-size:14px;font-weight:600;transition:filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.07)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn.ghost{color:var(--ink-2);border-color:var(--line);background:0 0}.btn.ghost:hover{background:var(--line-soft);color:var(--ink);border-color:var(--gold-soft)}.btn.danger{color:#a8503a;background:0 0;border-color:#dcc0b7}.btn.danger:hover{background:#f7ece8}.btn.wide{width:100%}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.btn-row .btn{flex:auto}.steps{align-items:center;gap:5px;margin-bottom:15px;display:flex}.steps .st{background:var(--line);border-radius:2px;flex:1;height:3px;position:relative}.steps .st.on{background:var(--gold)}.steps .lb{color:var(--ink-3);letter-spacing:.06em;margin-bottom:6px;font-size:11px}.px2d{border:1px solid var(--line-soft);background:#f7f5f0;border-radius:10px;width:100%;height:auto;display:block}.tour{left:50%;bottom:calc(104px + var(--safe-b));z-index:28;background:var(--panel);border:1px solid var(--line);width:min(560px,100vw - 24px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:13px;position:absolute;overflow:hidden;transform:translate(-50%)}.tour-cap{padding:12px 14px 10px}.tour-cap .st{color:var(--gold);letter-spacing:.14em;font-size:10.5px;font-weight:600}.tour-cap h3{font-size:15px;font-weight:600;font-family:var(--serif);letter-spacing:.06em;margin:3px 0 5px}.tour-cap p{color:var(--ink-2);margin:0;font-size:12.5px;line-height:1.8}.tour-bar{align-items:center;gap:10px;padding:0 14px 11px;display:flex}.tour-bar .track{background:var(--line);border-radius:2px;flex:1;height:3px;overflow:hidden}.tour-bar .fill{background:var(--gold);height:100%}.tour-bar .tm{color:var(--ink-3);font-variant-numeric:tabular-nums;text-align:right;min-width:62px;font-size:11px}.tour-bar .ib{border:1px solid var(--line);background:var(--panel-solid);width:30px;height:30px;color:var(--ink-2);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.tour-bar .ib:hover{color:var(--ink);background:#fff}.tour-bar .ib:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tour-steps{gap:2px;padding:0 14px 11px;display:flex}.tour-steps .s{background:var(--line-soft);border-radius:1px;flex:1;height:2px}.tour-steps .s.on{background:var(--gold-soft)}.tour-steps .s.cur{background:var(--gold)}.loader{z-index:90;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .5s;display:flex;position:fixed;inset:0}.loader.out{opacity:0;pointer-events:none}.loader .lt{font-family:var(--serif);letter-spacing:.3em;color:var(--ink);font-size:25px}.loader .ls{letter-spacing:.16em;color:var(--ink-3);font-size:12px}.loader .track{background:var(--line);border-radius:1px;width:min(230px,60vw);height:2px;overflow:hidden}.loader .fill{background:var(--gold);height:100%;transition:width .3s}.loader .lp{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.loader .fail{text-align:center;max-width:400px;color:var(--ink-2);font-size:13px;line-height:1.9}.toast{left:50%;bottom:calc(104px + var(--safe-b));z-index:45;color:#f6f2e8;letter-spacing:.05em;box-shadow:var(--shadow);pointer-events:none;background:#221f1aeb;border-radius:20px;padding:9px 16px;font-size:12.5px;animation:.25s rise;position:absolute;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.hintbar{left:50%;bottom:calc(104px + var(--safe-b));z-index:26;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink-2);border-radius:22px;align-items:center;gap:12px;padding:9px 15px;font-size:12.5px;display:flex;position:absolute;transform:translate(-50%)}.hintbar b{color:var(--ink);font-weight:600}.fallback{z-index:80;-webkit-overflow-scrolling:touch;background:var(--bg);position:fixed;inset:0;overflow-y:auto}.fb-wrap{max-width:860px;padding:calc(22px + var(--safe-t)) 20px calc(40px + var(--safe-b));margin:0 auto}.fb-notice{color:#6d5423;background:#f6efe0;border:1px solid #e6d6b6;border-radius:11px;margin-bottom:22px;padding:13px 15px;font-size:13px;line-height:1.85}.fb-h1{font-family:var(--serif);letter-spacing:.14em;margin:0 0 6px;font-size:27px}.fb-sub{color:var(--ink-2);letter-spacing:.1em;margin:0 0 20px;font-size:12.5px}.fb-tag{color:#7a5c22;background:#f2ecdf;border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:3px 9px;font-size:10.5px;display:inline-flex}.fb-sec{margin-bottom:30px}.fb-sec>h2{letter-spacing:.16em;color:var(--ink-3);border-bottom:1px solid var(--line);margin:0 0 12px;padding-bottom:7px;font-size:12px}.fb-elev{border:1px solid var(--line-soft);background:#f7f5f0;border-radius:11px;width:100%;height:auto;display:block}.fb-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px;display:grid}.fb-grid .cell{border:1px solid var(--line-soft);background:var(--panel-solid);text-align:center;border-radius:9px;padding:9px}.fb-grid .cell canvas{width:100%;height:auto;display:block}.fb-grid .cell span{color:var(--ink-3);margin-top:5px;font-size:10.5px;display:block}@media (max-width:860px){.topbar{max-width:62vw}.topbar .t{letter-spacing:.1em;font-size:22px}.topbar .s{font-size:11px}.topbar .g{font-size:10.5px}.topbar.compact .t{font-size:18px}.drawer{top:auto;left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));bottom:calc(8px + var(--safe-b));border-radius:16px;width:auto;max-height:68vh}.detail{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));bottom:calc(8px + var(--safe-b));width:auto;max-height:62vh}.tour{bottom:calc(96px + var(--safe-b))}.presets .p{padding:6px 11px}.presets .p i{display:none}.zones .z{padding:8px 11px;font-size:12.5px}.tbtn .lbl{display:none}.tbtn{padding:0 9px}.toast,.hintbar{bottom:calc(96px + var(--safe-b))}.pixelside{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));top:auto;bottom:calc(104px + var(--safe-b));gap:0;width:auto;max-height:62vh}.pixelside>.panel{border-radius:14px}.pixelside .panel.px-main{max-height:none}.pxdraft{padding:11px 13px}.pxdraft .px2d{width:68px;height:68px}.pxgrip{border:1px solid var(--line-soft);background:var(--panel-solid);border-radius:12px;margin:0 0 6px;display:flex}.pixelside[data-peek=true]{max-height:none}.pixelside[data-peek=true]>.panel{display:none}}@media (max-width:560px){.dock{bottom:calc(10px + var(--safe-b));gap:7px}.zones .z em{display:none}.zones .z{padding:8px 10px}.btn{height:44px}.panel-bd{padding:13px}}@media (max-height:460px){.topbar .g,.tour-cap p{display:none}.drawer{top:calc(52px + var(--safe-t));bottom:calc(88px + var(--safe-b))}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}