/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--default-font-family:var(--stack-ui);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-1\/2{top:50%}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-50{z-index:50}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.max-h-\[calc\(100dvh-1\.5rem\)\]{max-height:calc(100dvh - 1.5rem)}.w-full{width:100%}.max-w-\[calc\(100\%-1\.5rem\)\]{max-width:calc(100% - 1.5rem)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.flex-col{flex-direction:column}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[rgba\(32\,32\,32\,0\.55\)\]{background-color:#2020208c}.text-popover-foreground{color:var(--popover-foreground)}.duration-100{--tw-duration:.1s;transition-duration:.1s}.outline-none{--tw-outline-style:none;outline-style:none}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}@media not all and (width>=40rem){.max-sm\:inset-x-0{inset-inline:0}.max-sm\:top-auto{top:auto}.max-sm\:bottom-0{bottom:0}.max-sm\:max-h-\[94dvh\]{max-height:94dvh}.max-sm\:max-w-none{max-width:none}.max-sm\:translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.max-sm\:translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.max-sm\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}}@media (width>=40rem){.sm\:max-w-lg{max-width:var(--container-lg)}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}@font-face{font-family:Huepad Sans;src:url(/fonts/instrument-sans.woff)format("woff");font-weight:400 700;font-stretch:75% 100%;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--stack-ui:"Huepad Sans", system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", "Malgun Gothic", "Hiragino Sans", "Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic", sans-serif;--hp-page:#dcdcdc;--hp-paper:#f3f3f3;--hp-white:#fff;--hp-booth:#767676;--hp-booth-edge:#6a6a6a;--hp-mark:#d9d9d9;--hp-ink:#222;--hp-ink-2:#474747;--hp-muted:#575757;--hp-rule:#bdbdbd;--hp-rule-soft:#d8d8d8;--hp-dock:#cbcbcb;--hp-amber:#fde68a;--hp-amber-ink:#713f12;--background:var(--hp-page);--foreground:var(--hp-ink);--popover:var(--hp-white);--popover-foreground:var(--hp-ink);--ring:var(--hp-ink);--radius:10px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--dock-h:3.25rem}html{-webkit-text-size-adjust:100%}body{color:var(--hp-ink);background:var(--hp-page);font-family:var(--stack-ui);margin:0;font-size:16.5px;font-weight:450;line-height:1.5}:lang(ko){word-break:keep-all;overflow-wrap:anywhere}:lang(ja){line-break:strict}:lang(de){-webkit-hyphens:auto;hyphens:auto}*{box-sizing:border-box}.hp-app *{min-width:0}:focus-visible{outline:3px solid var(--hp-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hp-cond{font-stretch:75%}.hp-app{padding:0 0 calc(var(--dock-h) + 1.25rem + var(--safe-b));min-height:100dvh;overflow-x:clip}.hp-shell{max-width:46rem;margin:0 auto;padding:0 1rem}.hp-notice{background:var(--hp-amber);color:var(--hp-amber-ink);border-bottom:1px solid #e9c95c;margin:0;padding:.55rem 1rem;font-size:.88rem;line-height:1.4}.hp-masthead{padding:1rem 0 .25rem}.hp-masthead-row{align-items:center;gap:.7rem;display:flex}.hp-mark-wrap{flex:none;display:inline-flex}.hp-mark{width:2.9rem;height:2.9rem;display:block}.hp-brand{flex:1}.hp-masthead h1{letter-spacing:-.015em;white-space:nowrap;margin:0;font-size:2.55rem;font-weight:700;font-stretch:75%;line-height:.95}:lang(ko) .hp-masthead h1,:lang(ja) .hp-masthead h1{letter-spacing:-.03em;font-size:1.95rem}.hp-subtitle{color:var(--hp-ink-2);margin:.2rem 0 0;font-size:.97rem;font-weight:550}.hp-tagline{color:var(--hp-ink-2);max-width:40rem;margin:.7rem 0 0}.hp-lang select{appearance:none;border:1.5px solid var(--hp-ink);background:var(--hp-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E") no-repeat right .75rem center;height:2.75rem;font:inherit;color:var(--hp-ink);border-radius:8px;padding:0 2rem 0 .8rem;font-size:.9rem;font-weight:600}@media (width<=420px){.hp-masthead-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:.6rem;display:grid}.hp-brand{display:contents}.hp-masthead h1{grid-area:1/2;font-size:2.25rem}.hp-subtitle{grid-area:2/1/auto/-1;margin-top:.45rem}:lang(ja) .hp-masthead h1{font-size:1.5rem}:lang(ko) .hp-masthead h1{font-size:1.75rem}.hp-mark{width:2.5rem;height:2.5rem}}.hp-main{gap:1.2rem;padding-top:1rem;display:grid}.hp-booth-col{align-content:start;gap:.6rem;display:grid}.hp-desk-col{background:var(--hp-paper);border:1px solid var(--hp-rule-soft);border-radius:var(--radius);align-content:start;gap:0;display:grid}.hp-desk-col>*{padding:1.05rem 1rem}.hp-desk-col>*+*{border-top:1px solid var(--hp-rule-soft)}.hp-h2{letter-spacing:-.005em;margin:0;font-size:1.22rem;font-weight:650;line-height:1.2}.hp-h3{margin:0;font-size:1rem;font-weight:650}.hp-hint{color:var(--hp-muted);margin:0;font-size:.88rem}.hp-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hp-panel{gap:.8rem;display:grid}.hp-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.hp-empty-line{color:var(--hp-muted);margin:0}.hp-count{color:var(--hp-muted);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:600;font-stretch:75%}.hp-viewer{gap:.6rem;display:grid}.hp-fileline{flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin:0;display:flex}.hp-filename{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:650;overflow:hidden}.hp-filesize{color:var(--hp-muted);font-variant-numeric:tabular-nums;font-weight:600;font-stretch:75%}.hp-fileline .hp-btn{margin-left:auto}.hp-stage{background:var(--hp-booth);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;box-shadow:inset 0 0 0 1px var(--hp-booth-edge);border-radius:0;margin:0 -1rem;position:relative;overflow:hidden}.hp-stage:not(.hp-stage-ready){touch-action:auto}.hp-stage-ready{cursor:crosshair}.hp-stage:focus-visible{outline-offset:-3px;outline-color:#fff}.hp-stage-drop{box-shadow:inset 0 0 0 3px #fff}.hp-crop{pointer-events:none;z-index:3;width:14px;height:14px;position:absolute}.hp-crop:before,.hp-crop:after{content:"";background:var(--hp-mark);position:absolute}.hp-crop:before{width:14px;height:1.5px}.hp-crop:after{width:1.5px;height:14px}.hp-crop-tl{top:8px;left:8px}.hp-crop-tr{top:8px;right:8px}.hp-crop-tr:before,.hp-crop-tr:after{right:0}.hp-crop-bl{bottom:8px;left:8px}.hp-crop-bl:before,.hp-crop-bl:after{bottom:0}.hp-crop-br{bottom:8px;right:8px}.hp-crop-br:before,.hp-crop-br:after{bottom:0;right:0}.hp-pic{pointer-events:none;max-width:none;display:block;position:absolute}.hp-video{object-fit:fill;background:0 0}canvas.hp-pic[data-pixelated="1"]{image-rendering:pixelated;image-rendering:crisp-edges}.hp-host{pointer-events:none;position:absolute;inset:0}.hp-cross{z-index:4;pointer-events:none;position:absolute}.hp-cross:not(.hp-cross-px){border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;box-shadow:0 0 0 1px #222,inset 0 0 0 1px #222}.hp-cross-px{outline:2px solid #fff;box-shadow:0 0 0 3px #222}.hp-loupe{z-index:70;pointer-events:none;background:#fff;border-radius:8px;padding:5px 15px 0;position:fixed;box-shadow:0 0 0 1px #222,0 8px 22px #00000059}.hp-loupe-grid{background:repeating-conic-gradient(#bdbdbd 0 25%, #e9e9e9 0 50%) 0 0 / 18px 18px;position:relative}.hp-loupe-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;inset:0}.hp-loupe-centre{position:absolute;box-shadow:0 0 0 1.5px #fff,0 0 0 3px #222}.hp-loupe-hex{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em;height:25px;font-size:1rem;font-weight:650;font-stretch:75%;line-height:25px;display:block}.hp-empty{z-index:5;text-align:center;color:#fff;background:var(--hp-booth);place-content:center;justify-items:center;gap:.6rem;margin:0;padding:1.5rem 1.25rem;display:grid;position:absolute;inset:0}.hp-empty-title{margin:0;font-size:1.3rem;font-weight:650}.hp-empty-text{color:#f2f2f2;max-width:26rem;margin:0}.hp-empty-small{color:#ececec;max-width:28rem;margin:0;font-size:.82rem}.hp-busy{font-weight:600}.hp-error p{max-width:30rem;margin:0;font-weight:550}.hp-drop-label{z-index:7;text-align:center;color:#fff;margin:0;font-weight:650;position:absolute;inset:auto 0 1rem}.hp-transport{gap:.35rem;display:grid}.hp-timecode-row{flex-wrap:wrap;align-items:baseline;gap:.2rem .9rem;display:flex}.hp-timecode{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:2.1rem;font-weight:650;font-stretch:75%;line-height:1}.hp-frame-no{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:650;font-stretch:75%}.hp-fps{color:var(--hp-muted);flex-basis:100%;font-size:.85rem}.hp-scrub{width:100%;height:2.75rem;accent-color:var(--hp-ink);touch-action:pan-y;margin:0}.hp-controls{justify-content:center;gap:.75rem;display:flex}.hp-icon{border:1.5px solid var(--hp-ink);background:var(--hp-white);width:3.25rem;height:3.25rem;color:var(--hp-ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:relative}.hp-icon svg{width:1.35rem;height:1.35rem}.hp-icon-main{background:var(--hp-ink);color:#fff;width:4.25rem}.hp-icon-sub{font-size:.68rem;font-weight:700;font-stretch:75%;position:absolute;bottom:2px;right:5px}.hp-icon-sm{width:2.75rem;height:2.75rem}.hp-icon:disabled{opacity:.4;cursor:default}.hp-zoom{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hp-zoom-level{text-align:center;font-variant-numeric:tabular-nums;min-width:3.4rem;font-size:1.1rem;font-weight:650;font-stretch:75%}.hp-pick-hint{flex-basis:100%}.hp-privacy-line{font-size:.82rem}@media (hover:none){.hp-keys-hint{display:none}}.hp-btn{border:1.5px solid var(--hp-ink);background:var(--hp-white);min-height:2.75rem;color:var(--hp-ink);font:inherit;cursor:pointer;text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:0 1rem;font-size:.95rem;font-weight:600;line-height:1.2;display:inline-flex}.hp-btn svg{flex:none;width:1.1rem;height:1.1rem}.hp-btn:disabled{opacity:.45;cursor:default}.hp-btn-sm{min-height:2.75rem;padding:0 .8rem;font-size:.9rem}.hp-btn-ink{background:var(--hp-ink);color:#fff}.hp-btn-quiet{border-color:var(--hp-rule);background:0 0}.hp-btn-danger{background:var(--hp-white);color:#8a1c12;border-color:#8a1c12}.hp-btn-wide{min-width:9rem}.hp-empty .hp-btn-ink{color:var(--hp-ink);background:#fff;border-color:#fff}.hp-link{min-height:2.75rem;color:var(--hp-ink);font:inherit;cursor:pointer;background:0 0;border:0;padding:.6rem 0;text-decoration:underline}.hp-select{color:var(--hp-ink-2);align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.hp-select select{border:1.5px solid var(--hp-ink);background:var(--hp-white);height:2.75rem;font:inherit;border-radius:8px;padding:0 .6rem;font-weight:600}.hp-chip{background:var(--hp-white);width:100%;color:var(--hp-ink);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:5px;grid-template-rows:auto auto;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c4c4c4,0 1.5px #b5b5b5}.hp-chip-color{aspect-ratio:5/4;display:block}.hp-chip-label{font-variant-numeric:tabular-nums;letter-spacing:.02em;padding:.3rem .5rem 0;font-size:.98rem;font-weight:650;font-stretch:75%}.hp-chip-sub{color:var(--hp-muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;padding:0 .5rem .35rem;font-size:.74rem;font-stretch:75%;overflow:hidden}.hp-chip-file{color:var(--hp-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:-.3rem;padding:0 .5rem .4rem;font-size:.7rem;overflow:hidden}.hp-chip-lg{cursor:default;flex:none;width:7.5rem}.hp-chip-lg .hp-chip-label{padding-bottom:.4rem;font-size:1.05rem}.hp-book{grid-template-columns:repeat(auto-fill,minmax(6.1rem,1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.hp-book-item{position:relative}.hp-chip-x{cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:flex-start;width:2.75rem;height:2.75rem;padding:.15rem;display:inline-flex;position:absolute;top:.2rem;right:.2rem}.hp-chip-x svg{width:1.45rem;height:1.45rem;color:var(--hp-ink);background:#ffffffeb;border-radius:4px;padding:.2rem;box-shadow:0 0 0 1px #222}.hp-strip{scrollbar-width:thin;grid-auto-columns:5.6rem;grid-auto-flow:column;gap:.6rem;margin:0 -1rem;padding:.15rem 1rem .4rem;list-style:none;display:grid;overflow-x:auto}.hp-picked-head{align-items:flex-start;gap:.9rem;display:flex}.hp-picked-meta{gap:.15rem;padding-top:.15rem;display:grid}.hp-picked-meta p{margin:0}.hp-picked-name{font-size:1.05rem;font-weight:650}.hp-picked-source{color:var(--hp-ink-2);overflow-wrap:anywhere;font-size:.9rem}.hp-picked-frame{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;font-stretch:75%}.hp-picked-px{color:var(--hp-muted);font-variant-numeric:tabular-nums;font-size:.82rem;font-stretch:75%}.hp-values{border-top:1px solid var(--hp-rule-soft);margin:0;padding:0;list-style:none}.hp-values li{border-bottom:1px solid var(--hp-rule-soft)}.hp-value{width:100%;min-height:2.9rem;color:var(--hp-ink);font:inherit;text-align:left;cursor:copy;background:0 0;border:0;align-items:center;gap:.6rem;padding:.3rem .2rem;display:flex}.hp-value:hover{background:#e9e9e9}.hp-value-k{width:3.6rem;color:var(--hp-muted);letter-spacing:.04em;flex:none;font-size:.78rem;font-weight:650}.hp-value-v{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex:1;font-size:1.12rem;font-weight:650;font-stretch:75%}.hp-value svg{width:1.05rem;height:1.05rem;color:var(--hp-muted);flex:none}.hp-contrast{gap:.5rem;display:grid}.hp-contrast-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.hp-contrast-row{grid-template-columns:3rem minmax(0,1fr) auto auto;align-items:center;gap:.6rem;display:grid}.hp-contrast-sample{border-radius:5px;justify-content:center;align-items:center;height:2.4rem;font-size:1.15rem;font-weight:700;display:inline-flex;box-shadow:0 0 0 1px #c4c4c4}.hp-contrast-label{font-size:.92rem}.hp-contrast-ratio{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:650;font-stretch:75%}.hp-badge{white-space:nowrap;border-radius:4px;align-items:center;min-height:1.7rem;padding:0 .5rem;font-size:.78rem;font-weight:700;display:inline-flex}.hp-badge-AAA,.hp-badge-AA{background:var(--hp-ink);color:#fff}.hp-badge-AA18{box-shadow:inset 0 0 0 1.5px var(--hp-ink)}.hp-badge-fail{color:var(--hp-muted);box-shadow:inset 0 0 0 1px var(--hp-rule);text-decoration:line-through}.hp-note p{color:var(--hp-ink-2);margin:.3rem 0 0;font-size:.9rem}.hp-alert{background:var(--hp-white);border:1.5px solid var(--hp-ink);border-radius:8px;gap:.55rem;margin:.6rem 0 0;padding:.75rem .9rem;display:grid}.hp-alert p{margin:0}.hp-alert-strong{border-width:2px 2px 2px 6px}.hp-alert-title{font-weight:700}.hp-footer{padding:1.6rem 0 .5rem}.hp-links{flex-wrap:wrap;gap:.2rem 1.2rem;margin:0;display:flex}.hp-links a{min-height:2.75rem;color:var(--hp-ink);align-items:center;font-weight:600;display:inline-flex}.hp-toast{left:50%;bottom:calc(var(--safe-b) + var(--dock-h) + .7rem);z-index:60;background:var(--hp-ink);color:#fff;overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:.75rem;width:max-content;max-width:min(30rem,100vw - 2rem);margin:0;padding:.55rem .6rem .55rem 1rem;font-weight:600;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}.hp-toast span{flex:1;min-width:0}.hp-toast-action{color:#fff;min-height:2.75rem;font:inherit;cursor:pointer;background:0 0;border:1.5px solid #fff;border-radius:6px;flex:none;padding:0 .8rem;font-weight:700}.hp-dialog{background:var(--hp-white);border-top:3px solid var(--hp-ink);font-size:1rem;box-shadow:0 -6px 30px #0000004d}.hp-dialog-head{border-bottom:1px solid var(--hp-rule-soft);align-items:center;gap:.5rem;padding:.5rem .5rem .45rem 1rem;display:flex}.hp-dialog-title{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:1.2rem;font-weight:650;line-height:1.2}.hp-dialog-x{width:2.9rem;height:2.9rem;color:var(--hp-ink);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.hp-dialog-x svg{width:1.4rem;height:1.4rem}.hp-dialog-body{overscroll-behavior:contain;flex:auto;align-content:start;gap:.85rem;min-height:0;padding:.9rem 1rem 1.1rem;display:grid;overflow-y:auto}.hp-dialog-body>p,.hp-dialog-body .hp-alert{margin:0}.hp-dialog-foot{padding:.65rem 1rem calc(.65rem + var(--safe-b));border-top:1px solid var(--hp-rule-soft);background:var(--hp-paper);flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.hp-radios{border:0;gap:.3rem;margin:0;padding:0;display:grid}.hp-radios label{align-items:center;gap:.6rem;min-height:2.75rem;display:flex}.hp-radios input{width:1.25rem;height:1.25rem;accent-color:var(--hp-ink);flex:none}.hp-seg{flex-wrap:wrap;gap:.4rem;display:flex}.hp-seg button{border:1.5px solid var(--hp-rule);background:var(--hp-white);min-height:2.75rem;font:inherit;color:var(--hp-ink);cursor:pointer;border-radius:8px;padding:0 .8rem;font-size:.9rem;font-weight:600}.hp-seg button.hp-seg-on{border-color:var(--hp-ink);background:var(--hp-ink);color:#fff}.hp-code{background:var(--hp-paper);border:1px solid var(--hp-rule-soft);white-space:pre;-webkit-user-select:text;user-select:text;border-radius:6px;max-height:40dvh;margin:0;padding:.75rem;font-size:.85rem;font-weight:550;font-stretch:75%;line-height:1.45;overflow:auto}.hp-png-wrap{background:var(--hp-paper);border-radius:6px;min-height:6rem;padding:.5rem;overflow:auto}.hp-png{max-width:100%;height:auto;display:block}.hp-fab-dock{z-index:39;height:calc(var(--dock-h) + var(--safe-b));background:var(--hp-dock);border-top:1px solid var(--hp-rule);position:fixed;bottom:0;left:0;right:0}.td-fb-root a.td-fb-btn,.td-fb-root a.td-fb-btn:hover,.td-fb-root a.td-fb-btn:visited{right:16px!important;bottom:calc(var(--safe-b) + (var(--dock-h) - 2.5rem) / 2)!important}@media (width>=1024px){.hp-app{padding-bottom:calc(2rem + var(--safe-b))}.hp-shell{max-width:min(80rem,100vw - 23rem)}.hp-stage{border-radius:6px;margin:0}.hp-fab-dock{display:none}.hp-toast{bottom:calc(1rem + var(--safe-b))}.td-fb-root a.td-fb-btn,.td-fb-root a.td-fb-btn:hover,.td-fb-root a.td-fb-btn:visited{bottom:calc(16px + var(--safe-b))!important}}@media (width>=1180px){.hp-main{grid-template-columns:minmax(0,1.5fr) minmax(21rem,1fr);align-items:start;gap:1.5rem}.hp-booth-col{position:sticky;top:1rem}}html.hp-dialog-open .td-fb-root{display:none!important}.hp-scope{color:var(--hp-ink-2);margin:1rem 0 0;font-size:.9rem}html.hp-dialog-open .hp-toast{top:calc(.75rem + var(--safe-t));bottom:auto}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}