:root{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;color:#23252b;background:#e8ebef;font-synthesis:none;font-size:13px;--accent:#2864df;--muted:#72757e;--line:#e9eaee;--panel:#f6f7f9;--radius:12px}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:active{transform:scale(.98)}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #83aafa;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}svg{display:block;flex-shrink:0}.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.review-bar{max-width:1280px;margin:auto;height:76px;display:flex;justify-content:space-between;align-items:center;padding:0 28px}.review-brand{display:flex;gap:10px;align-items:center;font-size:17px;font-weight:700;letter-spacing:-.5px}.review-brand>span:last-child{border-left:1px solid #c8cbd2;padding-left:13px;margin-left:6px;font-size:12px;color:#737985;font-weight:400;letter-spacing:0}.small-mark{font-size:27px;font-weight:800;color:#2864df;line-height:1}.review-actions{display:flex;align-items:center;gap:23px;color:#727985;font-size:11px}.text-button{background:none;color:var(--accent);padding:7px 0;white-space:nowrap}.text-button span{margin-left:6px}.app-window{display:flex;max-width:1224px;height:min(776px,calc(100dvh - 174px));min-height:670px;margin:0 auto;background:white;border:1px solid #ffffffb3;border-radius:15px;overflow:hidden;box-shadow:0 28px 65px -25px #3e475750,0 5px 14px #3d455018,0 0 0 1px #50596b1c}.sidebar{width:204px;flex-shrink:0;background:linear-gradient(145deg,#f2f4f9e6,#e9edf3e6);padding:0 15px;display:flex;flex-direction:column;border-right:1px solid #dae0e8}.traffic{display:flex;align-items:center;gap:8px;height:55px;padding-left:8px}.traffic button{height:12px;width:12px;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #00000010;font-size:10px;line-height:12px;color:transparent}.traffic button:hover{color:#0008}.traffic button:nth-child(1){background:#ff6058}.traffic button:nth-child(2){background:#febd2e}.traffic button:nth-child(3){background:#28c840}.brand{display:flex;align-items:center;gap:9px;margin:16px 9px 37px;font-size:24px;font-weight:700;letter-spacing:-.8px}.brand-icon{height:35px;width:35px;border-radius:9px;background:#2864df;color:white;display:grid;place-items:center;overflow:hidden}.brand-icon img{width:43px;height:43px;object-fit:cover}.nav-label{font-size:10px;color:#737c8b;font-weight:600;margin:0 12px 9px}.nav-item{display:flex;gap:10px;align-items:center;width:100%;padding:10px 12px;border-radius:7px;background:none;margin-bottom:4px;text-align:left;font-size:12px;color:#586170}.nav-item .icon{width:17px;height:17px}.nav-item.selected{background:#dce5f5;color:#245dc2;font-weight:600}.nav-item:hover:not(.selected){background:#00000005}.nav-item .count{margin-left:auto;font-size:11px;color:#7c8490}.sidebar-bottom{margin-top:auto;padding:20px 0 16px}.helper-mini{border-top:1px solid #d8dee7;margin:16px 9px 0;padding:18px 0 0;display:flex;gap:8px;font-size:11px}.helper-mini .icon{color:#65816f;width:15px;height:15px}.helper-mini p{margin:0 0 4px}.helper-mini small{font-size:10px;color:#7d8590}.main{display:flex;flex-direction:column;min-width:0;flex:1}.toolbar{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #eff0f3}.toolbar-title{font-weight:600;font-size:12px}.toolbar-right{display:flex;align-items:center;gap:14px}.search{display:flex;gap:7px;align-items:center;color:#8d939e}.search .icon{width:14px;height:14px}.search input{border:0;background:none;width:130px;font-size:11px;color:#3e4350;padding:7px 0;outline:none}.search input::placeholder{color:#89909b}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border:1px solid #dfe2e8;border-radius:7px;background:white;padding:8px 13px;font-weight:500;font-size:11px;box-shadow:0 1px 2px #171e2910}.button .icon{height:14px;width:14px}.button.primary{background:var(--accent);color:white;border-color:var(--accent);box-shadow:0 2px 3px #2864df20}.button.soft{background:#eef3fd;color:#2864df;border-color:transparent;box-shadow:none}.button.danger{color:#bd3e3e}.button:disabled{opacity:.65}.icon-button{background:none;padding:6px;border-radius:6px;color:#858b94}.icon-button:hover{background:#00000006}.content{padding:27px 30px 24px;overflow:auto;flex:1;min-height:0}.heading-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.heading-row h1{font-size:25px;letter-spacing:-.8px;line-height:1.2;margin:0 0 6px;font-weight:700}.heading-row p{margin:0;color:var(--muted);font-size:11px}.heading-row select{background:transparent;border:0;color:#737986;font-size:11px;max-width:150px}.active-feature{display:flex;min-height:166px;border-radius:12px;background:#f1f4fa;align-items:center;padding:24px 27px;gap:30px;margin-bottom:28px;position:relative;overflow:hidden}.feature-art{width:142px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hand-image{width:92px;height:92px;background-size:100% auto;background-repeat:no-repeat;filter:drop-shadow(0 4px 2px #0000000c)}.feature-art .hand-image{width:113px;height:113px}.active-feature .feature-art{border-right:1px solid #dde3ed;padding-right:28px}.feature-copy{flex:1}.eyebrow{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#657184;margin:0 0 8px}.eyebrow .icon{height:12px;width:12px;color:#4b8264}.feature-copy h2{font-size:21px;letter-spacing:-.55px;margin:0 0 6px}.feature-copy p{font-size:11px;line-height:1.6;color:#768091;margin:0}.feature-copy .text-button{margin-top:9px;font-size:11px}.feature-action{align-self:center;margin-left:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2{font-size:13px;font-weight:600;letter-spacing:-.1px;margin:0}.section-heading span{color:#959ba5;font-size:10px}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}.pack-card{min-width:0;position:relative}.pack-cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:118px;border-radius:10px;background:var(--cover,#f4f5f7);overflow:hidden;border:1px solid transparent}.pack-card.active .pack-cover{border-color:#759fee;box-shadow:0 0 0 2px #2864df0a}.pack-cover:hover{box-shadow:inset 0 0 0 1px #17233814}.cursor-cluster{display:flex;align-items:center;gap:0;justify-content:center}.cursor-cluster>*:first-child{transform:rotate(-12deg) translateY(8px)}.cursor-cluster>*:last-child{transform:rotate(10deg) translateY(7px)}.cursor-cluster .hand-image{width:62px;height:62px}.cursor-art{width:62px;height:70px;filter:drop-shadow(0 4px 3px #1419231a);overflow:visible}.cursor-art.large{width:105px;height:117px}.pack-meta{display:flex;justify-content:space-between;align-items:start;padding:10px 1px 0;gap:8px}.pack-name{display:block;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-caption{display:block;font-size:10px;color:#888e99;margin-top:4px}.pack-meta .icon-button{padding:1px;color:#adb2bb}.pack-meta .icon-button.favorited{color:#dc8c42}.pack-check{position:absolute;bottom:9px;right:9px;background:white;color:#2864df;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;box-shadow:0 2px 5px #0001}.pack-check .icon{width:12px;height:12px}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:12px 29px;border-top:1px solid #edf0f3;font-size:10px;color:#828997;flex-shrink:0;background:#fcfcfd}.statusbar .text-button{font-size:10px;padding:0}.statusbar>span{display:flex;align-items:center;gap:6px}.statusbar .icon{width:12px;height:12px;color:#718c7b}.direction-note{text-align:center;margin:16px 0 70px;font-size:11px;color:#78818e}.studio .sidebar{width:232px;background:#f5f6f8}.studio .brand{margin:10px 9px 22px}.studio .sidebar .nav-label{margin-top:16px}.pack-list{margin:4px 0}.pack-list-row{padding:11px 9px;width:100%;background:none;display:flex;align-items:center;gap:11px;text-align:left;border-radius:8px;margin-bottom:4px}.pack-list-row.selected{background:#e5ebf6}.list-thumb{height:39px;width:39px;display:grid;place-items:center;border-radius:7px;background:var(--cover);flex-shrink:0}.list-thumb .hand-image{width:37px;height:37px}.list-thumb .cursor-art{width:27px;height:31px}.pack-list-row .pack-name{font-size:11px}.pack-list-row .pack-caption{font-size:10px;margin-top:3px}.studio-content{padding:0;display:flex;overflow:hidden}.studio-center{flex:1;min-width:0;padding:28px;display:flex;flex-direction:column;overflow:auto}.studio-center .heading-row{margin-bottom:20px}.studio-canvas{border-radius:12px;background:#f2f4f7;flex:1;min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.studio-canvas .hand-image{width:170px;height:170px}.canvas-label{position:absolute;top:17px;left:18px;color:#8d929b;font-size:10px}.canvas-hint{position:absolute;bottom:18px;text-align:center;color:#959ba5;font-size:10px}.canvas-tools{position:absolute;right:10px;top:10px;display:flex;gap:4px}.swatch{width:17px;height:17px;border:2px solid white;border-radius:50%;padding:0;box-shadow:0 0 0 1px #d4d7dd;background:#f2f4f7}.swatch.dark{background:#353942}.swatch.blue{background:#dae7fc}.states{display:flex;gap:9px;justify-content:center;margin:21px 0 4px}.state-button{flex:1;max-width:79px;padding:9px 3px 8px;border-radius:8px;background:transparent;border:1px solid transparent;text-align:center;color:#969ba3;font-size:9px}.state-button.selected{background:#f5f7fb;border-color:#dce5f3;color:#3561a7}.state-button .hand-image{width:42px;height:42px;margin:0 auto 7px}.inspector{width:229px;border-left:1px solid var(--line);padding:26px 21px;display:flex;flex-direction:column;overflow:auto}.inspector h3{font-size:12px;margin:0 0 22px}.inspector .detail-row{display:block;margin:0 0 22px;border:0;padding:0}.inspector .detail-row>span{display:block;margin-bottom:9px;font-size:10px;color:#868e9a}.inspector .detail-row strong{font-size:11px;font-weight:500}.inspector .button{width:100%}.range-label{display:flex;justify-content:space-between;margin-bottom:13px;font-size:11px}input[type=range]{accent-color:var(--accent);width:100%;height:4px;margin:0 0 10px}.inspector-note{font-size:10px;line-height:1.6;color:#8a929e;margin:10px 0 20px}.inspector-bottom{margin-top:auto}.test-pad{background:#f9fafb;border:1px solid #edf0f3;border-radius:8px;padding:16px;margin-top:18px}.test-pad p{font-size:10px;color:#8b919b;margin:0 0 10px}.test-pad a{font-size:11px;color:#3d6ac0;text-decoration:underline}.test-pad input{width:100%;border:0;background:none;font-size:11px;color:#424955;padding:8px 0;outline:none}.gallery{display:block;background:#fbfbfc}.gallery-top{height:66px;display:flex;align-items:center;padding:0 25px;border-bottom:1px solid #e7e9ed;gap:25px;background:#f5f6f8}.gallery-top .traffic{height:auto;padding:0}.gallery-top .brand{margin:0;font-size:19px;gap:7px}.gallery-top .brand-icon{width:27px;height:27px;border-radius:7px}.gallery-top .brand-icon img{width:34px;height:34px}.gallery-nav{display:flex;gap:7px;margin-left:35px}.gallery-nav button{padding:8px 13px;background:none;border-radius:6px;color:#7e8490;font-size:11px}.gallery-nav button.selected{background:#e6e9ef;color:#353d4b}.gallery-top>.button{margin-left:auto}.gallery .main{height:calc(100% - 66px)}.gallery .content{padding:28px 45px}.gallery .heading-row h1{font-size:23px}.gallery-feature{background:#e8edf5;border-radius:14px;min-height:250px;display:flex;align-items:center;justify-content:space-between;padding:35px 42px;margin-bottom:28px;overflow:hidden}.gallery-feature h2{font-size:35px;line-height:1.03;letter-spacing:-1.2px;max-width:280px;margin:14px 0 13px}.gallery-feature p{font-size:12px;line-height:1.6;color:#7b8494;max-width:265px;margin:0 0 20px}.gallery-feature .eyebrow{color:#65748a;font-size:10px}.gallery-art{display:flex;align-items:center;gap:10px;padding-right:30px}.gallery-art .hand-image{width:130px;height:130px;filter:drop-shadow(0 16px 9px #29466920)}.gallery-art>*:first-child{transform:rotate(-18deg) translateY(18px)}.gallery-art>*:last-child{transform:rotate(15deg) translateY(17px)}.gallery .pack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery .pack-cover{height:106px}.gallery .statusbar{background:#fbfbfc}.settings-wrap{max-width:650px;margin:0 auto}.settings-wrap h2{font-size:12px;margin:27px 0 12px}.settings-group{border:1px solid #e7e9ee;border-radius:10px;padding:0 17px}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:20px;border-bottom:1px solid #eceef2}.detail-row:last-child{border:0}.detail-row strong{display:block;font-size:12px;font-weight:500}.detail-row small{display:block;font-size:10px;line-height:1.6;color:#9298a3;margin-top:4px}.toggle{width:31px;height:19px;flex-shrink:0;background:#ced2da;border-radius:12px;padding:2px;position:relative}.toggle:after{content:"";display:block;height:15px;width:15px;background:white;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform 180ms ease-out}.toggle[aria-checked=true]{background:#2864df}.toggle[aria-checked=true]:after{transform:translateX(12px)}.settings-footer{font-size:10px;color:#939aa7;line-height:1.7;margin-top:18px}.shop-feature{background:#eaf0f9}.shop-feature .feature-art{border:0}.shop-feature .feature-copy h2{font-size:25px}.empty-state{text-align:center;padding:90px 20px}.empty-state h2{font-size:20px}.empty-state p{font-size:12px;color:#8b929e;margin-bottom:20px}.modal-content{padding:29px;width:480px;max-width:calc(100vw - 48px)}dialog{border:1px solid #ffffffa6;border-radius:17px;padding:0;box-shadow:0 30px 90px #17223b40;color:#23252b;overflow:auto;max-height:90dvh}dialog::backdrop{background:#1e29384d;backdrop-filter:blur(4px)}.modal-top{display:flex;align-items:start;justify-content:space-between;gap:25px}.modal-top h2{font-size:22px;letter-spacing:-.65px;margin:0}.modal-subtitle{color:#858c98;font-size:11px;line-height:1.7;margin:7px 0 21px}.modal-art{height:166px;border-radius:11px;background:var(--cover,#f2f4fa);display:flex;align-items:center;justify-content:center;margin:15px 0}.modal-art .hand-image{width:96px;height:96px}.modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:10px}.modal-actions>div{display:flex;gap:8px}.info-note{font-size:11px;color:#7c8798;background:#f2f5fb;padding:13px 15px;border-radius:8px;line-height:1.65;margin:20px 0 0}.modal-content .states{margin:10px 0}.brand-presentation{text-align:center;padding:34px 24px 10px}.brand-presentation>img{width:225px;height:225px;border-radius:36px}.brand-presentation h1{font-size:43px;letter-spacing:-1.8px;margin:13px 0}.brand-presentation p{font-size:12px;color:#85909e;line-height:1.7;margin:10px auto 20px;max-width:300px}.brand-sizes{display:flex;align-items:end;justify-content:center;gap:20px;margin:22px 0}.brand-sizes img{border-radius:20%}.brand-lockup{margin:16px 0;font-size:12px;font-weight:600}.closed-state{margin:auto;text-align:center}.closed-state .brand-icon{margin:0 auto 20px;width:60px;height:60px}.closed-state .brand-icon img{width:75px;height:75px}.closed-state h1{font-size:25px;letter-spacing:-.7px}.closed-state p{font-size:12px;color:#838c99;line-height:1.8}.closed-state .button{margin-top:16px}#toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%,10px);background:#f77732;color:white;font-size:12px;padding:12px 20px;border-radius:999px;box-shadow:0 6px 20px #a14c2326;opacity:0;pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out;z-index:10000;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}.zoomed.app-window{max-width:calc(100vw - 30px)}.anim-hand{animation:handframes 3s steps(6) infinite}@keyframes handframes{to{background-position-y:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(prefers-reduced-transparency:reduce){.sidebar{background:#f0f2f6}dialog::backdrop{backdrop-filter:none}}@media(prefers-contrast:more){:root{--muted:#444}.pack-caption,.pack-name,.helper-mini small,.statusbar,.inspector-note,.inspector .detail-row>span{color:#494e57}.button,.pack-cover{border-color:#9198a3}}@media(max-width:1250px){.app-window{margin:0 24px}.gallery-art{padding-right:0;gap:0}.gallery-art .hand-image{width:100px;height:100px}.inspector{width:207px}.studio-center{padding:24px}}@media(max-width:1050px){.sidebar{width:179px}.content{padding:24px}.toolbar{padding:0 24px}.active-feature{gap:17px;padding:23px 20px}.feature-art{width:115px}.active-feature .feature-art{padding-right:16px}.feature-copy h2{font-size:18px}.feature-action{margin:0}.pack-grid{gap:20px 14px}.cursor-cluster .hand-image{width:48px;height:48px}.cursor-art{width:50px;height:60px}.studio .sidebar{width:200px}.inspector{width:180px;padding:23px 16px}.studio-center{padding:23px 19px}.gallery-top{gap:18px}.gallery-nav{margin-left:5px;gap:0}.gallery .content{padding:27px}.gallery-feature{padding:28px;min-height:240px}}@media(max-width:800px){.review-actions>span{display:none}.review-bar{height:65px;padding:0 19px}.review-brand>span:last-child{font-size:10px}.app-window{margin:0 14px;min-height:650px}.sidebar{width:157px;padding:0 9px}.brand{font-size:21px}.nav-item{font-size:11px}.content{padding:23px 20px}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-action{display:none}.active-feature{padding:17px;gap:12px;min-height:145px}.feature-art{width:85px}.feature-art .hand-image{width:85px;height:85px}.feature-copy h2{font-size:17px}.toolbar .search{display:none}.studio .sidebar{width:167px}.inspector{display:none}.gallery .pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-art .hand-image{width:76px;height:76px}.gallery-feature h2{font-size:28px}.gallery-top .brand{display:none}.gallery-nav button{padding:8px 10px}}@media(max-width:560px){.review-brand>span:last-child{display:none}.app-window{min-height:720px;height:calc(100dvh - 170px)}.sidebar{width:60px;padding:0 7px}.traffic{gap:4px;padding:0;height:50px}.traffic button{width:10px;height:10px}.brand{margin:14px 5px 29px}.brand>span:last-child,.nav-label,.nav-item>span,.helper-mini,.sidebar-bottom .nav-item>span{display:none}.nav-item{justify-content:center;padding:11px 5px}.nav-item .count{display:none}.toolbar{padding:0 17px}.toolbar-title{font-size:11px}.content{padding:23px 15px}.heading-row h1{font-size:23px}.heading-row select{max-width:78px}.active-feature{gap:8px;padding:14px 9px}.active-feature .feature-art{width:60px;padding:0;border:0}.feature-art .hand-image{width:64px;height:64px}.feature-copy h2{font-size:15px}.feature-copy p{font-size:10px}.pack-grid{gap:19px 11px}.pack-cover{height:105px}.cursor-cluster .hand-image{width:39px;height:39px}.cursor-art{width:37px;height:46px}.pack-caption{font-size:9px}.pack-name{font-size:10px}.statusbar{padding:12px 14px}.statusbar>span{max-width:155px;font-size:9px}.studio .sidebar{width:60px}.pack-list-row{padding:8px 4px}.pack-list-row>div:last-child{display:none}.studio-center{padding:22px 16px}.states{gap:2px}.state-button{font-size:8px}.state-button .hand-image{width:33px;height:33px}.gallery-top{padding:0 15px;gap:15px}.gallery-nav{gap:0;margin:0}.gallery-nav button{padding:8px;font-size:10px}.gallery-top>.button{padding:7px;font-size:10px}.gallery-top>.button .icon{display:none}.gallery .content{padding:22px}.gallery-feature{min-height:240px;position:relative;padding:25px}.gallery-feature h2{font-size:26px;max-width:175px}.gallery-feature p{font-size:11px;max-width:170px}.gallery-art{position:absolute;right:5px;bottom:25px;opacity:.8}.gallery-art .hand-image{width:76px;height:76px}.gallery-art>:first-child,.gallery-art>:last-child{display:none}.gallery .pack-cover{height:105px}.direction-note{font-size:10px;padding:0 25px}.settings-group{padding:0 12px}.detail-row{gap:12px}.detail-row strong{font-size:11px}.detail-row .button{font-size:10px;padding:7px}.modal-content{padding:23px}.modal-art .hand-image{width:78px;height:78px}.modal-top h2{font-size:20px}}

.proto-picker {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2147483647;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 4px;
  border-radius: 999px;
  background: rgba(10, 10, 10, 0.82);
  -webkit-backdrop-filter: blur(12px) saturate(1.4);
  backdrop-filter: blur(12px) saturate(1.4);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08) inset,
    0 8px 24px rgba(0, 0, 0, 0.24),
    0 2px 6px rgba(0, 0, 0, 0.12);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  user-select: none;
  -webkit-user-select: none;
}

.proto-picker-highlight {
  position: absolute;
  top: 4px;
  left: 0;
  height: 28px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  will-change: transform;
}

.proto-picker[data-ready] .proto-picker-highlight {
  transition:
    transform 250ms cubic-bezier(0.23, 1, 0.32, 1),
    width 250ms cubic-bezier(0.23, 1, 0.32, 1);
}

@media (prefers-reduced-motion: reduce) {
  .proto-picker[data-ready] .proto-picker-highlight { transition: none; }
}

.proto-picker-item {
  position: relative;                               
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  font: inherit;
  cursor: pointer;
  transition: color 150ms ease-out;
}

.proto-picker-item:hover {
  color: rgba(255, 255, 255, 0.85);
}

.proto-picker-item:active {
  transform: scale(0.97);
}

.proto-picker-item:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.4);
  outline-offset: 2px;
}

.proto-picker-item[data-active] {
  color: #fff;
}

.proto-picker-divider {
  width: 1px;
  height: 16px;
  margin: 0 4px;
  background: rgba(255, 255, 255, 0.12);
}

.proto-picker-replay {
  padding: 0 10px;
  font-size: 14px;
}

.proto-picker[data-position="top"] {
  bottom: auto;
  top: 24px;
}
@media(min-width:801px) and (max-height:800px){.review-bar{height:57px}.app-window{height:calc(100dvh - 148px);min-height:0}.toolbar{height:46px}.content{padding:20px 29px 18px}.heading-row{margin-bottom:15px}.heading-row h1{font-size:23px}.active-feature{min-height:117px;padding:12px 26px;margin-bottom:20px}.feature-art .hand-image{width:86px;height:86px}.feature-copy h2{font-size:19px}.feature-copy .text-button{margin-top:5px}.section-heading{margin-bottom:11px}.pack-cover{height:91px}.pack-grid{gap:18px}.pack-meta{padding-top:8px}.statusbar{padding:10px 29px}.brand{margin-top:8px;margin-bottom:26px}.sidebar-bottom{padding-top:10px}.helper-mini{padding-top:12px;margin-top:10px}.direction-note{margin-top:12px}.studio-center{padding:22px}.studio-canvas{min-height:170px}.studio-canvas .hand-image{width:138px;height:138px}.studio .states{margin:11px 0 0}.studio .test-pad{padding:10px 14px;margin-top:11px}.studio .test-pad p{margin-bottom:6px}.studio .inspector{padding-top:22px}.inspector .detail-row{margin-bottom:17px}.inspector h3{margin-bottom:20px}.inspector-note{margin-bottom:12px}.gallery .content{padding:21px 38px}.gallery-top{height:56px}.gallery .main{height:calc(100% - 56px)}.gallery-feature{min-height:207px;padding:21px 35px;margin-bottom:20px}.gallery-feature h2{font-size:30px;margin:9px 0}.gallery-feature p{margin-bottom:14px;font-size:11px}.gallery .pack-cover{height:85px}.gallery .pack-grid{row-gap:15px}}
.empty-state>.icon{margin:auto;width:32px;height:32px;color:#8b9db6}.studio .icon-button.favorited{color:#dc8c42}.brand-icon{background:none}.brand-icon img{width:100%;height:100%;object-fit:contain}.gallery-top .brand-icon img,.closed-state .brand-icon img{width:100%;height:100%}.modal-content .cursor-art{max-width:100%}.modal-content .state-button .cursor-art{width:38px;height:42px;margin:0 auto 7px}

.traffic,.brand,.sidebar-bottom{flex-shrink:0}.studio .pack-list{flex:1;min-height:0;overflow:auto}.studio .sidebar-bottom{padding-top:5px}.studio .sidebar .helper-mini{margin-top:8px;padding-top:10px}.studio-content{padding:0}.anim-hand{animation-timing-function:steps(var(--frames,6),jump-none)}
.direction-note{margin-bottom:0}.pack-caption{color:#747d8b}.section-heading>span{color:#778190}.statusbar{color:#707b8a}.inspector-note,.settings-footer{color:#727e8e}.feature-copy p{color:#6f7a8c}.studio .pack-list-row{padding-top:8px;padding-bottom:8px}.studio .nav-label{flex-shrink:0}.studio .sidebar .brand{margin-bottom:17px}@media(min-width:801px){body{height:100dvh;overflow:hidden}}.inspector .detail-row>span{color:#727d8b}.state-button{color:#74808f}.hand-image{image-rendering:auto}
@media(min-width:801px) and (max-height:800px){.content{padding-top:16px}.active-feature{min-height:110px;padding-top:9px;padding-bottom:9px}.pack-cover{height:80px}.pack-grid{row-gap:16px}.studio-content{padding:0}.gallery .content{padding-top:21px}.gallery .pack-cover{height:85px}}
.app-window,#modal:not(.identity-dialog){font-family:var(--app-font,-apple-system,sans-serif)}
.app-window{font-size:13px}.app-window .brand{letter-spacing:-.9px}.app-window .heading-row h1{font-weight:650;letter-spacing:-.7px}.toolbar-leading{display:flex;align-items:center;gap:16px;min-width:0}.back-button{background:none;padding:5px 0;display:inline-flex;align-items:center;gap:3px;color:#4168aa;font-size:11px;font-weight:500}.back-button .icon{width:14px;height:14px}.toolbar-leading:has(.back-button) .toolbar-title{color:#7f8998;font-weight:400}.back-button:hover{color:#224e98}.identity-dialog{width:1040px;max-width:calc(100vw - 44px);font-family:-apple-system,BlinkMacSystemFont,sans-serif}.identity-dialog .modal-content{width:auto;max-width:none;padding:29px 31px 0}.identity-dialog .modal-top h2{font-size:26px}.identity-dialog .modal-subtitle{margin:8px 0 25px;font-size:12px}.identity-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:31px}.identity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:start}.identity-card{position:relative;background:#f6f7f9;border:1px solid transparent;border-radius:11px;min-width:0;padding:11px 7px 13px;text-align:center;display:flex;flex-direction:column;align-items:center}.identity-card:hover{background:#f0f2f6}.identity-card.selected{background:#f0f5fe;border-color:#90afe7;box-shadow:0 0 0 2px #3a6cc80b}.identity-card>img{width:96px;height:96px;object-fit:contain}.identity-card>span{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;margin-top:7px}.identity-card>span>small{font-size:9px;font-weight:400;color:#8b95a4}.identity-card>em{font-size:8px;line-height:1.3;color:#7d8794;font-style:normal;margin-top:4px}.identity-card .identity-check{position:absolute;right:7px;top:3px;color:#2864df}.identity-check .icon{height:12px;width:12px}.identity-inspector{border-left:1px solid #e9ecf1;padding-left:26px;display:flex;flex-direction:column}.identity-preview{text-align:center;font-family:var(--app-font,-apple-system,sans-serif)}.identity-preview>img{width:143px;height:143px;object-fit:contain}.identity-preview>h2{font-size:29px;font-weight:650;letter-spacing:-1px;margin:1px 0 7px}.identity-preview>p{font-size:11px;margin:0;color:#536174}.identity-preview>p>span{display:block;font-size:10px;color:#7c8796;margin-top:4px}.identity-sizes{display:flex;gap:20px;align-items:end;justify-content:center;margin:17px 0 22px}.identity-sizes>div{display:flex;flex-direction:column;align-items:center;gap:7px}.identity-sizes img{object-fit:contain}.identity-sizes span{color:#9099a5;font-size:9px}.font-choices h3{font-size:10px;color:#7f8a99;margin:0 0 9px;font-weight:500}.font-choice{padding:9px 10px;text-align:left;background:none;border-radius:7px;position:relative;width:100%;display:block;margin-bottom:3px;border:1px solid transparent}.font-choice>span{font-size:12px;font-weight:600;display:block}.font-choice>small{font-size:9px;color:#8792a1;margin-top:4px;display:block}.font-choice>.icon{position:absolute;top:11px;right:9px;width:13px;height:13px;color:#2864df}.font-choice.selected{background:#f1f5fc;border-color:#dbe6f8}.font-choice:hover{background:#f5f6f8}.identity-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #e9ecf1;padding:18px 0;margin-top:22px;background:white;position:sticky;bottom:0}.identity-footer>span{font-size:10px;color:#8a95a4}.identity-footer>div{display:flex;gap:8px}.identity-footer .button{font-size:10px}.sprite-viewport{position:relative;overflow:hidden;flex-shrink:0;background:none!important}.sprite-strip{width:100%;height:auto;display:block;max-width:none;transform:translateY(0);transform-origin:top left;pointer-events:none;will-change:transform}.playback-bar{display:flex;align-items:center;gap:10px;margin:9px 0 0;padding:6px 8px;background:#f8f9fb;border:1px solid #ebedf2;border-radius:7px;flex-shrink:0}.playback-bar .icon-button{padding:3px;color:#697c96}.playback-bar .icon{width:14px;height:14px}.playback-bar .frame-scrubber{margin:0;flex:1;min-width:20px;height:3px}.frame-count{font-variant-numeric:tabular-nums;font-size:10px;color:#8390a1;min-width:33px;text-align:right}.animation-speed{font-size:10px;border:0;background:none;color:#63758f;max-width:50px}.animation-hint{font-size:9px;color:#8996a7;margin:5px 0 0;text-align:center}.cursor-follower{position:absolute;top:0;left:0;pointer-events:none;display:none;z-index:3;width:40px;height:40px;will-change:transform}.cursor-follower.visible{display:block}.studio-canvas .cursor-follower .hand-image{width:40px;height:40px;filter:none}.studio-canvas .cursor-follower .cursor-art{width:40px;height:46px;filter:drop-shadow(0 1px 1px #0002)}.studio-canvas #large-cursor>.cursor-art{transform-origin:40% 45%}.modal-art>.cursor-art{transform-origin:40% 45%}.studio .states{flex-shrink:0}.studio .test-pad{flex-shrink:0}.studio .heading-row{flex-shrink:0}.app-window .nav-item{font-size:11px}.identity-preview h2,.identity-preview p{font-family:var(--app-font)}
@media(min-width:801px) and (max-height:800px){.studio .test-pad{padding:8px 13px;margin-top:9px}.studio .states{margin-top:8px}.studio .state-button{padding-top:6px;padding-bottom:6px}.studio .state-button .hand-image{width:36px;height:36px}.studio .heading-row{margin-bottom:14px}.identity-dialog .modal-content{padding:22px 25px 0}.identity-dialog .modal-subtitle{margin-bottom:19px}.identity-card>img{width:77px;height:77px}.identity-card{padding:7px 5px 10px}.identity-card>em{font-size:8px}.identity-grid{gap:10px}.identity-preview>img{width:115px;height:115px}.identity-sizes{margin:11px 0 15px}.font-choice{padding:7px 9px}.identity-footer{margin-top:17px;padding:14px 0}.identity-dialog{max-height:94dvh}}
@media(max-width:1050px){.identity-workspace{grid-template-columns:minmax(0,1fr) 230px;gap:23px}.identity-inspector{padding-left:20px}.identity-card>img{width:78px;height:78px}.identity-card>em{font-size:8px}.identity-grid{gap:9px}.identity-dialog .modal-content{padding:23px 23px 0}.toolbar-leading{gap:11px}}
@media(max-width:800px){.identity-workspace{grid-template-columns:minmax(0,1fr) 210px;gap:18px}.identity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.identity-inspector{padding-left:16px}.identity-footer>span{display:none}.identity-footer{justify-content:flex-end}.toolbar-leading .toolbar-title{display:none}.back-button span{font-size:10px}.identity-card>img{width:72px;height:72px}.playback-bar{gap:5px}.frame-count{font-size:9px}}
@media(max-width:560px){.identity-workspace{display:flex;flex-direction:column}.identity-inspector{border:0;padding:18px 0 0}.identity-preview,.identity-sizes{display:none}.font-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px}.font-choices>h3{grid-column:1/-1}.identity-dialog .modal-content{padding:21px 17px 0}.identity-dialog .modal-top h2{font-size:23px}.identity-dialog .modal-subtitle{font-size:10px}.identity-dialog{max-width:calc(100vw - 22px)}.identity-card>img{width:66px;height:66px}.identity-card>em{font-size:7px}.identity-footer .button{font-size:9px;padding:8px}.identity-footer>div{gap:6px}.playback-bar{gap:4px}.playback-bar>.icon-button{padding:1px}.animation-speed{max-width:42px}.frame-count{min-width:29px}.identity-grid{gap:7px}}
@media(min-width:801px) and (max-height:800px){.identity-preview>img{width:99px;height:99px}.identity-preview>h2{font-size:26px;margin:0 0 5px}.identity-sizes{margin:8px 0 12px}.font-choice{padding:6px 9px}.font-choice>small{margin-top:3px}.identity-sizes>div{gap:4px}.identity-footer{margin-top:13px}}