@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";
.games-hub{min-width:0;display:grid}.dodge-game{--dodge-board-max-width:min(100%,500px);--dodge-ink:#111225;--dodge-screen:#070719;--dodge-grid:#292451;--dodge-green:#5cf2e6;--dodge-yellow:#ffd84d;--dodge-pink:#ff4f91;--dodge-violet:#a970ff;--dodge-paper:var(--bg);color:var(--text);container:signal-dodge/inline-size}.dodge-game.is-expanded{--dodge-board-max-width:min(100%,660px,calc((100dvh - 170px)*.75))}.dodge-game__topbar{color:#eef7ee;min-height:54px;font-family:var(--mono-font,monospace);background:#09091c;border:0;border-bottom:1px solid #2d2856;border-radius:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex}.page-shell>.utility-app-shell[data-tool=signal-dodge] .dodge-game__topbar{background:#09091c;border:0;border-bottom:1px solid #2d2856;border-radius:0;justify-content:space-between;min-height:54px;padding:8px 16px}.page-shell>.utility-app-shell[data-tool=signal-dodge] .dodge-game__topbar-left{display:flex}.dodge-game__topbar-left,.dodge-game__best{align-items:center;gap:12px;min-width:0;display:flex}.dodge-game__topbar-left>span,.dodge-game__best span{color:#827da8;font-size:.64rem;font-weight:700}.dodge-game__topbar-left strong{color:#eef7ee;letter-spacing:0;align-items:center;gap:7px;font-size:.72rem;display:inline-flex}.dodge-game__status-light{background:#827da8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #827da88a}.dodge-game__status-light.is-running{background:var(--dodge-green);animation:1.2s ease-in-out infinite dodgeNeonPulse;box-shadow:0 0 11px #5cf2e6e0}.dodge-game__status-light.is-gameover{background:var(--dodge-pink);box-shadow:0 0 11px #ff4f91e0}.dodge-game__best{flex:none;justify-content:flex-end}.dodge-game__best strong{color:var(--dodge-yellow);font-size:1rem;line-height:1}.dodge-game__main{background:var(--dodge-paper);grid-template:"arena leaderboard""arena info"1fr/minmax(460px,1fr) minmax(280px,340px);align-items:stretch;min-width:0;display:grid}.dodge-game__leaderboard-panel{grid-area:leaderboard}.dodge-game__arena{grid-area:arena}.dodge-game__info-panel{grid-area:info}.dodge-game__leaderboard-panel,.dodge-game__arena,.dodge-game__info-panel{min-width:0}.dodge-game__arena{border-right:1px solid var(--border);background:var(--surface-soft);align-content:start;justify-items:center;gap:12px;padding:16px clamp(16px,3vw,28px) 24px;display:grid}.dodge-game__arena-head{width:var(--dodge-board-max-width);min-height:30px;color:var(--muted);font-family:var(--mono-font,monospace);justify-content:space-between;align-items:center;gap:12px;padding:0 2px;font-size:.64rem;font-weight:700;display:flex}.dodge-game__arena-head span:last-child{color:#6b55d8}.dodge-game__board{width:var(--dodge-board-max-width);aspect-ratio:3/4;background:var(--dodge-screen);cursor:crosshair;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;contain:layout paint;isolation:isolate;border:1px solid #67e3ff61;border-radius:4px;outline:0;scroll-margin-top:84px;position:relative;overflow:hidden;box-shadow:0 20px 48px #0c082838,0 0 26px #42efff1a}.dodge-game__board:focus-visible{outline-offset:3px;outline:1px solid #5cf2e694}.dodge-game__board.is-multiplayer{cursor:default}.dodge-game__board:after{content:"";z-index:8;pointer-events:none;background:radial-gradient(circle at 50% 48%,#0000 45%,#02020d47 100%);position:absolute;inset:0}.dodge-game__board.is-shaking{animation:.42s ease-out dodgeBoardShake}.dodge-game__canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.dodge-game__board-hud{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--mono-font,monospace);background:#070719c7;border-bottom:1px solid #8b7eff33;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;inset:0 0 auto}.dodge-game__board-stat{text-align:center;border-right:1px solid #8b7eff29;gap:2px;min-width:0;padding:8px 6px;display:grid}.dodge-game__board-stat:last-child{border-right:0}.dodge-game__board-stat span{color:#837fa9;font-size:.55rem;font-weight:700}.dodge-game__board-stat strong{color:#f4f1ff;text-overflow:ellipsis;font-size:.76rem;line-height:1;overflow:hidden}.dodge-game__board-stat.is-phase strong{color:var(--dodge-green)}.dodge-game__board-stat.is-near-active strong{animation:.32s ease-out dodgeNearFlash}.dodge-game__overlay{z-index:12;color:#eaf8f1;text-align:center;font-family:var(--mono-font,monospace);cursor:default;background:#050514cc;align-content:center;justify-items:center;gap:14px;padding:28px;display:grid;position:absolute;inset:0}.dodge-game__overlay:before{content:"";border:1px solid #5cf2e6b8;width:34px;height:34px;transform:rotate(45deg);box-shadow:inset 0 0 14px #5cf2e61f,0 0 18px #5cf2e62e}.dodge-game__overlay-label{color:var(--dodge-green);margin:0;font-size:.78rem;font-weight:800}.dodge-game__board--gameover .dodge-game__overlay-label{color:var(--dodge-pink)}.dodge-game__board--gameover .dodge-game__overlay:before{border-color:#ff4f91b8;box-shadow:inset 0 0 14px #ff4f911f,0 0 18px #ff4f912e}.dodge-game__overlay>p:not(.dodge-game__overlay-label){color:#aaa6c5;max-width:35ch;font-family:var(--body-font);margin:0;font-size:.76rem;line-height:1.7}.dodge-game__overlay-score{justify-items:center;gap:6px;display:grid}.dodge-game__overlay-score strong{color:#fff;font-size:2.15rem;line-height:1}.dodge-game__overlay-score>span:last-child{color:#aaa6c5;font-size:.68rem}.dodge-game__new-best{border:2px solid var(--dodge-yellow);color:var(--dodge-yellow);padding:4px 7px;font-size:.62rem;animation:1.1s ease-in-out infinite dodgeNeonPulse;box-shadow:0 0 12px #ffd84d2e}.dodge-game .tool-chip{border:1px solid color-mix(in srgb,var(--dodge-ink)72%,var(--border));background:var(--bg-strong);min-height:40px;color:var(--dodge-ink);box-shadow:none;font-family:var(--mono-font,monospace);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.67rem;font-weight:750;transition:border-color .14s,background-color .14s,color .14s,box-shadow .14s;display:inline-flex}.dodge-game .tool-chip:hover,.dodge-game .tool-chip:focus-visible{background:color-mix(in srgb,#a970ff 8%,var(--bg-strong));color:#4f38c4;border-color:#6b55d8;transform:none;box-shadow:0 0 12px #a970ff1f}.dodge-game .tool-chip:focus-visible{outline:3px solid color-mix(in srgb,var(--refdock-blue)35%,transparent);outline-offset:3px}.dodge-game .tool-chip:active{box-shadow:none;transform:translateY(1px)}.dodge-game .tool-chip.is-active,.dodge-game .dodge-game__start-btn{background:var(--dodge-green);color:var(--dodge-ink);border-color:#39d9cf;box-shadow:0 0 16px #5cf2e638}.dodge-game__overlay .dodge-game__start-btn{min-width:148px;margin-top:4px}.dodge-game__controls{width:var(--dodge-board-max-width);flex-wrap:wrap;justify-content:center;gap:9px;padding-top:2px;display:flex}.dodge-game__mode-switch{display:inline-flex}.dodge-game__mode-switch .tool-chip{border-radius:0}.dodge-game__mode-switch .tool-chip+.tool-chip{margin-left:-1px}.dodge-game__mode-switch .tool-chip:first-child{border-radius:4px 0 0 4px}.dodge-game__mode-switch .tool-chip:last-child{border-radius:0 4px 4px 0}.dodge-game__joystick{z-index:11;pointer-events:none;background:#0707196b;border:1px solid #5cf2e68c;border-radius:50%;position:absolute;box-shadow:0 0 18px #5cf2e61f}.dodge-game__joystick-knob{background:var(--dodge-green);border:2px solid #09091c;border-radius:50%;position:absolute;box-shadow:0 0 14px #5cf2e67a}.dodge-game__cheat-panel{width:var(--dodge-board-max-width);border:1px solid color-mix(in srgb,var(--dodge-pink)45%,var(--border));background:color-mix(in srgb,var(--dodge-pink)5%,var(--bg));border-radius:4px;gap:10px;padding:12px;display:grid}.dodge-game__cheat-row{flex-wrap:wrap;gap:7px;display:flex}.dodge-game__cheat-row.is-secondary{align-items:center}.dodge-game__cheat-note{color:var(--muted);font-size:.68rem}.dodge-game__leaderboard-panel,.dodge-game__info-panel{border:0;border-bottom:1px solid var(--border);background:var(--bg);box-shadow:none;border-radius:0;align-content:start;gap:0;padding:0;display:grid}.page-shell>.utility-app-shell[data-tool=signal-dodge] :is(.dodge-game__leaderboard-panel,.dodge-game__info-panel){background:var(--bg);box-shadow:none;border-radius:0}.dodge-game__leaderboard-panel{border-bottom:1px solid var(--border)}.dodge-game .tool-card__top{border-bottom:1px solid var(--border);min-height:42px;padding:0 16px}.dodge-game .tool-card__badge,.dodge-game__info-heading{color:var(--accent-dark);font-family:var(--mono-font,monospace);font-size:.64rem;font-weight:800}.dodge-game .tool-card__badge{background:0 0;border:0;border-radius:0;min-height:0;padding:0}.dodge-game__leaderboard-setup{border-bottom:1px solid var(--border);background:var(--surface-soft);gap:9px;padding:14px 16px;display:grid}.dodge-game__leaderboard-setup .dodge-game__info-heading,.dodge-game__info-heading{margin:0}.dodge-game__name-field{gap:6px;display:grid}.dodge-game__name-field span{color:var(--muted);font-size:.7rem;font-weight:700}.dodge-game__name-field input{border:1px solid var(--border-strong);background:var(--panel-strong);width:100%;min-width:0;min-height:42px;color:var(--text);font-family:var(--mono-font,monospace);text-transform:uppercase;border-radius:4px;padding:0 11px;font-weight:700}.dodge-game__name-field input:focus-visible{outline:3px solid color-mix(in srgb,var(--refdock-blue)30%,transparent);outline-offset:2px}.dodge-game__save-note{color:var(--muted);margin:0;font-size:.65rem;line-height:1.5}.dodge-game__save-note code{font-family:var(--mono-font,monospace)}.dodge-game__leaderboard{max-height:286px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.dodge-game__leaderboard li{border-bottom:1px solid var(--border);background:0 0;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;padding:9px 16px;display:grid}.dodge-game__leaderboard li:last-child{border-bottom:0}.dodge-game__lb-rank{color:var(--muted);font-family:var(--mono-font,monospace);font-size:.7rem;font-weight:800}.dodge-game__leaderboard li[data-rank="1"] .dodge-game__lb-rank{color:#ba7a00}.dodge-game__leaderboard li[data-rank="2"] .dodge-game__lb-rank{color:#68777d}.dodge-game__leaderboard li[data-rank="3"] .dodge-game__lb-rank{color:#a45229}.dodge-game__lb-meta{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 8px;display:grid}.dodge-game__lb-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.dodge-game__lb-meta span{color:var(--muted);font-size:.66rem}.dodge-game__lb-meta span:last-child{grid-column:1/-1}.dodge-game__lb-empty{color:var(--muted);gap:6px;padding:18px 16px;font-size:.7rem;line-height:1.55;display:grid}.dodge-game__lb-empty strong{color:var(--text)}.dodge-game__info-panel{padding:0 16px 18px}.dodge-game__info-block{border-bottom:1px solid var(--border);gap:9px;padding:15px 0;display:grid}.dodge-game__info-desc{color:var(--muted);word-break:keep-all;margin:0;font-size:.7rem;line-height:1.65}.dodge-game__info-desc strong{color:var(--text)}.dodge-game__shortcut-list,.dodge-game__score-table{margin:0;display:grid}.dodge-game__shortcut-list>div,.dodge-game__score-table>div{border-bottom:1px dashed var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;padding:6px 0;display:grid}.dodge-game__shortcut-list>div:last-child,.dodge-game__score-table>div:last-child{border-bottom:0}.dodge-game__shortcut-list dt,.dodge-game__shortcut-list dd,.dodge-game__score-table dt,.dodge-game__score-table dd{margin:0;font-size:.67rem}.dodge-game__shortcut-list dd,.dodge-game__score-table dd{color:var(--muted);text-align:right}.dodge-game__score-table dd{color:var(--accent-dark);font-family:var(--mono-font,monospace);font-weight:700}.dodge-game kbd{border:1px solid var(--border-strong);background:var(--panel-strong);min-width:23px;min-height:22px;color:var(--text);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--dodge-ink)22%,transparent);font-family:var(--mono-font,monospace);border-radius:3px;justify-content:center;align-items:center;padding:0 5px;font-size:.6rem;display:inline-flex}.dodge-game__data-panel{border-bottom:1px solid var(--border)}.dodge-game__data-panel summary{min-height:46px;color:var(--text);font-family:var(--mono-font,monospace);cursor:pointer;padding:14px 0;font-size:.7rem;font-weight:800}.dodge-game__data-panel summary::marker{color:var(--accent-dark)}.dodge-game__data-body{display:grid}.dodge-game__level-list,.dodge-game__threat-list{margin:0;padding:0;list-style:none;display:grid}.dodge-game__level-item{border-left:3px solid #0000;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:30px;padding:4px 6px;display:grid}.dodge-game__level-item.is-active{border-left-color:var(--dodge-green);background:color-mix(in srgb,var(--dodge-green)10%,transparent)}.dodge-game__level-label,.dodge-game__level-name,.dodge-game__level-time{font-family:var(--mono-font,monospace);font-size:.62rem}.dodge-game__level-label{color:var(--accent-dark);font-weight:800}.dodge-game__level-name,.dodge-game__level-time{color:var(--muted)}.dodge-game__threat-item{border-bottom:1px dashed var(--border);grid-template-columns:58px minmax(0,1fr);gap:10px;padding:9px 0;display:grid}.dodge-game__threat-item:last-child{border-bottom:0}.dodge-game__threat-chip{height:24px;font-family:var(--mono-font,monospace);border:2px solid;justify-content:center;align-items:center;font-size:.55rem;font-weight:800;display:inline-flex}.dodge-game__threat-item.is-dot .dodge-game__threat-chip{color:#c33364}.dodge-game__threat-item.is-shard .dodge-game__threat-chip{color:#7250c7}.dodge-game__threat-item.is-ring .dodge-game__threat-chip{color:#a06d00}.dodge-game__threat-item.is-pulse .dodge-game__threat-chip{color:#4d9b29}.dodge-game__threat-item.is-missile .dodge-game__threat-chip{color:#159eaa}.dodge-game__threat-item strong{margin-bottom:2px;font-size:.7rem;display:block}.dodge-game__threat-item p{color:var(--muted);margin:0;font-size:.65rem;line-height:1.5}.dodge-game.is-expanded .dodge-game__main{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"arena arena""leaderboard info"}.dodge-game.is-expanded .dodge-game__arena{border-right:0;border-bottom:1px solid var(--border)}@keyframes dodgeNeonPulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes dodgeNearFlash{0%{color:var(--dodge-yellow);transform:translateY(-2px)}to{color:#effff8;transform:translateY(0)}}@keyframes dodgeBoardShake{0%{transform:translate(0)}25%{transform:translate(-6px,4px)}50%{transform:translate(5px,-4px)}75%{transform:translate(-3px,2px)}to{transform:translate(0)}}@container signal-dodge (max-width:900px){.dodge-game__main,.dodge-game.is-expanded .dodge-game__main{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"arena arena""leaderboard info"}.dodge-game__arena,.dodge-game.is-expanded .dodge-game__arena{border-right:0;border-bottom:1px solid var(--border)}}@container signal-dodge (max-width:640px){.dodge-game__main,.dodge-game.is-expanded .dodge-game__main{grid-template-columns:minmax(0,1fr);grid-template-areas:"arena""leaderboard""info"}.dodge-game__topbar{padding-inline:12px}.dodge-game__arena{padding:12px 12px 20px}.dodge-game__board{border-width:1px;box-shadow:0 14px 34px #0c082833}.dodge-game__leaderboard-panel{border-bottom-width:1px}}@container signal-dodge (max-width:430px){.dodge-game__topbar-left>span,.dodge-game__best span{display:none}.dodge-game__board-stat{padding:7px 3px}.dodge-game__board-stat span{font-size:.5rem}.dodge-game__board-stat strong{font-size:.64rem}.dodge-game__overlay{gap:10px;padding:18px}.dodge-game__controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dodge-game__controls .tool-chip{width:100%}.dodge-game__controls .tool-chip:last-child:nth-child(odd){grid-column:1/-1}.dodge-game__mode-switch{display:none}.dodge-game__shortcut-list>div,.dodge-game__score-table>div{grid-template-columns:minmax(0,1fr)}.dodge-game__shortcut-list dd,.dodge-game__score-table dd{text-align:left}}@media (prefers-reduced-motion:reduce){.dodge-game__status-light.is-running,.dodge-game__new-best,.dodge-game__board.is-shaking,.dodge-game__board-stat.is-near-active strong{animation:none}}
.page-shell>.utility-app-shell[data-tool=packet-panic]{background:#07090a;border-color:#2c3332}.page-shell>.utility-app-shell[data-tool=packet-panic] .utility-app-shell__header{color:#edf1ee;background:#0d1112;border-color:#2c3332;padding:0}.page-shell>.utility-app-shell[data-tool=packet-panic] .utility-app-shell__back,.page-shell>.utility-app-shell[data-tool=packet-panic] .utility-app-shell__identity p,.page-shell>.utility-app-shell[data-tool=packet-panic] .utility-app-shell__header>p{color:#9aa4a0;background:0 0}.page-shell>.utility-app-shell[data-tool=packet-panic] .utility-app-shell__back:hover{color:#36c8d0;background:#171c1d}.page-shell>.utility-app-shell[data-tool=packet-panic] .utility-app-shell__icon{color:#ff5b65;background:#171c1d}.page-shell>.utility-app-shell[data-tool=packet-panic] .utility-app-shell__identity>span{color:#36c8d0}.page-shell>.utility-app-shell[data-tool=packet-panic] .utility-app-shell__identity h1{color:#edf1ee;font-size:1.08rem}.page-shell>.utility-app-shell[data-tool=packet-panic] .utility-app-shell__workspace{background:#07090a;padding:0}.packet-panic-embed{background:#07090a;width:100%;height:max(720px,100dvh - 88px);min-height:720px;overflow:hidden}.packet-panic-embed iframe{background:#07090a;border:0;width:100%;height:100%;display:block}@media (max-width:720px){.page-shell>.utility-app-shell[data-tool=packet-panic] .utility-app-shell__header{display:none}.packet-panic-embed{height:calc(100dvh - 127px);min-height:520px}body:has(.utility-app-shell[data-tool=packet-panic]) .utility-rail{display:none}}
.page-shell>.utility-app-shell[data-tool=sketchpad]{background:#d9dde0;border-color:#b9bec3}.page-shell>.utility-app-shell[data-tool=sketchpad] .utility-app-shell__workspace{background:#d9dde0;padding:0}.sketchpad-workspace{background:#d9dde0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;height:calc(100dvh - 187px);min-height:440px;display:grid;position:relative;overflow:hidden}.sketchpad-workspace[data-panel=canvas]{grid-template-columns:minmax(0,1fr) 286px}.sketchpad-workspace[data-fullscreen]{z-index:1000;height:100dvh;min-height:0;position:fixed;inset:0}.sketchpad-canvas{z-index:0;isolation:isolate;background:#d9dde0;grid-area:2/1;min-width:0;min-height:0;position:relative;overflow:hidden}.sketchpad-draw{z-index:10000;overscroll-behavior:contain;touch-action:none;border-radius:0;width:100%;height:100%;position:relative}.sketchpad-draw.Draw_root{background:0 0}.sketchpad-image-stage{z-index:auto;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.sketchpad-image-stage[data-background=\#ffffff]{background:#fff}.sketchpad-image-stage[data-background=checker]{background-color:#fff;background-image:conic-gradient(#e8ebed 25%,#fff 0 50%,#e8ebed 0 75%,#fff 0);background-position:0 0;background-size:20px 20px}.sketchpad-image-stage[data-editing]{pointer-events:none;touch-action:none;cursor:default}.sketchpad-image-item{box-sizing:border-box;transform-origin:50%;display:block;position:absolute}.sketchpad-image-stage[data-editing] .sketchpad-image-item{pointer-events:auto;cursor:move}.sketchpad-image-item[data-layer=back]{z-index:0}.sketchpad-image-item[data-layer=front]{z-index:20000}.sketchpad-image-item img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;display:block}.sketchpad-image-transform{z-index:30000;box-sizing:border-box;cursor:move;transform-origin:50%;touch-action:none;pointer-events:auto;border:1px solid #2766d8;position:absolute;box-shadow:0 0 0 1px #ffffffe6}.sketchpad-image-transform>button{z-index:1;touch-action:none;background:0 0;border:0;width:24px;height:24px;padding:0;position:absolute}.sketchpad-image-transform>button:before{content:"";background:#fff;border:1px solid #2766d8;border-radius:1px;width:8px;height:8px;position:absolute;top:7px;left:7px}.sketchpad-image-transform>button[data-corner=north-west]{cursor:nwse-resize;top:-12px;left:-12px}.sketchpad-image-transform>button[data-corner=north-east]{cursor:nesw-resize;top:-12px;right:-12px}.sketchpad-image-transform>button[data-corner=south-west]{cursor:nesw-resize;bottom:-12px;left:-12px}.sketchpad-image-transform>button[data-corner=south-east]{cursor:nwse-resize;bottom:-12px;right:-12px}.sketchpad-image-transform__rotate{z-index:0;color:#59636d;filter:drop-shadow(0 1px #fff)drop-shadow(0 0 1px #fff);opacity:0;pointer-events:none;width:48px;height:48px;transition:opacity .1s;position:absolute}.sketchpad-image-transform__rotate-glyph{box-sizing:border-box;pointer-events:none;position:absolute;inset:18px}.sketchpad-image-transform__rotate-glyph>svg{position:absolute}.sketchpad-image-transform__rotate>button{cursor:grab;pointer-events:auto;background:0 0;border:0;width:auto;height:auto;padding:0;position:absolute;inset:-6px}.sketchpad-image-transform__rotate[data-corner=north-west]{top:-24px;left:-24px}.sketchpad-image-transform__rotate[data-corner=north-west] .sketchpad-image-transform__rotate-glyph{border-top:1px solid;border-left:1px solid;border-top-left-radius:6px;transform:translate(-6px,-6px)}.sketchpad-image-transform__rotate[data-corner=north-west]>button{clip-path:polygon(0 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%)}.sketchpad-image-transform__rotate[data-corner=north-east]{top:-24px;right:-24px}.sketchpad-image-transform__rotate[data-corner=north-east] .sketchpad-image-transform__rotate-glyph{border-top:1px solid;border-right:1px solid;border-top-right-radius:6px;transform:translate(6px,-6px)}.sketchpad-image-transform__rotate[data-corner=north-east]>button{clip-path:polygon(0 0,100% 0,100% 100%,50% 100%,50% 50%,0 50%)}.sketchpad-image-transform__rotate[data-corner=south-west]{bottom:-24px;left:-24px}.sketchpad-image-transform__rotate[data-corner=south-west] .sketchpad-image-transform__rotate-glyph{border-bottom:1px solid;border-left:1px solid;border-bottom-left-radius:6px;transform:translate(-6px,6px)}.sketchpad-image-transform__rotate[data-corner=south-west]>button{clip-path:polygon(0 0,50% 0,50% 50%,100% 50%,100% 100%,0 100%)}.sketchpad-image-transform__rotate[data-corner=south-east]{bottom:-24px;right:-24px}.sketchpad-image-transform__rotate[data-corner=south-east] .sketchpad-image-transform__rotate-glyph{border-bottom:1px solid;border-right:1px solid;border-bottom-right-radius:6px;transform:translate(6px,6px)}.sketchpad-image-transform__rotate[data-corner=south-east]>button{clip-path:polygon(50% 0,100% 0,100% 100%,0 100%,0 50%,50% 50%)}.sketchpad-image-transform__rotate[data-corner^=north] .sketchpad-image-transform__rotate-horizontal{top:-5px}.sketchpad-image-transform__rotate[data-corner^=south] .sketchpad-image-transform__rotate-horizontal{bottom:-5px}.sketchpad-image-transform__rotate[data-corner$=west] .sketchpad-image-transform__rotate-horizontal{right:-5px}.sketchpad-image-transform__rotate[data-corner$=east] .sketchpad-image-transform__rotate-horizontal,.sketchpad-image-transform__rotate[data-corner$=west] .sketchpad-image-transform__rotate-vertical{left:-5px}.sketchpad-image-transform__rotate[data-corner$=east] .sketchpad-image-transform__rotate-vertical{right:-5px}.sketchpad-image-transform__rotate[data-corner^=north] .sketchpad-image-transform__rotate-vertical{bottom:-5px}.sketchpad-image-transform__rotate[data-corner^=south] .sketchpad-image-transform__rotate-vertical{top:-5px}.sketchpad-image-transform__rotate:has(>button:is(:hover,:focus-visible,:active)){color:#2766d8;opacity:1}:is(.sketchpad-image-transform:has(>button[data-corner=north-west]:is(:hover,:focus-visible,:active)) .sketchpad-image-transform__rotate[data-corner=north-west],.sketchpad-image-transform:has(>button[data-corner=north-east]:is(:hover,:focus-visible,:active)) .sketchpad-image-transform__rotate[data-corner=north-east],.sketchpad-image-transform:has(>button[data-corner=south-west]:is(:hover,:focus-visible,:active)) .sketchpad-image-transform__rotate[data-corner=south-west],.sketchpad-image-transform:has(>button[data-corner=south-east]:is(:hover,:focus-visible,:active)) .sketchpad-image-transform__rotate[data-corner=south-east]){color:#2766d8;opacity:1}.sketchpad-image-transform__rotate>button:active{cursor:grabbing}.sketchpad-draw span:has(>button[aria-label=Clear]){display:none}.sketchpad-actions{z-index:45;background:#f7f6f3;border-bottom:1px solid #bec3c7;grid-area:1/1/auto/-1;align-items:center;gap:6px;min-width:0;min-height:46px;padding:6px 8px;display:flex;position:relative;box-shadow:0 2px 7px #363d4414}.sketchpad-actions__group{border-right:1px solid #d3d1cc;flex:none;align-items:center;gap:4px;min-width:0;padding-right:7px;display:flex}.sketchpad-actions__group--end{border-right:0;margin-left:auto;padding-right:0}.sketchpad-actions button,.sketchpad-background{border-radius:4px;min-height:32px}.sketchpad-actions button{box-sizing:border-box;color:#23272b;cursor:pointer;background:#fff;border:1px solid #c9cdd1;align-items:center;gap:6px;padding:0 10px;font-size:.72rem;font-weight:700;display:inline-flex}.sketchpad-actions button:hover{background:#f1f3f4;border-color:#8d949a}.sketchpad-actions button:active{transform:translateY(1px)}.sketchpad-actions button:disabled{opacity:.42;cursor:default}.sketchpad-actions button:disabled:active{transform:none}.sketchpad-actions :is(.sketchpad-touch-button,.sketchpad-image-button,.sketchpad-canvas-button)[aria-pressed=true]{color:#fff;background:#2766d8;border-color:#2766d8}.sketchpad-actions .sketchpad-library-trigger{max-width:150px}.sketchpad-library-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sketchpad-save-state{color:#5d656b;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:180px;padding:0 8px;font-size:.68rem;display:inline-flex;overflow:hidden}.sketchpad-background{color:#5d656b;background:#eceeef;align-items:center;gap:7px;padding:0 7px 0 9px;font-size:.68rem;font-weight:700;display:inline-flex}.sketchpad-background select{color:#23272b;min-width:68px;height:26px;font:inherit;background:#fff;border:0}.sketchpad-actions .sketchpad-canvas-button{max-width:132px}.sketchpad-canvas-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sketchpad-actions :is(button,select):focus-visible{outline-offset:2px;outline:2px solid #2766d8}.sketchpad-inspector{background:#f4f5f6;border-left:1px solid #b8bdc1;flex-direction:column;grid-area:2/2;gap:14px;min-width:0;min-height:0;padding:14px;display:flex;overflow-y:auto}.sketchpad-workspace[data-panel=images] .sketchpad-inspector{z-index:50;border:1px solid #b8bdc1;border-radius:4px;grid-area:auto;gap:6px;width:200px;max-height:min(240px,100% - 62px);padding:6px;position:absolute;top:54px;right:8px;box-shadow:0 8px 22px #252b302e}.sketchpad-workspace[data-panel=images] .sketchpad-inspector__header{align-items:center;padding-bottom:5px}.sketchpad-workspace[data-panel=images] .sketchpad-inspector__header h2{font-size:.76rem}.sketchpad-workspace[data-panel=images] .sketchpad-inspector__header button{width:22px;height:22px}.sketchpad-workspace[data-panel=images] .sketchpad-image-list{gap:4px}.sketchpad-workspace[data-panel=images] .sketchpad-image-list li{grid-template-columns:18px minmax(0,1fr) 26px;gap:4px;padding:2px}.sketchpad-workspace[data-panel=images] .sketchpad-image-list__delete{width:26px;height:26px}.sketchpad-inspector__header{border-bottom:1px solid #cbd0d3;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:11px;display:flex}.sketchpad-inspector__header p,.sketchpad-inspector__header h2,.sketchpad-inspector__properties p,.sketchpad-custom-canvas p{margin:0}.sketchpad-inspector__header p{color:#2766d8;margin-bottom:2px;font-size:.58rem;font-weight:800}.sketchpad-inspector__header h2{color:#202529;font-size:.92rem}.sketchpad-inspector__header button,.sketchpad-image-list__delete{color:#4e565d;cursor:pointer;background:#fff;border:1px solid #c8cdd1;border-radius:4px;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.sketchpad-image-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sketchpad-image-list li{background:#fff;border:1px solid #d0d4d7;border-radius:4px;grid-template-columns:20px minmax(0,1fr) 30px;align-items:center;gap:6px;min-width:0;padding:3px;display:grid}.sketchpad-image-list li[data-selected]{border-color:#2766d8;box-shadow:inset 3px 0 #2766d8}.sketchpad-image-list li[data-dragging]{opacity:.72;box-shadow:inset 3px 0 #2766d8,0 3px 8px #252b3029}.sketchpad-image-list__drag{color:#8a9298;cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;width:18px;height:30px;padding:0;display:grid}.sketchpad-image-list__drag:active{color:#2766d8;cursor:grabbing}.sketchpad-image-list__drag svg{pointer-events:none}.sketchpad-image-list .sketchpad-image-list__drawing{color:#687078;background:0 0;border:0;grid-template-columns:none;align-items:center;gap:6px;padding:0;font-size:.52rem;font-weight:800;display:flex}.sketchpad-image-list__drawing:before,.sketchpad-image-list__drawing:after{content:"";background:#cbd0d3;flex:1;height:1px}.sketchpad-image-list__select{color:#202529;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:0;display:grid}.sketchpad-image-list__thumb{background-color:#fff;background-image:conic-gradient(#e8ebed 25%,#fff 0 50%,#e8ebed 0 75%,#fff 0);background-size:10px 10px;border:1px solid #d5d8da;place-items:center;width:26px;height:26px;display:grid;overflow:hidden}.sketchpad-image-list__thumb img{object-fit:contain;width:100%;height:100%}.sketchpad-image-list__copy{gap:1px;min-width:0;display:grid}.sketchpad-image-list__copy strong,.sketchpad-image-list__copy small,.sketchpad-inspector__properties strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sketchpad-image-list__copy strong{font-size:.68rem}.sketchpad-image-list__copy small{color:#2766d8;font-size:.54rem;font-weight:800}.sketchpad-image-list__delete{color:#a12e36}.sketchpad-inspector__properties{border-top:1px solid #cbd0d3;gap:10px;margin-top:auto;padding-top:12px;display:grid}.sketchpad-workspace[data-panel=images] .sketchpad-inspector__properties{gap:6px;margin-top:0;padding-top:6px}.sketchpad-workspace[data-panel=images] .sketchpad-inspector__properties p{display:none}.sketchpad-workspace[data-panel=images] .sketchpad-inspector__properties label{grid-template-columns:auto minmax(0,1fr) 30px;gap:5px}.sketchpad-inspector__properties p{gap:3px;display:grid}.sketchpad-inspector__properties p span,.sketchpad-inspector__properties label>span{color:#677078;font-size:.58rem;font-weight:800}.sketchpad-inspector__properties p strong{color:#202529;font-size:.74rem}.sketchpad-inspector__properties label{grid-template-columns:auto minmax(0,1fr) 34px;align-items:center;gap:7px;display:grid}.sketchpad-inspector__properties input[type=range]{accent-color:#2766d8;width:100%;min-width:0;margin:0}.sketchpad-inspector__properties output{color:#30363b;text-align:right;font-size:.62rem;font-weight:800}.sketchpad-inspector__empty{color:#687078;text-align:center;margin:auto 0;font-size:.7rem;line-height:1.6}.sketchpad-canvas-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.sketchpad-canvas-presets button{color:#202529;text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd0d3;border-radius:4px;gap:3px;min-width:0;padding:9px;display:grid}.sketchpad-canvas-presets button[data-active]{border-color:#2766d8;box-shadow:inset 3px 0 #2766d8}.sketchpad-canvas-presets strong{font-size:.68rem}.sketchpad-canvas-presets span{color:#687078;text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}.sketchpad-custom-canvas{border-top:1px solid #cbd0d3;gap:9px;padding-top:13px;display:grid}.sketchpad-custom-canvas>strong{color:#30363b;font-size:.68rem}.sketchpad-custom-canvas>div{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:6px;display:grid}.sketchpad-custom-canvas label{color:#687078;gap:3px;font-size:.56rem;font-weight:800;display:grid}.sketchpad-custom-canvas input{box-sizing:border-box;color:#202529;width:100%;min-width:0;height:30px;font:inherit;background:#fff;border:1px solid #c6cbd0;border-radius:3px;padding:0 6px;font-size:.68rem}.sketchpad-custom-canvas>button{color:#fff;cursor:pointer;background:#252b30;border:1px solid #252b30;border-radius:4px;min-height:32px;font-size:.68rem;font-weight:800}.sketchpad-custom-canvas p{color:#737b82;font-size:.55rem}.sketchpad-inspector :is(button,input):focus-visible{outline-offset:2px;outline:2px solid #2766d8}.sketchpad-library-backdrop{z-index:55;cursor:default;background:#22272b38;border:0;position:absolute;inset:0}.sketchpad-library{z-index:60;background:#f7f8f9;border-right:1px solid #aeb4b9;width:min(360px,100% - 24px);padding:22px;position:absolute;inset:0 auto 0 0;overflow-y:auto;box-shadow:14px 0 34px #282e3329}.sketchpad-library__header{border-bottom:1px solid #c9cdd1;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;display:flex}.sketchpad-library__header p{color:#2766d8;text-transform:uppercase;margin:0 0 4px;font-size:.65rem;font-weight:800}.sketchpad-library__header h2{color:#1d2125;margin:0;font-size:1.1rem}.sketchpad-library__header button,.sketchpad-library__item-actions button{color:#4e565d;cursor:pointer;background:#fff;border:1px solid #c6cbd0;border-radius:4px;flex:none;place-items:center;width:34px;height:34px;display:grid}.sketchpad-library__header button:hover,.sketchpad-library__item-actions button:hover{color:#1d2125;border-color:#8d949a}.sketchpad-library__new{color:#fff;cursor:pointer;background:#1f2529;border:1px solid #1f2529;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin:18px 0;font-size:.78rem;font-weight:800;display:flex}.sketchpad-library__new:hover{background:#343a3f}.sketchpad-library__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sketchpad-library__list li{background:#fff;border:1px solid #d0d4d7;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px;display:grid}.sketchpad-library__list li[data-active]{border-color:#2766d8;box-shadow:inset 3px 0 #2766d8}.sketchpad-library__open{color:#1d2125;text-align:left;gap:4px;min-width:0;padding:3px 4px;display:grid}.sketchpad-library__open>button{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.sketchpad-library__open input{color:#1d2125;min-width:0;height:26px;font:inherit;background:#fff;border:1px solid #2766d8;border-radius:3px;padding:0 6px;font-size:.75rem;font-weight:700}.sketchpad-library__open strong,.sketchpad-library__open span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sketchpad-library__open strong{font-size:.78rem}.sketchpad-library__open span{color:#687078;font-size:.64rem}.sketchpad-library__item-actions{align-items:center;gap:5px;display:flex}.sketchpad-library__item-actions button[data-confirm]{color:#fff;background:#c83e48;border-color:#c83e48;width:42px;font-size:.66rem;font-weight:800}.sketchpad-library :is(button):focus-visible{outline-offset:2px;outline:2px solid #2766d8}@media (max-width:760px){.page-shell>.utility-app-shell[data-tool=sketchpad] .utility-app-shell__header{display:none}.sketchpad-workspace{height:calc(100dvh - 127px);min-height:540px}.sketchpad-workspace[data-panel=canvas]{grid-template-rows:auto minmax(260px,1fr) minmax(180px,32vh);grid-template-columns:minmax(0,1fr)}.sketchpad-inspector{border-top:1px solid #b8bdc1;border-left:0;grid-area:3/1;padding:12px}.sketchpad-workspace[data-panel=images] .sketchpad-inspector{border:1px solid #b8bdc1;width:min(196px,100% - 12px);max-height:min(206px,100% - 102px);top:94px;right:6px}.sketchpad-actions{flex-wrap:wrap;gap:4px;min-height:46px;padding:6px}.sketchpad-actions__group{gap:3px;padding-right:4px}.sketchpad-actions__group--end{margin-left:auto;padding-right:0}.sketchpad-save-state,.sketchpad-background>span{display:none}.sketchpad-actions .sketchpad-library-trigger{justify-content:center;width:34px;padding:0}.sketchpad-library-trigger span{display:none}.sketchpad-actions .sketchpad-clear-button,.sketchpad-actions .sketchpad-image-button,.sketchpad-actions .sketchpad-canvas-button,.sketchpad-actions .sketchpad-touch-button{justify-content:center;width:34px;padding:0}.sketchpad-image-button span,.sketchpad-canvas-button span,.sketchpad-touch-button span,.sketchpad-clear-button span{display:none}.sketchpad-actions .sketchpad-fullscreen-button{justify-content:center;width:34px;padding:0}.sketchpad-fullscreen-button span{display:none}.sketchpad-actions .sketchpad-export-button{color:#0000;justify-content:center;width:34px;padding:0;font-size:0;overflow:hidden}.sketchpad-export-button svg{color:#23272b}.sketchpad-actions button{gap:4px;padding:0 7px}.sketchpad-background{padding:0 2px}.sketchpad-background select{min-width:50px}.sketchpad-library{width:calc(100% - 18px);padding:18px}body:has(.utility-app-shell[data-tool=sketchpad]) .utility-rail{display:none}}@media (max-width:520px){.sketchpad-actions__group--end{border-top:1px solid #dedcd7;flex-basis:100%;justify-content:flex-start;width:100%;margin:0;padding-top:4px}}