.labs-page{height:100%;min-height:0;display:flex;flex-direction:column;gap:14px}.labs-toolbar{display:flex;align-items:center;justify-content:space-between;flex:none;color:#8690a6;font-size:10px}.labs-toolbar .text-button{font-size:12px}.labs-toolbar .icon{width:16px;height:16px;transform:rotate(180deg)}.labs-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:16px;flex:1;min-height:0}.labs-touch-card,.labs-feature-card{border:1px solid #fffffff0;border-radius:15px;background:linear-gradient(135deg,#ffffffc7,#eff0fbc4);box-shadow:inset 0 1px #fff,0 5px 18px #6a739814}.labs-touch-card{padding:22px;display:flex;flex-direction:column;min-width:0;min-height:0}.labs-card-heading{display:flex;align-items:center;gap:12px}.labs-symbol{display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid #fff;border-radius:12px;background:linear-gradient(130deg,#e3ecff,#e9ddf7);color:#7b68bc}.labs-symbol .icon{width:24px;height:24px}.labs-page h2{margin:0;font-size:17px;font-weight:650;color:#354263}.labs-page p{font-size:12px;line-height:1.7;color:#7b879e;margin:6px 0 0}.labs-connection{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;flex:1;min-height:0;margin:18px 0;text-align:center}.labs-qr{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:150px;height:150px;flex:none;border:1px solid #dbe3f2;border-radius:12px;background:#fff;color:#8995b2}.labs-qr>.icon{width:37px;height:37px;color:#948bc4}.labs-qr>span{font-size:10px}.labs-qr img{width:140px;height:140px;object-fit:contain}.labs-connection-copy{min-width:0;max-width:100%}.labs-connection-copy strong{display:block;color:#5d6e92;font-size:12px;line-height:1.6}.labs-connection-copy code{display:block;margin-top:8px;overflow-wrap:anywhere;font-family:inherit;font-size:10px;color:#8b95a9}.labs-connection-copy small{display:block;margin-top:5px;color:#8190a8;font-size:10px}.labs-touch-actions{display:flex;align-items:center;gap:16px;flex:none}.labs-device-settings{margin-top:17px;padding-top:14px;border-top:1px solid #dbe2ef;flex:none}.labs-device-settings .inline-setting{margin-bottom:8px}.labs-device-settings>.text-button{padding:2px 0;font-size:10px}.labs-revoke-confirm{display:flex;align-items:center;gap:9px;font-size:10px;color:#7f8198}.labs-revoke-confirm>span{margin-right:auto}.labs-other-tools{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:14px;min-height:0}.labs-feature-card{display:grid;grid-template-columns:43px minmax(0,1fr);align-content:center;column-gap:12px;row-gap:13px;padding:22px;min-height:0}.labs-feature-card>.secondary-button{grid-column:2;justify-self:start}.labs-feature-card .secondary-button .icon{width:13px;height:13px}.labs-entry.active{background:linear-gradient(115deg,#e1eaff,#e8ddf7);color:#6e58a8;border-color:#fff}@media(max-height:720px){.labs-touch-card,.labs-feature-card{padding:16px}.labs-connection{flex-direction:row;text-align:left;gap:14px;margin:14px 0}.labs-qr{width:126px;height:126px}.labs-qr img{width:118px;height:118px}.labs-card-heading .labs-symbol{width:35px;height:35px}.labs-page h2{font-size:15px}.labs-page p{font-size:11px}.labs-feature-card{grid-template-columns:35px minmax(0,1fr);row-gap:8px}.labs-feature-card .labs-symbol{width:35px;height:35px}.labs-device-settings{margin-top:12px;padding-top:10px}}@media(max-width:1000px){.labs-grid{gap:12px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.labs-touch-card,.labs-feature-card{padding:14px}.labs-page h2{font-size:14px}.labs-page p{font-size:11px}.labs-connection{gap:10px}.labs-qr{width:108px;height:108px}.labs-qr img{width:102px;height:102px}.labs-connection-copy strong{font-size:11px}.labs-connection-copy p{font-size:10px}.labs-revoke-confirm{flex-wrap:wrap}.labs-toolbar{font-size:9px}.labs-toolbar .text-button{font-size:11px}}:root{--cs-ui-font: "Microsoft YaHei UI", "Segoe UI", sans-serif;--cs-canvas: #f2f5fb;--cs-surface: #ffffff;--cs-surface-subtle: #e8edf6;--cs-surface-hover: #f7f9ff;--cs-surface-selected: #e7eaf9;--cs-ink: #28344b;--cs-ink-secondary: #596a85;--cs-ink-tertiary: #7a88a0;--cs-border: #dce3f0;--cs-border-strong: #bdc9df;--cs-brand: #5368c8;--cs-brand-hover: #4356af;--cs-brand-soft: #c3cdf1;--cs-brand-fog: #eef1fc;--cs-focus: rgba(83, 104, 200, .34);--cs-success: #2d8c67;--cs-success-soft: #edf8f3;--cs-warning: #a56a17;--cs-warning-soft: #fff7e8;--cs-danger: #c44f64;--cs-danger-soft: #fff1f4;--cs-overlay-surface: rgba(41, 51, 67, .94);--cs-overlay-surface-hover: rgba(255, 255, 255, .08);--cs-overlay-ink: #ffffff;--cs-overlay-muted: rgba(255, 255, 255, .64);--cs-overlay-border: rgba(255, 255, 255, .16);--cs-accent-sky: #4e68be;--cs-accent-sky-soft: #edf2fc;--cs-accent-mint: #337f83;--cs-accent-mint-soft: #e9f4f4;--cs-accent-lilac: #7862ae;--cs-accent-lilac-soft: #f1ecfa;--cs-accent-amber: #7862ae;--cs-accent-amber-soft: #f1ecfa;--cs-glass-shell: rgba(246, 248, 254, .86);--cs-glass-panel: rgba(255, 255, 255, .68);--cs-glass-edge: rgba(255, 255, 255, .92);--cs-glass-highlight: linear-gradient(125deg, rgba(255,255,255,.65), transparent 54%, rgba(202,192,239,.18));--cs-font-weight-regular: 400;--cs-font-weight-medium: 500;--cs-font-weight-semibold: 600;--cs-font-weight-bold: 700;--cs-type-key-size: 9px;--cs-type-key-line: 12px;--cs-type-micro-size: 10px;--cs-type-micro-line: 14px;--cs-type-meta-size: 11px;--cs-type-meta-line: 16px;--cs-type-body-size: 12px;--cs-type-body-line: 18px;--cs-type-nav-size: 12px;--cs-type-nav-line: 18px;--cs-type-section-size: 13px;--cs-type-section-line: 18px;--cs-type-brand-size: 15px;--cs-type-brand-line: 22px;--cs-type-page-size: 17px;--cs-type-page-line: 24px;--cs-space-1: 2px;--cs-space-2: 4px;--cs-space-3: 6px;--cs-space-4: 8px;--cs-space-5: 12px;--cs-space-6: 16px;--cs-space-7: 24px;--cs-titlebar-height: 56px;--cs-nav-height: 38px;--cs-control-height: 30px;--cs-key-height: 27px;--cs-page-inline: 20px;--cs-page-block: 14px;--cs-shortcut-stage-height: 226px;--cs-mapping-height: 48px;--cs-footer-height: 30px;--cs-radius-label: 4px;--cs-radius-control: 6px;--cs-radius-row: 8px;--cs-radius-panel: 8px;--cs-radius-shell: 12px;--cs-radius-sm: 6px;--cs-radius-md: 8px;--cs-shadow-control: 0 1px 2px rgba(35, 29, 49, .06);--cs-shadow-panel: 0 3px 12px rgba(45, 35, 67, .065);--cs-shadow-shell: 0 18px 46px rgba(39, 30, 58, .13);--cs-shadow-resting: 0 3px 12px rgba(45, 35, 67, .065);--cs-shadow-window: 0 18px 46px rgba(39, 30, 58, .13)}:root{font-family:var(--cs-ui-font);color:var(--cs-ink);font-synthesis:none;--blue:#4b61c9;--blue-soft:#edf1ff;--violet:#7561b6;--violet-soft:#f1edfb;--aqua:#287c80;--ink:#26324b;--muted:#637087;--quiet:#8a94a5;--edge:rgba(255,255,255,.88);--hairline:rgba(108,122,163,.15);--panel:rgba(255,255,255,.68)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-size:12px;line-height:1.5}button,input{font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:inherit;cursor:pointer}button,input,a{-webkit-tap-highlight-color:transparent}button{transition:background-color .14s,border-color .14s,box-shadow .14s}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #778beb;outline-offset:3px}input{color:var(--ink)}h1,h2,h3,p{margin:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}kbd{font-family:inherit;font-variant-numeric:tabular-nums;white-space:nowrap}.icon{display:inline-block;flex:none;width:20px;height:20px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;vertical-align:middle}.icon.brand-art{background:none;object-fit:contain;mask:none;-webkit-mask:none}.desktop{height:100dvh;padding:28px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 12% 0%,#cdd9f5,transparent 55%),radial-gradient(ellipse at 94% 92%,#d7d0ed,transparent 55%),#e9edf5}.app-window{display:grid;grid-template-columns:170px minmax(0,1fr);width:min(1220px,100%);height:min(820px,calc(100dvh - 56px));overflow:hidden;isolation:isolate;border:1px solid var(--edge);border-radius:24px;background:radial-gradient(ellipse at 9% 2%,rgba(181,203,249,.34),transparent 60%),radial-gradient(ellipse at 96% 96%,rgba(203,187,240,.32),transparent 55%),linear-gradient(120deg,#ffffff8c,#ffffff14),rgba(244,247,254,var(--tint));-webkit-backdrop-filter:blur(34px) saturate(1.08);backdrop-filter:blur(34px) saturate(1.08);box-shadow:inset 0 1px #fff,0 28px 70px #34466c20,0 2px 8px #34466c0c}.sidebar{min-height:0;display:flex;flex-direction:column;padding:24px 12px 18px;border-right:1px solid var(--hairline);background:linear-gradient(150deg,#ffffff35,#eef2ff30)}.brand{display:flex;align-items:center;gap:9px;text-align:left;padding:0 3px 0 0}.brand-glass{display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid #ffffffec;border-radius:13px;background:linear-gradient(140deg,#fff,#e1e9ff 45%,#c9b8ef);box-shadow:inset 0 1px #fff,0 4px 10px #5769ad18}.brand .brand-art{width:40px;height:40px;filter:none;opacity:1}.brand strong{display:block;font-size:16px;font-weight:700;letter-spacing:-.4px}.brand small{display:block;margin-top:2px;font-size:8px;font-weight:500;letter-spacing:2.2px;color:#7283a4}.nav-section-label{margin:27px 12px 10px;color:var(--quiet);font-size:10px;font-weight:500;letter-spacing:1px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;gap:11px;align-items:center;width:100%;height:46px;padding:0 13px;border:1px solid transparent;border-radius:10px;text-align:left;font-size:13px;font-weight:500;color:#53617b}.nav-item .icon{width:21px;height:21px;color:#7989b1}.nav-item:hover{background:#ffffff75}.nav-item.active{background:linear-gradient(120deg,#fff,#f2f4ffb3);border-color:#fff;color:#334cb6;box-shadow:0 5px 12px #60719f10;font-weight:700}.nav-item.active .icon{color:#586dce}.sidebar-bottom{margin-top:auto;padding-top:20px}.account-entry{display:flex;align-items:center;gap:8px;width:100%;padding:10px 7px;text-align:left;border:1px solid #ffffffbd;border-radius:10px;background:#ffffff6b}.account-entry:hover{background:#fff}.account-entry-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:#e3eafd;color:#6478c5}.account-entry-avatar .icon{width:19px;height:19px}.account-entry>span:nth-child(2){min-width:0}.account-entry strong{display:block;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:86px}.account-entry small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.account-entry>.icon{width:13px;height:13px;margin-left:auto;color:#8390ab}.host-state{display:flex;align-items:center;gap:6px;font-size:9px;color:#7b879d;margin:13px 6px 0}.host-state i{width:5px;height:5px;background:#99a6bd;border-radius:50%}.host-state i.online{background:var(--aqua)}.main-shell{display:flex;flex-direction:column;min-height:0;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;flex:none;height:46px;padding:0 24px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:10px;color:#8a96ad}.breadcrumb strong{font-weight:500;color:#687992}.topbar-actions{display:flex;align-items:center;gap:8px}.window-button{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:7px;color:#76839b}.window-button .icon{width:16px;height:16px}.window-button:hover{color:#344873;background:#ffffffab}.preview-badge{font-size:9px;color:#8994a8}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 24px 20px;flex:none}.page-heading h1{font-size:27px;line-height:1.25;font-weight:700;letter-spacing:-.6px}.page-heading p{margin-top:8px;font-size:11px;color:var(--muted)}.search{display:flex;align-items:center;gap:8px;max-width:245px;width:31%;padding:8px 10px;border:1px solid #ffffffbe;border-radius:9px;background:#ffffff70;box-shadow:inset 0 1px #ffffff90}.search>.icon{width:15px;height:15px;color:#8a98b0}.search input{min-width:0;width:100%;border:0;outline:none;background:transparent;font-size:11px}.search input::placeholder{color:#8b97ab}.search kbd{font-size:10px;color:#9ba6b7}.page-body{flex:1;min-height:0;padding:0 24px 14px}.main-shell>footer{display:flex;justify-content:space-between;gap:12px;flex:none;padding:0 24px;height:32px;align-items:center;font-size:9px;color:#8994a8}.keyboard-page{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;gap:12px}.quick-access{display:flex;align-items:center;gap:8px;min-width:0}.quick-access>span{color:#8090a7;font-size:10px;margin-right:2px}.quick-access button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #ffffffe3;border-radius:8px;background:#ffffff69}.quick-access button:hover{background:#fff}.quick-access .icon{width:16px;height:16px;color:#7184c5}.quick-access strong{font-size:10px;font-weight:500;white-space:nowrap}.quick-access kbd{padding:2px 5px;border-radius:4px;background:#ffffffe0;color:#596ebc;font-size:11px;font-weight:700}.keyboard-primary{display:flex;flex-direction:column;min-height:0;padding:15px;border:1px solid var(--edge);border-radius:14px;background:linear-gradient(135deg,#ffffff68,#ffffff30);box-shadow:inset 0 1px #fff}.keyboard-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;margin-bottom:13px}.modifier-tabs{display:flex;align-items:center;gap:3px}.modifier-tabs button{padding:6px 11px;color:#7a889f;border-radius:6px;font-size:11px;font-weight:500}.modifier-tabs button.active{background:#ffffffdf;box-shadow:0 2px 6px #5265900c;color:#5469c5;font-weight:700}.keyboard-instruction{font-size:9px;color:#8c96a8}.keyboard{display:grid;grid-template-rows:.56fr 1fr 1fr 1fr .52fr;gap:5px;min-height:0;flex:1}.key-row{display:flex;gap:5px;min-height:0}.key{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:4px;flex:1;min-width:0;min-height:0;padding:7px;border:1px solid transparent;border-radius:7px;text-align:left;background:#ffffff18;box-shadow:inset 0 0 0 1px #8292b608;color:#9aa4b5}.key.assigned{color:#455779;background:linear-gradient(145deg,#fffffff5,#f3f6ffc4);border-color:#fff;box-shadow:0 3px 7px #5c70ac0d,inset 0 -2px #7e96cf12}.key.assigned:hover{background:#fff;border-color:#c7d3f6;box-shadow:0 3px 9px #5c70ac19}.key.selected.assigned{color:#65539d;background:linear-gradient(140deg,#f9f6ff,#e8e0fa);border-color:#c3b6e5;box-shadow:0 0 0 2px #8b7ac818,inset 0 1px #fff}.key-cap-top{display:flex;justify-content:space-between;align-items:center;gap:3px;min-width:0}.key-letter{font-size:12px;font-weight:500;white-space:nowrap}.key-command-icon{width:18px;height:18px;color:#6c82c3}.selected .key-command-icon{color:#8770bc}.key-function{font-size:11px;font-weight:600;line-height:1.4;white-space:pre-line;overflow-wrap:anywhere}.row-0 .key,.row-4 .key{justify-content:center}.row-0 .key-letter,.row-4 .key-letter{font-size:10px;font-weight:400}.row-0 .key:last-child{flex:1.5}.row-1 .key:first-child{flex:1.5}.row-2 .key:first-child{flex:1.75}.row-2 .key:last-child{flex:1.65}.row-3 .key:first-child{flex:2}.row-3 .key:last-child{flex:2.1}.row-4 .key{flex:1.15}.row-4 .key.space{flex:5.8}.key.modifier-held{background:#e6eafa;color:#596db8}.key.search-dim{opacity:.3}.key-disabled-mark{position:absolute;right:4px;bottom:3px;font-size:8px;background:#f4f5fa}.keyboard-legend{display:flex;align-items:center;gap:14px;flex:none;margin-top:12px;color:#8490a5;font-size:9px}.legend-bound:before,.legend-empty:before{content:"";display:inline-block;width:6px;height:6px;border:1px solid #bbc8e3;background:#fff;border-radius:2px;margin-right:6px}.legend-empty:before{background:#ccd6e61a;border-color:#b4c1d333}.keyboard-search-result{color:#8f99ab}.keyboard-legend>.secondary-menu{margin-left:auto}.keyboard-legend .secondary-button{font-size:9px;padding:3px 0;border:0;background:none}.key-detail-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:74px;padding:13px 15px;border:1px solid var(--edge);border-radius:12px;background:#ffffffb0;box-shadow:0 4px 12px #50629608}.key-detail-title{display:flex;align-items:center;gap:11px;min-width:0}.tool-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#edf0fc;color:#6f80c2;flex:none}.tool-symbol[data-tone=violet]{background:#eee9fa;color:#8870bf}.tool-symbol .icon{width:21px;height:21px}.key-detail-title h2{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#2e3a54}.key-detail-title h2 kbd{background:#f2f4fb;padding:2px 6px;border-radius:4px;color:#7181ab;font-weight:600;font-size:10px}.key-detail-title p{margin-top:5px;font-size:10px;color:#7d899e}.readonly-key-actions{display:flex;align-items:center;gap:12px;flex:none}.inline-setting{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#7d8aa0}.inline-setting strong{font-size:11px;font-weight:500;color:#61718b}.toggle{padding:2px;width:32px;height:18px;border-radius:12px;background:#c4ccdc;flex:none;box-shadow:inset 0 1px 2px #53638310}.toggle span{display:block;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #4e638231;transition:transform .16s}.toggle.on{background:#7587cd}.toggle.on span{transform:translate(14px)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:8px 15px;border:1px solid #7184d7;border-radius:7px;background:linear-gradient(180deg,#5368c8,#4b60bc);color:#fff;font-size:11px;font-weight:600;box-shadow:inset 0 1px #ffffff30,0 3px 7px #4d62bd22}.primary-button:hover:not(:disabled){background:#4960c4}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:28px;padding:5px 10px;border:1px solid #dbe2f0;border-radius:6px;background:#ffffffb5;color:#647595;font-size:10px;font-weight:500}.secondary-button:hover{background:#fff;border-color:#c0cce8}.secondary-button .icon{width:14px;height:14px}.text-button{display:inline-flex;align-items:center;gap:6px;padding:6px 0;color:#6e7fb8;font-size:10px;font-weight:500}.text-button .icon{width:14px;height:14px}.secondary-menu,.appearance-menu{position:relative}.secondary-menu>.secondary-button>.icon{width:12px;height:12px;transform:rotate(-90deg)}.secondary-menu-panel{position:absolute;right:0;bottom:calc(100% + 10px);z-index:20;width:310px;padding:12px;border:1px solid #fff;border-radius:12px;background:#f8fafff7;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);box-shadow:0 15px 40px #42568122,0 2px 5px #4256810c}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.mode-grid button{min-height:32px;border:1px solid transparent;border-radius:6px;font-size:10px;color:#6d7992}.mode-grid button:hover{background:#eaf0ff}.mode-grid button.active{background:#e7def7;color:#7560a5;border-color:#d9ceeb;font-weight:600}.unbound-menu{display:grid;gap:5px}.unbound-menu button{display:flex;align-items:center;gap:9px;padding:10px;text-align:left;font-size:12px;border-radius:7px}.unbound-menu button:hover{background:#edf1fc}.unbound-menu .icon{color:#7c8fc9}.appearance-popover{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:256px;padding:15px;border:1px solid #fff;border-radius:12px;background:#f8fafff7;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);box-shadow:0 15px 40px #42568122}.popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.popover-head strong{font-size:13px;font-weight:700}.segments{display:flex;gap:4px;padding:3px;border:1px solid #e0e6f4;border-radius:7px;background:#e5ebf740}.segments button{flex:1;padding:6px;border-radius:5px;font-size:11px;color:#7a8aa7}.segments button.active{background:#fff;color:#5b6cc3;box-shadow:0 2px 5px #4b5f920a;font-weight:600}.appearance-tint{display:block;margin:16px 0 9px;font-size:10px;color:#73839e}.appearance-tint>span{display:flex;justify-content:space-between}.appearance-tint input{width:100%;margin:12px 0 0;accent-color:#7685c6}.wheel-page{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:20px;height:100%;min-height:0}.wheel-preview-panel{display:flex;flex-direction:column;min-height:0;min-width:0;padding:17px;border:1px solid var(--edge);border-radius:14px;background:linear-gradient(135deg,#ffffff98,#ffffff2b);box-shadow:inset 0 1px #fff}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}.section-heading h2{font-size:13px;font-weight:700}.section-heading>span{font-size:9px;color:#8b97ad}.wheel-stage{position:relative;flex:1;min-height:130px;overflow:hidden}.wheel-live-preview{width:100%;height:100%;border:0;background:transparent}.wheel-caption{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:9px;color:#8895ac;padding:9px 0 14px}.wheel-caption a{color:#697cba;font-weight:600}.wheel-settings{flex:none;border-top:1px solid var(--hairline)}.wheel-settings .inline-setting{padding:11px 0;border-bottom:1px solid #7f90ba0d;min-height:37px}.wheel-settings kbd{padding:2px 6px;background:#ffffff95;color:#687aa0;border-radius:5px;font-size:10px}.range-setting{display:block;padding-top:12px}.range-setting>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6a7b95}.range-setting strong{font-weight:500}.range-setting output{font-size:10px;color:#7b8caa}.range-setting input{width:100%;accent-color:#7f8dcc;margin:11px 0 0}.wheel-tools{display:flex;flex-direction:column;min-height:0;min-width:0}.wheel-tools>.section-heading{margin:2px 0 12px}.wheel-function-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,minmax(32px,1fr));gap:7px;flex:1;min-height:0}.wheel-function-choice{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border:1px solid #ffffffdc;border-radius:8px;background:#ffffff8f;text-align:left}.wheel-function-choice:hover{background:#fff;border-color:#d0daf1}.wheel-function-choice .icon{width:19px;height:19px;color:#8193c4}.wheel-function-choice strong{font-size:11px;font-weight:600;white-space:nowrap;color:#556784}.wheel-function-choice[data-tone=violet] .icon{color:#9985c4}.wheel-function-choice kbd{margin-left:auto;font-size:9px;color:#8c9ab1}.wheel-function-choice[aria-pressed=true]{background:linear-gradient(125deg,#f8f5ff,#eee8fa);border-color:#d0c5e7;box-shadow:inset 0 1px #fff}.wheel-function-choice[aria-pressed=true] strong,.wheel-function-choice[aria-pressed=true] .icon{color:#7b65a7}.wheel-function-detail{flex:none;min-height:128px;padding:16px;margin-top:13px;border:1px solid #ffffffd9;border-radius:12px;background:#ffffff9c}.wheel-detail-heading{display:flex;align-items:center;gap:9px}.wheel-detail-heading h3{font-size:14px;font-weight:700}.wheel-detail-heading .icon{color:#8472b4;width:20px;height:20px}.wheel-function-detail>p{font-size:11px;color:#7b879e;line-height:1.65;margin:9px 0 12px}.wheel-detail-actions{display:flex;justify-content:flex-end;gap:9px}.empty-state{padding:12px;color:#7c8aa2}.dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;z-index:100;background:#3644641f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account-dialog{width:412px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;padding:25px;border:1px solid #fff;border-radius:18px;background:radial-gradient(ellipse at 0% 0%,#eaf0ffd9,transparent 70%),linear-gradient(145deg,#fffffff7,#f4f1fcee);box-shadow:0 24px 80px #364c7936,inset 0 1px #fff}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px}.eyebrow{font-size:8px;font-weight:600;letter-spacing:2px;color:#95a1bb}.dialog-head h2{font-size:23px;font-weight:700;margin-top:4px;letter-spacing:-.5px}.account-tabs{display:flex;gap:20px;border-bottom:1px solid #dfe5f2;margin-bottom:23px}.account-tabs button{padding:0 0 10px;color:#98a2b6;font-size:12px;font-weight:500;border-bottom:2px solid transparent}.account-tabs button[aria-selected=true]{color:#5d70bd;border-bottom-color:#7383c8;font-weight:700}.login-intro{display:flex;align-items:center;gap:12px;margin-bottom:22px}.profile-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#e0e8fb,#e1d9f5);border:1px solid #fff;color:#8590c5;box-shadow:inset 0 1px #fff}.profile-avatar .icon{width:28px;height:28px}.login-intro h3,.profile-card h3{font-size:14px;font-weight:700}.login-intro p,.profile-card p{font-size:10px;color:#8b96aa;margin-top:4px}.login-form{display:grid;gap:16px}.login-form label{display:grid;gap:7px;font-size:11px;font-weight:600;color:#6f7e99}.login-form input,.code-field input{width:100%;min-width:0;height:39px;padding:9px 12px;background:#ffffffdc;border:1px solid #dce3f1;border-radius:7px;color:#475876;font-size:12px;font-weight:400;box-shadow:inset 0 1px 2px #697a9905}.login-form input::placeholder,.code-field input::placeholder{color:#a1adc1}.code-field{display:flex;align-items:center;gap:8px}.code-field .secondary-button{white-space:nowrap;min-height:39px;padding:7px 12px}.login-form .primary-button{margin-top:3px;min-height:39px;font-size:12px}.profile-card{display:flex;align-items:center;gap:11px;margin-bottom:20px}.profile-card>div{min-width:0}.profile-card h3,.profile-card p{overflow-wrap:anywhere}.status-badge{margin-left:auto;font-size:9px;color:#42868c;background:#e8f3f3;padding:4px 7px;border-radius:5px;white-space:nowrap}.account-facts{border-top:1px solid #e0e6f3;border-bottom:1px solid #e0e6f3;padding:8px 0}.account-facts>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:11px}.account-facts span{color:#929eb3}.account-facts strong{color:#667797;font-weight:500;text-align:right}.account-action-row{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.entitlement-card{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #e1d8f2;border-radius:10px;background:linear-gradient(140deg,#f6f1ff,#eae6f5)}.entitlement-card>.icon{width:31px;height:31px;color:#9b83c1}.entitlement-card span{color:#a092b6;font-size:10px}.entitlement-card h3{font-size:18px;font-weight:700;color:#756394;margin-top:2px}.access-card{margin-top:21px}.access-card h3{font-size:13px;font-weight:700}.access-card p{font-size:11px;color:#8894a9;margin:7px 0 14px}.access-card .text-button{margin-top:9px}.account-message{font-size:11px;line-height:1.6;margin-top:14px;padding:9px 11px;border:1px solid #dce5f4;border-radius:7px;background:#edf2fc;color:#7887a6}.account-preview-note{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding-top:12px;border-top:1px solid #e2e7f2;font-size:9px;color:#a2acc0}.account-preview-note .text-button{font-size:9px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);max-width:min(560px,90vw);padding:12px 19px;border:1px solid #fff;border-radius:10px;background:#f8fafff7;color:#6b7ea6;box-shadow:0 12px 35px #3c517329;z-index:120;font-size:12px}.solid .app-window{background:linear-gradient(125deg,#eff3fe,#f5f3fc);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-native=true] .desktop{padding:0;background:transparent;height:100dvh}html[data-native=true] .app-window{width:100%;height:100%;max-height:none;border-radius:12px;box-shadow:inset 0 1px #fff}html[data-native=true] .dialog-scrim{border-radius:12px}html[data-native=true] .app-window{background:radial-gradient(ellipse at 7% 4%,rgba(183,204,249,.3),transparent 62%),radial-gradient(ellipse at 98% 98%,rgba(206,190,238,.28),transparent 58%),rgba(246,248,254,max(.78,var(--tint)))}html[data-native=true] .solid .app-window{background:#f2f5fc}@media(max-width:1100px){.app-window{grid-template-columns:158px minmax(0,1fr)}.sidebar{padding:23px 10px 16px}.brand strong{font-size:15px}.brand-glass{width:39px;height:39px}.brand .brand-art{width:37px;height:37px}.brand{gap:7px}.nav-item{padding:0 11px}.topbar{padding:0 20px}.page-heading,.page-body{padding-left:20px;padding-right:20px}.main-shell>footer{padding-left:20px;padding-right:20px}.quick-access{gap:7px}.quick-access button{padding:6px 8px;gap:5px}.keyboard-primary{padding:13px}.key{padding:6px 5px}.key-command-icon{width:16px;height:16px}.wheel-page{gap:16px}.wheel-preview-panel{padding:14px}.wheel-function-choice{gap:7px;padding:8px}.wheel-function-choice strong{font-size:10px}}@media(max-height:760px){.desktop{padding:18px}.app-window{height:calc(100dvh - 36px)}.sidebar{padding-top:19px}.topbar{height:38px}.page-heading{padding-top:6px;padding-bottom:16px}.page-heading h1{font-size:24px}.page-heading p{margin-top:5px}.page-body{padding-bottom:10px}.keyboard-page{gap:10px}.keyboard-primary{padding:11px 13px}.keyboard-topline{margin-bottom:9px}.keyboard-legend{margin-top:9px}.key-detail-bar{min-height:66px;padding:10px 13px}.main-shell>footer{height:28px}.wheel-preview-panel{padding:13px}.wheel-caption{padding:7px 0 10px}.wheel-settings .inline-setting{padding:7px 0;min-height:32px}.range-setting{padding-top:9px}.range-setting input{margin-top:8px}.wheel-function-detail{min-height:114px;padding:13px;margin-top:10px}.wheel-function-detail>p{margin:7px 0}.key-function{font-size:11px}.dialog-scrim{padding:16px}.account-dialog{max-height:calc(100dvh - 32px)}}@media(max-width:930px){.app-window{grid-template-columns:144px minmax(0,1fr)}.brand strong{font-size:13px}.brand small{font-size:7px;letter-spacing:1.8px}.brand-glass{width:34px;height:34px}.brand .brand-art{width:33px;height:33px}.nav-item{font-size:12px;gap:9px}.account-entry{padding:9px 5px;gap:6px}.account-entry-avatar{width:25px;height:28px}.account-entry strong{max-width:75px;font-size:10px}.account-entry small{font-size:8px}.keyboard-instruction,.quick-access strong{display:none}.quick-access .icon{width:15px;height:15px}.quick-access kbd{font-size:11px}.key{padding:5px}.key-function{font-size:10px}.key-command-icon{width:14px;height:14px}.key-letter{font-size:11px}.readonly-key-actions,.key-detail-title{gap:8px}.key-detail-title h2{font-size:12px}.key-detail-title p{font-size:9px}.key-detail-title .tool-symbol{width:30px;height:32px}.readonly-key-actions>.inline-setting>span{display:none}.primary-button{padding:7px 10px;font-size:10px}.wheel-function-choice{gap:5px;padding:7px}.wheel-function-choice .icon{width:16px;height:16px}.wheel-function-choice strong{font-size:10px}.wheel-function-choice kbd{display:none}.wheel-detail-heading h3{font-size:13px}.secondary-menu-panel{width:280px}.keyboard-search-result{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media(prefers-contrast:more){.app-window{background:#f5f7ff!important;-webkit-backdrop-filter:none;backdrop-filter:none}.key.assigned,.keyboard-primary,.wheel-preview-panel{border-color:#a9b8db}.key-function,.nav-item,.section-heading h2{color:#24304b}}.account-dialog :is(.login-intro p,.login-form label,.account-facts span,.account-facts strong,.access-card p,.account-message,.entitlement-card span){color:#64728b}.account-dialog input::placeholder{color:#738198}.account-dialog .login-intro p,.account-dialog .login-form label,.account-dialog .access-card p{font-size:12px}.account-dialog .account-update{margin-top:14px}.wheel-function-choice strong{font-size:12px}.wheel-function-choice .icon{width:20px;height:20px}.wheel-function-detail>p{font-size:12px;color:var(--muted)}.quick-access strong{font-size:11px}.search input{font-size:12px}@media(max-width:930px){.wheel-function-choice strong{font-size:11px}}html,body{touch-action:pan-x pan-y}.keyboard-page{grid-template-rows:minmax(0,1fr) auto;gap:14px}.keyboard-primary{padding:20px;background:linear-gradient(150deg,#e4eaf9d6,#d9e1f2a6);border:1px solid #ffffffed;border-radius:18px;box-shadow:inset 0 2px #fff,0 8px 20px #3d528017,inset 0 -2px #aebcd74d}.keyboard-topline{margin-bottom:18px}.modifier-tabs{padding:4px;background:#d3ddefb3;border:1px solid #c4d0e6;border-radius:9px;gap:3px}.modifier-tabs button{color:#586984;padding:7px 12px}.modifier-tabs button.active{background:#fff;color:#3f56b4;box-shadow:0 2px 5px #4e649525}.keyboard-instruction{font-size:11px;color:#667692}.keyboard{grid-template-rows:repeat(5,minmax(0,1fr));gap:7px;max-height:400px;margin:auto 0;width:100%}.key-row{display:grid;grid-template-columns:repeat(60,minmax(0,1fr));column-gap:0;min-height:0;margin:0 -3px}.key{margin:0 3px;flex:initial;padding:9px 8px;border-radius:8px;border:1px solid #d4deef;background:#edf2fa9c;color:#97a4b8;box-shadow:inset 0 1px #ffffffb8,0 3px #bdc9dc99;justify-content:space-between;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}.key.assigned{--key-fill:#d5e1fc;--key-ink:#354d80;--key-active:#4c62bf;background:linear-gradient(155deg,#e5edff,var(--key-fill));color:var(--key-ink);border-color:#becdf0;box-shadow:inset 0 1px #f7faff,0 3px #acbcdf,0 4px 6px #4b609c14}.key.assigned[data-tone=violet]{--key-fill:#e1d8f4;--key-ink:#655183;--key-active:#7561ad;background:linear-gradient(155deg,#eee7fc,var(--key-fill));border-color:#cfc1e6;box-shadow:inset 0 1px #faf7ff,0 3px #c0b0d9,0 4px 6px #66518c14}.key.assigned:is(:hover,:focus-visible,.selected){color:#fff;background:linear-gradient(150deg,var(--key-active),color-mix(in srgb,var(--key-active) 87%,#283c83));border-color:#ffffff85;box-shadow:inset 0 1px #ffffff52,0 3px color-mix(in srgb,var(--key-active) 76%,#27324d),0 5px 12px #5264aa2b}.key-command-icon,.selected .key-command-icon{color:currentColor;width:21px;height:21px;opacity:1}.key-letter,.row-0 .key-letter,.row-4 .key-letter{font-size:12px;font-weight:500}.assigned .key-letter{font-weight:700}.key-function{font-size:12px;line-height:1.35;font-weight:600;letter-spacing:.1px}.row-0 .key,.row-4 .key{justify-content:flex-start}.key.unassigned-key:hover{color:#75839b;background:#f3f6fc;border-color:#bccce5}.key.modifier-held{background:#e7e1f5;color:#7561ad;border-color:#bcadd8;box-shadow:inset 0 1px #fff,0 3px #b7a8d4}.key.unassigned-key.selected{outline:2px solid #a9b8d2;outline-offset:-2px}.key.binding-disabled{opacity:.48}.key.search-dim{opacity:.32}.key-disabled-mark{color:#53617b;background:#ffffffd9;border-radius:3px;padding:0 3px}.keyboard-legend{color:#60728e;font-size:10px;margin-top:20px}.legend-bound:before{background:#9bade1;border-color:#8ea2d7;width:8px;height:8px}.legend-empty:before{background:#eef3fa;border-color:#c3cfe3;width:8px;height:8px}.keyboard-search-result{color:#70819b}.keyboard-legend .secondary-button{font-size:10px;color:#60728e}.key-detail-title p{color:#65748e;font-size:11px}.key-detail-title h2{font-size:15px}.wheel-page{grid-template-columns:minmax(0,1.3fr) minmax(290px,1fr);gap:20px}.wheel-preview-panel{padding:18px;position:relative;background:radial-gradient(ellipse at 50% 40%,#fcfdff91,transparent 65%),linear-gradient(145deg,#ffffff9c,#e6ecfc75)}.wheel-stage{min-height:0;margin:8px -8px 0}.wheel-caption{color:#63738f;font-size:11px;padding:8px 0 14px;gap:15px}.wheel-caption a{color:#5368b8}.wheel-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}.wheel-settings .inline-setting{gap:9px;padding:0;border:0;min-height:30px;white-space:nowrap}.wheel-settings .inline-setting strong{font-size:11px;color:#53627e}.wheel-settings>.secondary-menu{margin-left:auto}.wheel-settings .range-setting{padding:3px}.wheel-settings .secondary-menu-panel{width:230px;bottom:calc(100% + 14px)}.wheel-settings .secondary-button{font-size:11px}.tool-preview-panel{display:flex;flex-direction:column;min-width:0;min-height:0;padding:20px;border:1px solid #fffffff2;border-radius:16px;background:linear-gradient(155deg,#ffffffc7,#f3f5ffd1);box-shadow:inset 0 1px #fff,0 8px 20px #5268990b}.tool-preview-panel>.section-heading{margin-bottom:22px}.tool-preview-panel .section-heading>span{font-size:10px;color:#7987a0}.preview-tool-heading{display:flex;align-items:center;gap:12px;flex:none}.preview-tool-icon{display:grid;place-items:center;width:42px;height:44px;border:1px solid #ffffffed;border-radius:12px;background:linear-gradient(150deg,#e1e9fe,#e7ddf4);color:#6271b9;box-shadow:inset 0 1px #fff}.preview-tool-icon .icon{width:25px;height:25px}.preview-position{display:block;font-size:10px;font-weight:500;letter-spacing:.5px;color:#7e8ba4;margin-bottom:3px}.preview-tool-heading h3{font-size:23px;font-weight:700;letter-spacing:-.4px;line-height:1.3}.preview-tool-heading>kbd{margin-left:auto;padding:4px 8px;border:1px solid #d8e2f3;border-radius:6px;background:#f1f4fc;color:#5369b5;font-size:12px;font-weight:600}.preview-stage{display:flex;flex-direction:column;flex:1;min-height:160px;max-height:300px;margin:23px 0 20px;border:1px solid #d8e1f1;border-radius:12px;background:#edf2fa;overflow:hidden;box-shadow:inset 0 1px 5px #6681a80d}.effect-canvas{position:relative;flex:1;min-height:118px;overflow:hidden;background-image:radial-gradient(#8295bc33 .7px,transparent .7px);background-size:14px 14px}.scene-coordinate{position:absolute;left:15px;top:13px;font-size:9px;letter-spacing:.4px;color:#7d8eaa;z-index:2}.scene-value{position:absolute;bottom:12px;right:13px;padding:3px 7px;border-radius:5px;background:#ffffffca;color:#617498;font-size:10px;z-index:3}.preview-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;height:35px;padding:0 13px;flex:none;background:#f8faffb0;border-top:1px solid #dce4f1;color:#8190a8;font-size:9px}.preview-stage-footer .text-button{color:#5368b8;font-size:10px}.input-mode-notice{min-width:0}.input-mode-notice .secondary-button{font-size:11px;font-weight:500;color:#4d60a3;padding:3px 7px;background:linear-gradient(120deg,#e7edfcab,#eee9fab5);border:1px solid #ffffffb3;border-radius:6px}.input-mode-notice .secondary-menu-panel{left:0;right:auto;bottom:calc(100% + 10px);width:min(360px,calc(100vw - 220px));padding:16px;z-index:30}.input-mode-help{color:#435579;font-size:12px;line-height:1.8}.input-mode-help>strong{display:block;font-size:14px;color:#31456f;margin-bottom:8px}.input-mode-help p+p{margin-top:8px}.input-mode-help kbd{padding:1px 4px;border:1px solid #c8d4ee;border-radius:4px;background:#f3f6fc;font-size:11px}.preview-description h4{margin:0 0 7px;font-size:13px;font-weight:600;line-height:1.5;color:#394d70}.preview-description p{font-size:12px;line-height:1.8;color:#647590}.preview-gestures{display:grid;gap:9px;border-top:1px solid #dce3f2;margin-top:17px;padding-top:16px}.preview-gestures>div{display:flex;align-items:center;gap:10px;font-size:11px;color:#637593}.preview-gestures kbd{font-size:10px;font-weight:600;color:#566baa;background:#e9eefb;border:1px solid #d9e1f4;border-radius:5px;padding:3px 7px}.preview-context-note{font-size:10px;line-height:1.75;color:#7b8aa4;margin-top:13px}.preview-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:17px;min-height:34px}.preview-actions:empty{display:none}.scale-origin,.demo-object{position:absolute;top:50%;left:50%;width:126px;height:86px;border-radius:9px}.scale-origin{border:1px dashed #a5b5d4;transform:translate(-50%,-50%)}.demo-object{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:linear-gradient(145deg,#6f83d9,#7764b9);color:#fff;box-shadow:0 7px 16px #5d6aaa2b;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.demo-object>span{font-size:23px;font-weight:600;letter-spacing:4px}.demo-object small{font-size:8px;font-weight:400;letter-spacing:1px;opacity:.88}.selection-handles{outline:1px solid #7e91d2;outline-offset:5px}.selection-handles:before,.selection-handles:after{content:"";position:absolute;inset:-8px auto auto -8px;width:5px;height:5px;background:#fff;border:1px solid #788ccd;box-shadow:132px 0 0 -1px #fff,132px 0 #788ccd,0 92px 0 -1px #fff,0 92px #788ccd,132px 92px 0 -1px #fff,132px 92px #788ccd}.selection-handles:after{display:none}.font-example-text{position:absolute;top:29%;right:10%;bottom:12%;left:10%;display:flex;justify-content:center;flex-direction:column;gap:7px}.font-example-text small{color:#7c8ca8;font-size:10px;letter-spacing:2px}.font-example-text strong{color:#415789;font-size:clamp(16px,2vw,24px);font-weight:700;white-space:nowrap}.font-example-text>span{color:#8593ab;font-size:10px;margin-top:5px}.swatch-composition{position:absolute;top:29%;right:8%;bottom:17%;left:8%;display:flex;gap:9px}.swatch-composition>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:9px;background:var(--swatch);color:#fff;transition:background .5s}.swatch-composition>div>span{display:block;width:24px;height:24px;border:2px solid #ffffffa8;border-radius:50%}.swatch-composition strong{font-size:12px;font-weight:500}.timeline-ruler{display:flex;justify-content:space-between;margin:36px 12px 10px 56px;font-size:9px;color:#8a99b2}.timeline-track{position:relative;height:31px;margin:0 12px 0 15px;border-top:1px solid #d9e3f2}.timeline-track>span{font-size:10px;color:#7d8da7}.timeline-track i{position:absolute;top:5px;height:15px;border-radius:4px;background:#8192d6;transition:left .6s,width .6s}.timeline-track:nth-last-child(2) i{background:#9b87c3}.timeline-track:last-child i{background:#66a2a7}.paragraph-sample{position:absolute;top:26%;right:13%;bottom:15%;left:13%;padding:8px;border:1px solid #9eadd1;border-radius:5px}.paragraph-sample p{padding:3px 8px;color:#546a97;font-size:12px;line-height:1.5;border:1px solid transparent;border-radius:4px;transition:background .4s,transform .4s,border-color .4s}.paragraphs-example[data-played=true] .paragraph-sample{border-color:transparent}.paragraphs-example[data-played=true] p{background:#fff;border-color:#beccec;transform:translateY(-5px)}.paragraphs-example[data-played=true] p:nth-child(2){transform:translateY(0)}.paragraphs-example[data-played=true] p:nth-child(3){transform:translateY(5px)}.object-composition{position:absolute;top:26%;right:10%;bottom:16%;left:10%}.sample-shape{position:absolute;top:20%;height:55px;width:55px;border:2px solid transparent;border-radius:9px;background:#a9b9e3;transition:all .55s cubic-bezier(.2,.7,.2,1)}.sample-shape span{display:grid;place-items:center;height:100%;font-size:22px;font-weight:500;color:#fff}.sample-0{left:0;background:#788ed4}.sample-1{left:calc(50% - 27px);background:#a28cc5}.sample-2{right:0;background:#94b9c3}.effect-efficiency-similarSelect .sample-0,.effect-efficiency-similarSelect .sample-2{border-radius:50%;background:#8c9ed7}.effect-efficiency-similarSelect .sample-0,.effect-efficiency-similarSelect[data-played=true] .sample-2{outline:1px solid #586eb9;outline-offset:4px}.effect-swapObjects .sample-2{display:none}.effect-swapObjects .sample-1,.effect-swapObjects[data-played=true] .sample-0{left:calc(100% - 55px)}.effect-swapObjects[data-played=true] .sample-1{left:0}.effect-uniformSize .sample-0{height:39px;top:35%}.effect-uniformSize .sample-2{height:78px;width:40px;top:0}.effect-uniformSize[data-played=true] .sample-shape{height:55px;width:55px;top:20%}.effect-visibility .sample-1{outline:1px dashed #adbad2;outline-offset:3px}.effect-visibility[data-played=true] .sample-1{background:transparent;border:1px dashed #c4cfdf;outline:0}.image-sample{position:absolute;top:22%;right:18%;bottom:11%;left:18%;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#bad0e5,#c9bdde);border:1px solid #ffffffb3;transition:background .5s,filter .5s,inset .5s}.image-sample .brand-art{width:90px;height:90px;background:transparent}.effect-backgroundRemoval[data-played=true] .image-sample{background:repeating-conic-gradient(#e0e7f2,#e0e7f2 25%,#f9fbff 0%,#f9fbff 50%) 0/12px 12px}.effect-imageEffects .image-sample{filter:grayscale(1)}.effect-imageEffects[data-played=true] .image-sample{filter:grayscale(0)}.effect-cropExtra .image-sample{top:22%;right:9%;bottom:11%;left:9%;border:1px dashed #8c9ec6}.effect-cropExtra[data-played=true] .image-sample{top:22%;right:29%;bottom:11%;left:29%;border:1px solid #647cc5}.ocr-sample{font-size:22px;font-weight:600;line-height:1.5;color:#536a96;filter:blur(.45px)}.effect-imageTextExtract[data-played=true] .image-sample{background:#fff;border-color:#a3b5dc}.effect-imageTextExtract[data-played=true] .ocr-sample{filter:none}.ocr-state{position:absolute;bottom:5px;right:10px;font-size:9px;color:#7a8ba7}@media(max-width:1100px){.keyboard-primary{padding:16px}.keyboard-topline{margin-bottom:14px}.key{padding:7px 5px;margin:0 2.5px}.key-row{margin:0 -2.5px}.key-function{font-size:11px}.key-command-icon{width:18px;height:18px}.keyboard-legend{gap:10px}.wheel-page{grid-template-columns:minmax(0,1.24fr) minmax(270px,1fr);gap:14px}.tool-preview-panel{padding:16px}.wheel-preview-panel{padding:15px}.preview-tool-heading h3{font-size:21px}.wheel-settings{gap:8px}.wheel-settings .secondary-button{padding:5px 7px;font-size:10px}}@media(max-height:760px){.keyboard-primary{padding:14px}.keyboard-topline{margin-bottom:12px}.modifier-tabs{padding:3px}.modifier-tabs button{padding:5px 10px}.keyboard{gap:6px}.keyboard-legend{margin-top:14px}.key{padding:6px}.key-command-icon{width:17px;height:17px}.key-function{font-size:11px;line-height:1.3}.tool-preview-panel{padding:16px}.tool-preview-panel>.section-heading{margin-bottom:15px}.preview-stage{margin:17px 0 14px;min-height:150px}.preview-tool-heading h3{font-size:20px}.preview-description h4{font-size:12px;margin-bottom:5px}.preview-description p{font-size:11px;line-height:1.7}.preview-gestures{padding-top:12px;margin-top:12px;gap:6px}.preview-context-note{margin-top:9px;font-size:9px}.preview-actions{margin-top:12px}.wheel-settings{padding-top:10px}.wheel-caption{padding:6px 0 10px}}@media(max-width:930px){.keyboard-instruction{display:none}.key{padding:5px 4px}.key-function{font-size:10px}.key-command-icon{width:15px;height:15px}.key-letter{font-size:11px}.wheel-page{grid-template-columns:minmax(0,1.1fr) minmax(250px,1fr);gap:12px}.wheel-settings .inline-setting strong{font-size:10px}.wheel-settings .inline-setting{gap:5px}.wheel-settings .secondary-button{font-size:9px}.wheel-preview-panel,.tool-preview-panel{padding:12px}.section-heading h2{font-size:11px}.wheel-preview-panel .section-heading>span{display:none}.preview-stage{min-height:145px}.preview-description p{font-size:10px}.preview-gestures>div{font-size:10px}}@media(prefers-contrast:more){.key.assigned{background:#d6e0fa;border-color:#7d92ba;color:#25375f}.key.unassigned-key{background:#edf1f7;border-color:#bac6d9;color:#6a7a95}.tool-preview-panel{background:#f8faff;border-color:#96a9c8}.key.assigned:is(:hover,:focus-visible,.selected){background:#4158ae;color:#fff}.preview-description p,.preview-context-note,.preview-gestures>div{color:#465775}}.update-center{position:relative;flex-shrink:0}.update-trigger{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap}.update-trigger svg{width:15px;height:15px}.update-trigger.has-update{color:#4c57ad;font-weight:650}.update-trigger i{width:6px;height:6px;border-radius:50%;background:#5965c6;box-shadow:0 0 0 3px #6274d014}.update-card{position:absolute;bottom:calc(100% + 12px);right:0;z-index:80;width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 105px);overflow:auto;padding:20px;border:1px solid #ffffffed;border-radius:20px;background:linear-gradient(135deg,#fbfcfff5,#eff0fcf5);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 16px 50px #313f6d2b;color:var(--ink);text-align:left;font-size:12px;white-space:normal}.update-card h3{margin:4px 0 0;font-size:17px;line-height:1.45}.update-card .popover-head{align-items:flex-start;gap:8px}.update-copy{font-size:12px;line-height:1.85;margin:16px 0 12px}.update-version{white-space:pre-line;overflow-wrap:anywhere;font-size:11px;line-height:1.8;color:var(--muted);padding:10px 12px;border-radius:12px;background:#fff9}.update-status{font-size:11px;line-height:1.75;color:#46549b;margin:12px 0}.update-card progress{width:100%;height:5px;accent-color:#6671c5}.update-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:16px}.update-actions>div{display:flex;gap:8px}.update-actions button{font-size:11px}.update-card button:disabled{opacity:.5;cursor:wait}.keyboard-primary{padding:18px;background:linear-gradient(145deg,#ffffff7a,#e8edf64d);border-color:#ffffffe8;box-shadow:inset 0 1px #fff,0 5px 16px #4b5f8110;border-radius:16px}.keyboard-topline{margin-bottom:15px}.modifier-tabs{background:#e4eaf57a;border:1px solid #d4deec9c;padding:3px;border-radius:8px}.modifier-tabs button{padding:6px 11px}.keyboard-instruction{display:inline;font-size:10px;color:#71809a}.page-body{display:grid}.keyboard-page{max-height:480px;align-self:center}.keyboard{--key-font:11px;--key-icon:17px;grid-template-rows:minmax(0,.55fr) repeat(3,minmax(0,1fr)) minmax(0,.55fr);gap:7px;max-height:300px}.key-row{margin:0 -3px}.key{margin:0 3px;padding:7px 5px;gap:3px;border-radius:7px;border:1px solid #d9e1ecaa;box-shadow:inset 0 1px #ffffffbf,0 1px 1px #64789613;background:#ecf1f64d;color:#a1adbd;overflow:hidden}.key.assigned,.key.assigned[data-tone=violet]{--key-active:#7064cb;background:linear-gradient(140deg,#eff4ffed,#e9eafced 55%,#ede4f8ed);color:#48577e;border-color:#cbd0ed;box-shadow:inset 0 1px #fff,0 2px 2px #7a74a626}.key.assigned:is(:hover,:focus-visible,.selected){background:linear-gradient(135deg,#587cdd,#7064cd 52%,#9868cc);color:#fff;border-color:#9787db;box-shadow:inset 0 1px #ffffff52,0 4px 11px #7664c638}.key.assigned:is(:hover,:focus-visible,.selected) :is(.key-function,.key-letter,.key-command-icon){color:#fff}.key-letter,.row-0 .key-letter,.row-4 .key-letter{font-size:calc(var(--key-font) + 1px);line-height:1.2;font-weight:500}.assigned .key-letter{font-weight:600}.key-command-icon,.selected .key-command-icon{width:var(--key-icon);height:var(--key-icon);color:currentColor}.key-cap-top{gap:2px;flex:none;min-height:var(--key-icon)}.key-function{flex:none;font-size:var(--key-font);line-height:1.3;letter-spacing:0;font-weight:600;white-space:pre;overflow-wrap:normal}.key.unassigned-key:hover,.key.unassigned-key.selected{background:#e7edf6b3;border-color:#cad6e7;color:#8190a7;outline:none}.key.modifier-held{background:#dfe7f8;border-color:#bdcce8;color:#5068bd;box-shadow:inset 0 1px #ffffffb0}.row-0 .key,.row-4 .key{justify-content:center;padding-block:3px}.keyboard-legend{margin-top:16px;font-size:10px;color:#7b89a0}.legend-bound:before{background:#fff;border-color:#b6c6df}.legend-empty:before{background:#e9eef54d;border-color:#d2dce9}.key-detail-title .tool-symbol,.key-detail-title .tool-symbol[data-tone=violet]{background:#e9eef9;color:#6279b8}.key-detail-bar{min-height:74px}.primary-button{background:linear-gradient(125deg,#587cdd,#7464cc 60%,#9067c6);border-color:#8074ce;box-shadow:inset 0 1px #ffffff40,0 3px 9px #7566bd28}.primary-button:hover:not(:disabled){background:linear-gradient(125deg,#4e73d5,#695ac5 60%,#875bbc)}.toggle.on{background:linear-gradient(115deg,#6b8add,#9374cf)}.nav-item.active{background:linear-gradient(120deg,#f4f8ffef,#ede7fbc9);color:#6756ad;border-color:#fff}.nav-item.active .icon{color:#7865c4}.modifier-tabs button.active{color:#7060ba;background:linear-gradient(135deg,#fff,#f0ebff);box-shadow:0 2px 5px #7367a91c}.labs-entry{display:flex;align-items:center;gap:10px;width:100%;padding:11px 9px;margin-bottom:8px;border:1px solid #ffffff83;border-radius:9px;background:linear-gradient(115deg,#edf2ff78,#eee7fb78);color:#7565ad;font-size:12px;font-weight:500;text-align:left}.labs-entry:hover{background:linear-gradient(115deg,#e4ecffd4,#e9ddf6d4);color:#645397}.labs-entry>.icon{width:19px;height:19px}.labs-entry>.icon:last-child{margin-left:auto;width:12px;height:12px}@media(max-height:650px){.keyboard-primary{padding:13px 15px}.keyboard-topline{margin-bottom:10px}.keyboard{gap:6px}.keyboard-legend{margin-top:12px}.key{padding-block:5px}.keyboard-page{gap:10px}.key-detail-bar{min-height:66px;padding:10px 13px}.key-detail-title h2{font-size:13px}.key-detail-title p{font-size:10px}.page-heading{padding-bottom:14px}}@media(prefers-contrast:more){.key.assigned,.key.assigned[data-tone=violet]{background:#fff;border-color:#8d9fbc;color:#263c61}.key.assigned:is(:hover,:focus-visible,.selected){background:#4058ae;color:#fff}}