:root{--sl-fs-xs:var(--hyperion-fs-xs);--sl-fs-sm:var(--hyperion-fs-sm);--sl-fs-xl:var(--hyperion-fs-xl)}.hyperion-studio,.hyperion-studio-chip,.hyperion-cpick,.hyperion-fab{--hyperion-space-2xs:2px;--hyperion-space-xs:5px;--hyperion-space-sm:8px;--hyperion-space-md:12px;--hyperion-space-lg:16px;--hyperion-space-xl:22px;--hyperion-space-2xl:28px;--hyperion-space-3xl:38px;--hyperion-fs-xs:11px;--hyperion-fs-sm:12.5px;--hyperion-fs-md:13px;--hyperion-fs-lg:15px;--hyperion-fs-xl:18px;--hyperion-fs-2xl:22px;--hyperion-size-xs:14px;--hyperion-size-sm:26px;--hyperion-size-md:32px;--hyperion-size-lg:38px;--hyperion-size-xl:46px;--hyperion-size-2xl:56px;--hyperion-size-3xl:88px;--hyperion-control-h:30px;--hyperion-input-padding-y:5px;--hyperion-btn-padding-sm:5px 10px;--hyperion-btn-padding-md:7px 13px;--hyperion-btn-padding-lg:9px 16px;--hyperion-transition:var(--hyperion-duration) var(--hyperion-ease);font-family:var(--hyperion-font-sans);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45}.hyperion-studio :is(h1,h2,h3,h4,p,figure,dl,dd){margin:0}.hyperion-studio :is(ul,ol){margin:0;padding:0;list-style:none}.hyperion-fab{--hyperion-fab-orbit:calc(var(--hyperion-size-3xl) + var(--hyperion-space-sm));--hyperion-fab-cell:var(--hyperion-size-2xl);--hyperion-fab-lift:var(--hyperion-space-xs);--hyperion-fab-pop:cubic-bezier(.34, 1.4, .5, 1);right:calc(var(--hyperion-space-xl) + env(safe-area-inset-right,0px));bottom:calc(var(--hyperion-space-xl) + env(safe-area-inset-bottom,0px));z-index:var(--hyperion-z-bottom-bar);width:var(--hyperion-size-xl);height:var(--hyperion-size-xl);position:fixed}.hyperion-fab__scrim{pointer-events:none;opacity:0;background:radial-gradient(circle calc(var(--hyperion-fab-orbit) * 3) at bottom right, var(--hyperion-color-black-70) 0%, var(--hyperion-color-black-30) 48%, transparent 100%);transition:opacity var(--hyperion-duration-lg) var(--hyperion-ease);position:fixed;inset:0}.hyperion-fab--open .hyperion-fab__scrim{opacity:1}.hyperion-fab__orbit{pointer-events:none;position:absolute;inset:0}.hyperion-fab__action{margin:calc(var(--hyperion-fab-cell) / -2) 0 0 calc(var(--hyperion-fab-cell) / -2);justify-content:center;align-items:center;gap:var(--hyperion-space-2xs);width:var(--hyperion-fab-cell);height:var(--hyperion-fab-cell);padding:0 var(--hyperion-space-2xs);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface);-webkit-backdrop-filter:var(--hyperion-blur-lg) saturate(1.4);box-shadow:var(--hyperion-shadow-md);color:var(--hyperion-color-text-subtle);cursor:pointer;pointer-events:none;opacity:0;transform:rotate(var(--hyperion-fab-angle)) translate(0) rotate(calc(-1 * var(--hyperion-fab-angle))) scale(.4);transition:transform var(--hyperion-duration-lg) var(--hyperion-fab-pop), opacity var(--hyperion-transition), background var(--hyperion-transition), border-color var(--hyperion-transition), box-shadow var(--hyperion-transition), color var(--hyperion-transition);flex-direction:column;display:inline-flex;position:absolute;top:50%;left:50%}.hyperion-fab--open .hyperion-fab__action{pointer-events:auto;opacity:1;transform:rotate(var(--hyperion-fab-angle)) translate(var(--hyperion-fab-orbit)) rotate(calc(-1 * var(--hyperion-fab-angle))) scale(1);transition-delay:calc(var(--hyperion-fab-index,0) * 45ms)}.hyperion-fab--open .hyperion-fab__action:hover,.hyperion-fab--open .hyperion-fab__action:focus-visible{border-color:var(--hyperion-color-primary);background:var(--hyperion-color-primary);box-shadow:var(--hyperion-shadow-lg);color:var(--hyperion-color-on-primary);transform:rotate(var(--hyperion-fab-angle)) translate(calc(var(--hyperion-fab-orbit) + var(--hyperion-fab-lift))) rotate(calc(-1 * var(--hyperion-fab-angle))) scale(1);outline:none;transition-delay:0s}.hyperion-fab--open .hyperion-fab__action:focus-visible{box-shadow:var(--hyperion-focus-ring), var(--hyperion-shadow-lg)}.hyperion-fab--open .hyperion-fab__action:active{transform:rotate(var(--hyperion-fab-angle)) translate(var(--hyperion-fab-orbit)) rotate(calc(-1 * var(--hyperion-fab-angle))) scale(.98)}.hyperion-fab__action--busy{cursor:progress}.hyperion-fab--open .hyperion-fab__action--busy{border-color:var(--hyperion-color-primary-45);color:var(--hyperion-color-primary)}.hyperion-fab__action-icon{font-size:var(--hyperion-fs-xl);transition:transform var(--hyperion-duration-lg) var(--hyperion-fab-pop);justify-content:center;align-items:center;line-height:1;display:inline-flex}.hyperion-fab--open .hyperion-fab__action:hover .hyperion-fab__action-icon,.hyperion-fab--open .hyperion-fab__action:focus-visible .hyperion-fab__action-icon{transform:translateY(-1px)}.hyperion-fab__action-text{max-width:100%;font-size:var(--hyperion-fs-xs);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.hyperion-fab__trigger{border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-primary);width:100%;height:100%;box-shadow:var(--hyperion-shadow-lg);color:var(--hyperion-color-on-primary);font-size:var(--hyperion-fs-xl);cursor:pointer;transition:background var(--hyperion-transition), box-shadow var(--hyperion-duration-lg) var(--hyperion-ease), transform var(--hyperion-duration-lg) var(--hyperion-fab-pop), color var(--hyperion-transition);border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset:0}.hyperion-fab__trigger:hover{background:var(--hyperion-color-primary-hover);transform:translateY(-1px)}.hyperion-fab__trigger:focus-visible{box-shadow:var(--hyperion-focus-ring), var(--hyperion-shadow-lg);outline:none}.hyperion-fab__trigger:active{transform:scale(.94)}.hyperion-fab--open .hyperion-fab__trigger{background:var(--hyperion-color-surface);-webkit-backdrop-filter:var(--hyperion-blur-lg) saturate(1.4);box-shadow:inset 0 0 0 1px var(--hyperion-color-border), var(--hyperion-shadow-md);color:var(--hyperion-color-text)}.hyperion-fab--open .hyperion-fab__trigger:hover{background:var(--hyperion-color-primary);color:var(--hyperion-color-on-primary)}.hyperion-fab--open .hyperion-fab__trigger:focus-visible{box-shadow:inset 0 0 0 1px var(--hyperion-color-border), var(--hyperion-focus-ring), var(--hyperion-shadow-md)}.hyperion-fab__glyph{width:1em;height:1em;display:block;position:relative}.hyperion-fab__glyph-icon{width:1em;height:1em;transition:opacity var(--hyperion-transition), transform var(--hyperion-duration-lg) var(--hyperion-ease);position:absolute;inset:0}.hyperion-fab__glyph-icon--active,.hyperion-fab--open .hyperion-fab__glyph-icon--idle{opacity:0;transform:rotate(-90deg)scale(.6)}.hyperion-fab__glyph-icon--idle,.hyperion-fab--open .hyperion-fab__glyph-icon--active{opacity:1;transform:rotate(0)scale(1)}@media (max-width:800px){.hyperion-fab{bottom:calc(var(--hyperion-bottom-bar-height) + var(--hyperion-space-sm) + env(safe-area-inset-bottom,0px))}}@keyframes hyperion-studio-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes hyperion-studio-in-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes hyperion-studio-in-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.hyperion-studio{z-index:calc(var(--hyperion-z-toast) - 2);--hyperion-studio-w:clamp(340px, 31vw, 520px);width:min(var(--hyperion-studio-w), 100vw);width:min(var(--hyperion-studio-w), 100dvw);border-left:1px solid var(--hyperion-color-border-strong);background:var(--hyperion-color-surface-modal);max-width:100dvw;-webkit-backdrop-filter:var(--hyperion-blur-lg);backdrop-filter:var(--hyperion-blur-lg);box-shadow:var(--hyperion-shadow-lg);animation:hyperion-studio-in-right var(--hyperion-duration-lg) var(--hyperion-ease) both;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"head""tabs""body""foot";display:grid;position:fixed;top:0;bottom:0;right:0;container:studio/inline-size}.hyperion-studio:focus-visible{outline:none}.hyperion-studio--left{border-left:0;border-right:1px solid var(--hyperion-color-border-strong);animation-name:hyperion-studio-in-left;left:0;right:auto}.hyperion-studio--wide{--hyperion-studio-w:clamp(520px, 54vw, 880px)}.hyperion-studio--resizing{cursor:ew-resize;transition:none;animation:none}.hyperion-studio--resizing *{-webkit-user-select:none;user-select:none}.hyperion-studio--collapsed{transition:transform var(--hyperion-duration-lg) var(--hyperion-ease);animation:none;transform:translate(100%)}.hyperion-studio--left.hyperion-studio--collapsed{transform:translate(-100%)}.hyperion-studio-chip{top:var(--hyperion-studio-chip-top,50%);z-index:calc(var(--hyperion-z-toast) - 2);align-items:center;gap:var(--hyperion-space-2xs);padding:var(--hyperion-space-sm) var(--hyperion-space-xs);border:1px solid var(--hyperion-color-border-strong);border-radius:var(--hyperion-radius-md) 0 0 var(--hyperion-radius-md);background:var(--hyperion-color-surface);-webkit-backdrop-filter:var(--hyperion-blur-lg) saturate(1.4);box-shadow:var(--hyperion-shadow-md);color:var(--hyperion-color-text-subtle);cursor:pointer;transition:background var(--hyperion-transition), border-color var(--hyperion-transition), color var(--hyperion-transition);border-right:0;flex-direction:column;display:flex;position:fixed;right:0;transform:translateY(-50%)}.hyperion-studio-chip--left{border-right:1px solid var(--hyperion-color-border-strong);border-radius:0 var(--hyperion-radius-md) var(--hyperion-radius-md) 0;border-left:0;left:0;right:auto}.hyperion-studio-chip--offset{--hyperion-studio-chip-top:calc(50% - 52px)}.hyperion-studio-chip--dirty{border-color:var(--hyperion-color-primary-45);color:var(--hyperion-color-text)}.hyperion-studio-chip:hover,.hyperion-studio-chip:focus-visible{border-color:var(--hyperion-color-primary);background:var(--hyperion-color-primary);color:var(--hyperion-color-on-primary);outline:none}.hyperion-studio-chip:focus-visible{box-shadow:var(--hyperion-focus-ring)}.hyperion-studio-chip__count{border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-primary);min-width:16px;color:var(--hyperion-color-on-primary);font-size:var(--hyperion-fs-xs);font-variant-numeric:tabular-nums;text-align:center;transition:background var(--hyperion-transition), color var(--hyperion-transition);padding:0 4px;line-height:15px}.hyperion-studio-chip:hover .hyperion-studio-chip__count,.hyperion-studio-chip:focus-visible .hyperion-studio-chip__count{background:var(--hyperion-color-on-primary);color:var(--hyperion-color-primary)}.hyperion-studio :is(button,input,select,[role=separator]):focus-visible{outline:2px solid var(--hyperion-color-primary-45);outline-offset:1px}.hyperion-studio__resize{z-index:3;cursor:ew-resize;touch-action:none;background:0 0;border:0;width:10px;padding:0;position:absolute;top:0;bottom:0;left:-4px}.hyperion-studio--left .hyperion-studio__resize{left:auto;right:-4px}.hyperion-studio__resize:after{content:"";border-radius:var(--hyperion-radius-pill);width:3px;transition:background var(--hyperion-transition);background:0 0;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.hyperion-studio__resize:hover:after,.hyperion-studio__resize:focus-visible:after,.hyperion-studio--resizing .hyperion-studio__resize:after{background:var(--hyperion-color-primary-45)}.hyperion-studio__grab{display:none}.hyperion-studio__head{align-items:center;gap:var(--hyperion-space-sm);min-width:0;padding:var(--hyperion-space-sm) var(--hyperion-space-md);background:var(--hyperion-color-surface);grid-area:head;display:flex;position:relative}.hyperion-studio__find{min-width:0;color:var(--hyperion-color-text);font-family:inherit;font-size:var(--hyperion-fs-md);letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:auto;padding:0;font-weight:500}.hyperion-studio__find::placeholder{color:var(--hyperion-color-text-subtle);font-weight:400}.hyperion-studio__glyph{width:var(--hyperion-size-md);height:var(--hyperion-size-md);border:1px solid var(--hyperion-color-primary-45);border-radius:var(--hyperion-radius-sm);background:linear-gradient(135deg, var(--hyperion-color-primary-15), transparent 70%);color:var(--hyperion-color-primary);flex:none;justify-content:center;align-items:center;display:inline-flex}.hyperion-studio__title{min-width:0;color:var(--hyperion-color-text);font-size:var(--hyperion-fs-md);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.15;overflow:hidden}.hyperion-studio__tools{flex:none;align-items:center;gap:2px;margin-left:auto;display:inline-flex}.hyperion-studio__icon{width:var(--hyperion-size-md);height:var(--hyperion-size-md);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-2);color:var(--hyperion-color-text-muted);cursor:pointer;transition:border-color var(--hyperion-transition), color var(--hyperion-transition), background var(--hyperion-transition);justify-content:center;align-items:center;display:inline-flex}.hyperion-studio__icon:hover:not(:disabled){border-color:var(--hyperion-color-primary-45);background:var(--hyperion-color-surface-2-hover);color:var(--hyperion-color-primary)}.hyperion-studio__icon:disabled{opacity:.4;cursor:not-allowed}.hyperion-studio__icon--on{border-color:var(--hyperion-color-primary-45);background:var(--hyperion-color-primary-15);color:var(--hyperion-color-primary)}.hyperion-studio__wrap{display:inline-flex;position:relative}.hyperion-studio__scrim{z-index:30;cursor:default;background:0 0;border:0;position:fixed;inset:0}.hyperion-studio__menu{top:calc(100% + var(--hyperion-space-2xs));z-index:31;min-width:208px;padding:var(--hyperion-space-2xs);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface-modal);box-shadow:var(--hyperion-shadow-lg);flex-direction:column;display:flex;position:absolute;right:0}.hyperion-studio__item{align-items:center;gap:var(--hyperion-space-xs);padding:var(--hyperion-space-2xs) var(--hyperion-space-xs);border-radius:var(--hyperion-radius-sm);color:var(--hyperion-color-text);font:inherit;font-size:var(--hyperion-fs-sm);text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--hyperion-transition), color var(--hyperion-transition);background:0 0;border:0;display:flex}.hyperion-studio__item>svg{color:var(--hyperion-color-text-subtle);flex:none}.hyperion-studio__item:hover:not(:disabled){background:var(--hyperion-color-surface-2-hover)}.hyperion-studio__item:hover:not(:disabled)>svg{color:var(--hyperion-color-primary)}.hyperion-studio__item:disabled{opacity:.4;cursor:not-allowed}.hyperion-studio__item--on,.hyperion-studio__item--on>svg{color:var(--hyperion-color-primary)}.hyperion-studio__item--danger:hover:not(:disabled),.hyperion-studio__item--danger:hover:not(:disabled)>svg{color:var(--hyperion-color-danger)}.hyperion-studio__sep{height:1px;margin:var(--hyperion-space-2xs) 0;background:var(--hyperion-color-border)}.hyperion-studio__tabs{padding:6px var(--hyperion-space-sm);border-bottom:1px solid var(--hyperion-color-border);background:var(--hyperion-color-surface);scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:var(--hyperion-space-sm);grid-area:tabs;align-items:center;gap:2px;display:flex;overflow-x:auto}.hyperion-studio__tabs::-webkit-scrollbar{display:none}.hyperion-studio__tab{justify-content:center;align-items:center;gap:var(--hyperion-space-xs);min-width:0;padding:var(--hyperion-space-xs);border-radius:var(--hyperion-radius-sm);color:var(--hyperion-color-text-muted);scroll-snap-align:center;cursor:pointer;transition:box-shadow var(--hyperion-transition), background var(--hyperion-transition), color var(--hyperion-transition);background:0 0;border:0;flex:0 auto;display:inline-flex}.hyperion-studio__tab:hover:not(.hyperion-studio__tab--active){background:var(--hyperion-color-surface-3);color:var(--hyperion-color-text)}.hyperion-studio__tab--active{background:var(--hyperion-color-primary-15);box-shadow:inset 0 0 0 1px var(--hyperion-color-primary-45);color:var(--hyperion-color-primary)}.hyperion-studio__tabtext{font-size:var(--hyperion-fs-xs);letter-spacing:-.01em;white-space:nowrap;font-weight:600;line-height:1.2}@container studio (max-width:400px){.hyperion-studio__tab{flex:none}.hyperion-studio__tab:not(.hyperion-studio__tab--active) .hyperion-studio__tabtext{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.hyperion-studio__body{gap:var(--hyperion-space-md);padding:var(--hyperion-space-md);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hyperion-color-border-strong) transparent;flex-direction:column;grid-area:body;display:flex;overflow-y:auto}.hyperion-studio__body::-webkit-scrollbar{width:8px}.hyperion-studio__body::-webkit-scrollbar-thumb{border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-border-strong);background-clip:padding-box;border:2px solid #0000}.hyperion-studio__foot{justify-content:flex-end;align-items:center;gap:var(--hyperion-space-sm);padding:10px var(--hyperion-space-md);border-top:1px solid var(--hyperion-color-border);background:var(--hyperion-color-surface);flex-wrap:wrap;grid-area:foot;display:flex}.hyperion-studio__foot .hyperion-btn{white-space:nowrap}.hyperion-studio__stamp{min-width:0;color:var(--hyperion-color-text-subtle);font-size:var(--hyperion-fs-xs);text-overflow:ellipsis;white-space:nowrap;flex:90px;line-height:1.3;overflow:hidden}.hyperion-studio__stamp--dirty{color:var(--hyperion-color-warning);font-weight:600}.hyperion-studio-section{gap:var(--hyperion-space-sm);flex-direction:column;display:flex}.hyperion-studio-section+.hyperion-studio-section{padding-top:var(--hyperion-space-md);border-top:1px solid var(--hyperion-color-border)}.hyperion-studio-section__head{flex-direction:column;gap:3px;display:flex}.hyperion-studio-section__title{color:var(--hyperion-color-text);font-size:var(--hyperion-fs-md);letter-spacing:-.01em;font-weight:600;line-height:1.25}.hyperion-studio-section__hint{color:var(--hyperion-color-text-subtle);font-size:var(--hyperion-fs-xs);text-wrap:pretty;line-height:1.45}.hyperion-studio-section__body,.hyperion-studio-fold{gap:var(--hyperion-space-sm);flex-direction:column;display:flex}.hyperion-studio-section+.hyperion-studio-fold,.hyperion-studio-fold+.hyperion-studio-section{padding-top:var(--hyperion-space-md);border-top:1px solid var(--hyperion-color-border)}.hyperion-studio-fold__summary{align-items:center;gap:var(--hyperion-space-xs);color:var(--hyperion-color-text);cursor:pointer;font-size:var(--hyperion-fs-md);letter-spacing:-.01em;font-weight:600;list-style:none;display:flex}.hyperion-studio-fold__summary::-webkit-details-marker{display:none}.hyperion-studio-fold__summary:before{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid var(--hyperion-color-text-muted);content:"";width:0;height:0;transition:transform var(--hyperion-transition)}.hyperion-studio-fold[open]>.hyperion-studio-fold__summary:before{transform:rotate(90deg)}.hyperion-studio-fold__summary:hover{color:var(--hyperion-color-primary)}.hyperion-studio-fold__count{border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-gray-10);color:var(--hyperion-color-text-subtle);font-family:var(--hyperion-font-mono);font-size:var(--hyperion-fs-xs);margin-left:auto;padding:0 6px;font-weight:500}.hyperion-studio-options{gap:var(--hyperion-space-sm);grid-template-columns:repeat(auto-fill, minmax(var(--hyperion-opt-min,124px), 1fr));display:grid}.hyperion-studio-options--2{--hyperion-opt-min:164px}.hyperion-studio-options--3{--hyperion-opt-min:124px}.hyperion-studio-options--4{--hyperion-opt-min:94px}.hyperion-studio-option{gap:var(--hyperion-space-xs);padding:var(--hyperion-space-sm);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface-2);color:var(--hyperion-color-text-muted);text-align:left;cursor:pointer;transition:border-color var(--hyperion-transition), background var(--hyperion-transition), box-shadow var(--hyperion-transition), transform var(--hyperion-transition), color var(--hyperion-transition);flex-direction:column;display:flex}.hyperion-studio-option:hover{border-color:var(--hyperion-color-primary-45);background:var(--hyperion-color-surface-2-hover);color:var(--hyperion-color-text);box-shadow:var(--hyperion-shadow-sm);transform:translateY(-1px)}.hyperion-studio-option--active{border-color:var(--hyperion-color-primary);background:var(--hyperion-color-primary-15);color:var(--hyperion-color-primary);box-shadow:0 0 0 1px var(--hyperion-color-primary-45)}.hyperion-studio-option__preview{border-radius:var(--hyperion-radius-sm);display:block;overflow:hidden}.hyperion-studio-option__label{font-size:var(--hyperion-fs-xs);font-weight:600;line-height:1.2}.hyperion-studio-option__meta{color:var(--hyperion-color-text-subtle);font-family:var(--hyperion-font-mono);font-size:10px}.hyperion-studio-color{align-items:center;gap:var(--hyperion-space-sm);padding:var(--hyperion-space-xs) var(--hyperion-space-sm);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface-2);transition:border-color var(--hyperion-transition), background var(--hyperion-transition);display:flex}.hyperion-studio-color:focus-within{border-color:var(--hyperion-color-primary-45)}.hyperion-studio-color__swatch{width:var(--hyperion-size-sm);height:var(--hyperion-size-sm);border:1px solid var(--hyperion-color-border-strong);border-radius:var(--hyperion-radius-sm);cursor:pointer;transition:transform var(--hyperion-transition);flex:none;padding:0;position:relative;overflow:hidden}.hyperion-studio-color__swatch:hover{transform:scale(1.08)}.hyperion-studio-color__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.hyperion-studio-color__label{color:var(--hyperion-color-text);font-size:var(--hyperion-fs-xs);font-weight:600}.hyperion-studio-color__hex{width:100%;min-width:0;color:var(--hyperion-color-text-subtle);font-family:var(--hyperion-font-mono);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:10px;overflow:hidden}.hyperion-studio-color__hex:focus{color:var(--hyperion-color-text)}.hyperion-studio .hyperion-studio-color__hex:focus-visible{outline:none}.hyperion-studio-color__meta{align-items:center;gap:var(--hyperion-space-xs);flex:none;display:inline-flex}.hyperion-studio-reset,.hyperion-studio-mini{width:var(--hyperion-size-sm);height:var(--hyperion-size-sm);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-sm);color:var(--hyperion-color-text-subtle);cursor:pointer;transition:border-color var(--hyperion-transition), background var(--hyperion-transition), color var(--hyperion-transition);background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.hyperion-studio-reset:hover{border-color:var(--hyperion-color-danger);color:var(--hyperion-color-danger)}.hyperion-studio-mini:hover{border-color:var(--hyperion-color-primary-45);background:var(--hyperion-color-surface-2-hover);color:var(--hyperion-color-primary)}.hyperion-studio-slider{gap:var(--hyperion-space-xs);padding:var(--hyperion-space-xs) var(--hyperion-space-sm);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface-2);transition:border-color var(--hyperion-transition);flex-direction:column;display:flex}.hyperion-studio-slider--on{border-color:var(--hyperion-color-primary-45)}.hyperion-studio-slider__head{align-items:center;gap:var(--hyperion-space-sm);display:flex}.hyperion-studio-slider__label{min-width:0;color:var(--hyperion-color-text);font-size:var(--hyperion-fs-xs);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.hyperion-studio-slider__value{color:var(--hyperion-color-primary);font-family:var(--hyperion-font-mono);font-size:10px}.hyperion-stepper{border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-3);flex:none;align-items:center;gap:2px;padding:1px;display:inline-flex}.hyperion-stepper__btn{width:var(--hyperion-size-sm);height:var(--hyperion-size-sm);border-radius:var(--hyperion-radius-xs);color:var(--hyperion-color-text-muted);cursor:pointer;transition:background var(--hyperion-transition), color var(--hyperion-transition);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.hyperion-stepper__btn:hover:not(:disabled){background:var(--hyperion-color-surface-2-hover);color:var(--hyperion-color-text)}.hyperion-stepper__btn:disabled{opacity:.35;cursor:default}.hyperion-stepper__field{width:46px;color:var(--hyperion-color-text);font-family:var(--hyperion-font-mono);text-align:right;appearance:textfield;background:0 0;border:0;padding:0;font-size:11px}.hyperion-stepper__field::-webkit-outer-spin-button{appearance:none;margin:0}.hyperion-stepper__field::-webkit-inner-spin-button{appearance:none;margin:0}.hyperion-studio .hyperion-stepper__field:focus-visible{outline:none}.hyperion-stepper:focus-within{border-color:var(--hyperion-color-primary-45)}.hyperion-stepper__unit{color:var(--hyperion-color-text-subtle);font-family:var(--hyperion-font-mono);padding-right:4px;font-size:10px}.hyperion-range{appearance:none;border-radius:var(--hyperion-radius-pill);background:linear-gradient(90deg, var(--hyperion-color-primary) var(--hyperion-fill,50%), var(--hyperion-color-border-strong) var(--hyperion-fill,50%));cursor:pointer;width:100%;height:6px}.hyperion-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--hyperion-color-bg);border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-primary);width:16px;height:16px;box-shadow:var(--hyperion-shadow-sm);transition:transform var(--hyperion-transition)}.hyperion-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.hyperion-range::-moz-range-thumb{border:2px solid var(--hyperion-color-bg);border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-primary);width:16px;height:16px;box-shadow:var(--hyperion-shadow-sm);transition:transform var(--hyperion-transition)}.hyperion-range::-moz-range-thumb:hover{transform:scale(1.15)}@keyframes hyperion-cpick-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.hyperion-cpick{z-index:calc(var(--hyperion-z-toast) - 1);gap:var(--hyperion-space-sm);padding:var(--hyperion-space-sm);border:1px solid var(--hyperion-color-border-strong);border-radius:var(--hyperion-radius-lg);background:var(--hyperion-color-surface-modal);-webkit-backdrop-filter:var(--hyperion-blur-lg) saturate(1.4);box-shadow:var(--hyperion-shadow-lg);animation:hyperion-cpick-in var(--hyperion-duration) var(--hyperion-ease);transform-origin:top;flex-direction:column;display:flex;position:fixed}.hyperion-cpick__area{border-radius:var(--hyperion-radius-md);background:linear-gradient(to top, #000 0%, #0000 100%), linear-gradient(to right, #fff 0%, #fff0 100%), var(--hyperion-cpick-hue,red);cursor:crosshair;touch-action:none;height:136px;position:relative}.hyperion-cpick :is(button,input,[tabindex]):focus-visible{outline:2px solid var(--hyperion-color-primary-45);outline-offset:1px}.hyperion-cpick__dot{border-radius:var(--hyperion-radius-pill);width:14px;height:14px;box-shadow:0 0 0 1px #00000073, var(--hyperion-shadow-sm);pointer-events:none;border:2px solid #fff;margin:-7px 0 0 -7px;position:absolute}.hyperion-cpick__hue{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.hyperion-cpick__row{align-items:center;gap:var(--hyperion-space-xs);display:flex}.hyperion-cpick__preview{width:var(--hyperion-size-sm);height:var(--hyperion-size-sm);border:1px solid var(--hyperion-color-border-strong);border-radius:var(--hyperion-radius-sm);flex:none}.hyperion-cpick__hex{min-width:0;height:var(--hyperion-size-sm);padding:0 var(--hyperion-space-xs);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-2);color:var(--hyperion-color-text);font-family:var(--hyperion-font-mono);font-size:var(--hyperion-fs-xs);text-transform:uppercase;flex:1}.hyperion-cpick__hex:focus{border-color:var(--hyperion-color-primary-45)}.hyperion-cpick__group{gap:var(--hyperion-space-2xs);flex-direction:column;display:flex}.hyperion-cpick__caption{color:var(--hyperion-color-text-muted);font-size:var(--hyperion-fs-xs);letter-spacing:.02em;font-weight:600}.hyperion-cpick__ramp{gap:var(--hyperion-space-2xs);grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.hyperion-cpick__chip{border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-sm);cursor:pointer;height:18px;transition:transform var(--hyperion-transition), border-color var(--hyperion-transition);padding:0}.hyperion-cpick__chip:hover{border-color:var(--hyperion-color-border-strong);transform:scale(1.12)}.hyperion-cpick__chip--active{border-color:var(--hyperion-color-primary);box-shadow:0 0 0 1px var(--hyperion-color-primary)}.hyperion-studio-fonts{gap:var(--hyperion-space-sm);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.hyperion-studio-font{padding:var(--hyperion-space-sm) var(--hyperion-space-xs);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface-2);color:var(--hyperion-color-text-muted);cursor:pointer;transition:border-color var(--hyperion-transition), background var(--hyperion-transition), transform var(--hyperion-transition), color var(--hyperion-transition);flex-direction:column;align-items:center;gap:2px;display:flex}.hyperion-studio-font:hover{border-color:var(--hyperion-color-primary-45);background:var(--hyperion-color-surface-2-hover);color:var(--hyperion-color-text);transform:translateY(-1px)}.hyperion-studio-font--active{border-color:var(--hyperion-color-primary);background:var(--hyperion-color-primary-15);color:var(--hyperion-color-primary)}.hyperion-studio-font__glyph{font-size:var(--hyperion-fs-xl);line-height:1.1}.hyperion-studio-font__name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.hyperion-studio-typemock{padding:var(--hyperion-space-xs);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-3);color:var(--hyperion-color-text);flex-direction:column;gap:2px;line-height:1.1;display:flex}.hyperion-studio-specimen{gap:var(--hyperion-space-xs);padding:var(--hyperion-space-md);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface-3);flex-direction:column;display:flex}.hyperion-studio-specimen__title{color:var(--hyperion-color-text);font-size:var(--sl-fs-xl);font-weight:700;line-height:1.2}.hyperion-studio-specimen__body{color:var(--hyperion-color-text-muted);font-size:var(--sl-fs-sm);line-height:1.55}.hyperion-studio-specimen__mono{color:var(--hyperion-color-primary);font-size:var(--sl-fs-xs)}.hyperion-studio-mock{border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-3);width:100%;height:44px;display:block}.hyperion-studio-mock--rows{padding:var(--hyperion-space-xs);flex-direction:column;justify-content:center;display:flex}.hyperion-studio-mock__line{border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-border-strong);height:5px}.hyperion-studio-mock--box{border:1px solid var(--hyperion-color-border-strong);background:var(--hyperion-color-surface-2)}.hyperion-studio-mock--shell{gap:3px;padding:3px;display:flex;overflow:hidden}.hyperion-studio-mock__rail{border-radius:var(--hyperion-radius-xs);background:var(--hyperion-color-primary);height:100%}.hyperion-studio-mock__page{border-radius:var(--hyperion-radius-xs);background:var(--hyperion-color-border-strong);flex:1;height:100%}.hyperion-studio-mock--glass{background:linear-gradient(120deg, var(--hyperion-color-primary) 0%, var(--hyperion-color-violet) 55%, var(--hyperion-color-info) 100%);position:relative;overflow:hidden}.hyperion-studio-mock__glass{border:1px solid var(--hyperion-color-gray-30);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-black-20);position:absolute;inset:25% 15%}.hyperion-studio-asset{gap:var(--hyperion-space-sm);padding:var(--hyperion-space-md);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface-2);flex-direction:column;display:flex}.hyperion-studio-asset__head{flex-direction:column;gap:2px;display:flex}.hyperion-studio-asset__title{color:var(--hyperion-color-text);font-size:var(--hyperion-fs-sm);font-weight:600}.hyperion-studio-asset__hint{color:var(--hyperion-color-text-subtle);font-size:var(--hyperion-fs-xs);line-height:1.45}.hyperion-studio-asset__frame{min-height:72px;padding:var(--hyperion-space-sm);border:1px dashed var(--hyperion-color-border-strong);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-3);justify-content:center;align-items:center;display:flex}.hyperion-studio-asset__img{object-fit:contain;max-width:100%;max-height:96px}.hyperion-studio-asset__empty{align-items:center;gap:var(--hyperion-space-xs);color:var(--hyperion-color-text-subtle);font-size:var(--hyperion-fs-xs);display:inline-flex}.hyperion-studio-asset__empty svg{flex:none}.hyperion-studio-asset__actions{gap:var(--hyperion-space-xs);flex-wrap:wrap;display:flex}.hyperion-studio-asset__input{display:none}.hyperion-studio-tokens{gap:var(--hyperion-space-xs);flex-direction:column;display:flex}.hyperion-studio-row{gap:var(--hyperion-space-xs);flex-wrap:wrap;display:flex}.hyperion-studio-note{color:var(--hyperion-color-text-subtle);font-size:var(--hyperion-fs-xs);line-height:1.5}.hyperion-token{gap:var(--hyperion-space-xs);padding:var(--hyperion-space-sm);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface-2);transition:border-color var(--hyperion-transition);flex-direction:column;display:flex}.hyperion-token--custom{border-color:var(--hyperion-color-primary-45)}.hyperion-token__head{align-items:center;gap:var(--hyperion-space-sm);display:flex}.hyperion-token__label{min-width:0;color:var(--hyperion-color-text);font-size:var(--hyperion-fs-xs);flex:1;font-weight:600}.hyperion-token__control{align-items:center;gap:var(--hyperion-space-sm);display:flex}.hyperion-token__control--numeric{flex-wrap:wrap}.hyperion-token__swatch{width:var(--hyperion-size-sm);height:var(--hyperion-size-sm);border:1px solid var(--hyperion-color-border-strong);border-radius:var(--hyperion-radius-sm);cursor:pointer;transition:transform var(--hyperion-transition);flex:none;padding:0;position:relative;overflow:hidden}.hyperion-token__swatch:hover{transform:scale(1.08)}.hyperion-token__value{flex:1;min-width:0}.hyperion-token__value--narrow{flex:0 0 96px}.hyperion-token__text{flex:1;min-width:0}.hyperion-studio__notice{align-items:center;gap:var(--hyperion-space-sm);padding:var(--hyperion-space-xs) var(--hyperion-space-sm);border:1px solid var(--hyperion-color-primary-45);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-primary-15);color:var(--hyperion-color-text);font-size:var(--hyperion-fs-xs);display:flex}.hyperion-studio__noticeact{color:var(--hyperion-color-primary);font:inherit;cursor:pointer;background:0 0;border:none;flex:none;margin-left:auto;font-weight:600;text-decoration:underline}.hyperion-token__control--rich{display:block}.hyperion-rich{gap:var(--hyperion-space-xs);flex-direction:column;display:flex}.hyperion-rich__grid{gap:var(--hyperion-space-2xs) var(--hyperion-space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,132px),1fr));display:grid}.hyperion-rich__row{align-items:center;gap:var(--hyperion-space-sm);display:flex}.hyperion-rich__row>.hyperion-mini{flex:1;min-width:0}.hyperion-rich__tag{color:var(--hyperion-color-text-subtle);font-size:var(--hyperion-fs-xs);flex:none;font-weight:600}.hyperion-rich__check{align-items:center;gap:var(--hyperion-space-xs);color:var(--hyperion-color-text-muted);font-size:var(--hyperion-fs-xs);cursor:pointer;flex:1;display:inline-flex}.hyperion-rich__check input{accent-color:var(--hyperion-color-primary);cursor:pointer}.hyperion-rich__demo{width:var(--hyperion-size-md);height:var(--hyperion-size-md);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-3);flex:none}.hyperion-rich__button{border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-primary);color:var(--hyperion-color-on-primary);font-size:var(--hyperion-fs-xs);align-items:center;font-weight:600;line-height:1;display:inline-flex}.hyperion-rich__raw input,.hyperion-rich__read{font-family:var(--hyperion-font-mono);font-size:10px}.hyperion-rich__read{color:var(--hyperion-color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hyperion-mini{align-items:center;gap:var(--hyperion-space-xs);display:flex}.hyperion-mini__label{width:3.2em;color:var(--hyperion-color-text-subtle);font-size:var(--hyperion-fs-xs);flex:none}.hyperion-mini>.hyperion-range{flex:1;min-width:32px}.hyperion-mini__num{width:2.4em;color:var(--hyperion-color-text);font-family:var(--hyperion-font-mono);text-align:right;flex:none;font-size:10px}.hyperion-glass{height:var(--hyperion-size-2xl);border-radius:var(--hyperion-radius-sm);background:radial-gradient(circle at 20% 30%, var(--hyperion-color-primary), transparent 60%), radial-gradient(circle at 80% 70%, var(--hyperion-color-info), transparent 55%), var(--hyperion-color-surface-3);justify-content:center;align-items:center;display:flex;overflow:hidden}.hyperion-glass__pane{padding:var(--hyperion-space-2xs) var(--hyperion-space-md);border:1px solid var(--hyperion-color-gray-20);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-gray-10);color:var(--hyperion-color-text);font-size:var(--hyperion-fs-xs);font-weight:600}.hyperion-rich__presets{gap:var(--hyperion-space-2xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,72px),1fr));display:grid}.hyperion-ease-chip{padding:var(--hyperion-space-2xs);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface);color:var(--hyperion-color-text-muted);cursor:pointer;transition:all var(--hyperion-transition);flex-direction:column;align-items:center;gap:2px;font-size:10px;display:flex}.hyperion-ease-chip:hover{border-color:var(--hyperion-color-border-strong);color:var(--hyperion-color-text)}.hyperion-ease-chip--on{border-color:var(--hyperion-color-primary);background:var(--hyperion-color-primary-15);color:var(--hyperion-color-text)}.hyperion-ease-chip svg{fill:none;stroke:currentColor;stroke-width:6px;stroke-linecap:round;vector-effect:non-scaling-stroke;width:100%;height:22px}.hyperion-ease-plot{width:100%;height:var(--hyperion-size-3xl);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface);touch-action:none}.hyperion-ease-plot__band{fill:var(--hyperion-color-gray-10)}.hyperion-ease-plot__leash{stroke:var(--hyperion-color-border-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.hyperion-ease-plot__curve{fill:none;stroke:var(--hyperion-color-primary);stroke-width:2px;vector-effect:non-scaling-stroke}.hyperion-ease-plot__handle{fill:var(--hyperion-color-surface);stroke:var(--hyperion-color-primary);stroke-width:2px;cursor:grab;vector-effect:non-scaling-stroke}.hyperion-ease-plot__handle:hover,.hyperion-ease-plot__handle:focus-visible{fill:var(--hyperion-color-primary);outline:none}.hyperion-ease-run{border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-gray-10);height:6px;position:relative}.hyperion-ease-run__dot{border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-primary);width:10px;height:10px;animation:1.4s infinite hyperion-ease-run;position:absolute;top:-2px}@keyframes hyperion-ease-run{0%,8%{left:0}60%,to{left:calc(100% - 10px)}}@media (prefers-reduced-motion:reduce){.hyperion-ease-run__dot{animation:none;left:calc(50% - 5px)}}.hyperion-token__var{color:var(--hyperion-color-text-subtle);font-family:var(--hyperion-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.hyperion-studio-segment{border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-surface-2);scrollbar-width:none;align-items:center;gap:2px;max-width:100%;padding:2px;display:inline-flex;overflow-x:auto}.hyperion-studio-segment::-webkit-scrollbar{display:none}.hyperion-studio-segment__btn{align-items:center;gap:var(--hyperion-space-2xs);padding:4px var(--hyperion-space-sm);border-radius:var(--hyperion-radius-pill);color:var(--hyperion-color-text-muted);font-size:var(--hyperion-fs-xs);cursor:pointer;transition:background var(--hyperion-transition), color var(--hyperion-transition);background:0 0;border:0;flex:none;display:inline-flex}.hyperion-studio-segment__btn:hover{color:var(--hyperion-color-text)}.hyperion-studio-segment__btn--on{background:var(--hyperion-color-primary-15);color:var(--hyperion-color-primary);font-weight:600}.hyperion-studio-theme{gap:var(--hyperion-space-2xs);padding:var(--hyperion-space-2xs);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface-2);text-align:left;cursor:pointer;transition:border-color var(--hyperion-transition), transform var(--hyperion-transition), box-shadow var(--hyperion-transition);flex-direction:column;display:flex;position:relative}.hyperion-studio-theme:hover{border-color:var(--hyperion-color-primary-45);box-shadow:var(--hyperion-shadow-sm);transform:translateY(-1px)}.hyperion-studio-theme--active{border-color:var(--hyperion-color-primary);box-shadow:0 0 0 1px var(--hyperion-color-primary-45)}.hyperion-studio-theme--custom{cursor:default}.hyperion-studio-theme__hit{gap:var(--hyperion-space-2xs);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.hyperion-studio-theme__foot{justify-content:space-between;align-items:center;gap:var(--hyperion-space-2xs);padding:0 2px;display:flex}.hyperion-studio-theme__name{color:var(--hyperion-color-text);font-size:var(--hyperion-fs-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.hyperion-studio-theme__mode{color:var(--hyperion-color-text-subtle);flex:none;display:inline-flex}.hyperion-studio-theme__drop{top:var(--hyperion-space-2xs);right:var(--hyperion-space-2xs);width:var(--hyperion-size-xs);height:var(--hyperion-size-xs);border:1px solid var(--hyperion-color-border-strong);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-3);color:var(--hyperion-color-text-subtle);opacity:0;cursor:pointer;transition:opacity var(--hyperion-transition), color var(--hyperion-transition);justify-content:center;align-items:center;display:inline-flex;position:absolute}.hyperion-studio-theme:hover .hyperion-studio-theme__drop,.hyperion-studio-theme__drop:focus-visible{opacity:1}.hyperion-studio-theme__drop:hover{border-color:var(--hyperion-color-danger);color:var(--hyperion-color-danger)}@media (pointer:coarse){.hyperion-studio-theme__drop{opacity:1}}.hyperion-palettemock{border-radius:var(--hyperion-radius-sm);border:1px solid;gap:3px;height:62px;padding:3px;display:flex;overflow:hidden}.hyperion-palettemock__rail{border:1px solid;border-radius:3px;flex-direction:column;flex:none;align-items:center;gap:4px;width:12px;padding-top:5px;display:flex}.hyperion-palettemock__dot{border-radius:var(--hyperion-radius-pill);width:6px;height:6px}.hyperion-palettemock__main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hyperion-palettemock__bar{border:1px solid;border-radius:3px;flex:none;justify-content:flex-end;align-items:center;height:12px;padding-right:3px;display:flex}.hyperion-palettemock__pill{border-radius:var(--hyperion-radius-pill);width:16px;height:5px}.hyperion-palettemock__card{border:1px solid;border-radius:3px;flex-direction:column;flex:1;justify-content:center;gap:4px;padding:0 5px;display:flex}.hyperion-palettemock__line{border-radius:var(--hyperion-radius-pill);opacity:.85;height:4px}.hyperion-palettemock__line--short{opacity:.6;width:55%}.hyperion-studio-inline{align-items:flex-end;gap:var(--hyperion-space-sm);flex-wrap:wrap;display:flex}.hyperion-studio-inline>.hyperion-field{flex:160px;min-width:0}.hyperion-studio-audit{gap:var(--hyperion-space-2xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hyperion-studio-audit__row{align-items:center;gap:var(--hyperion-space-sm);padding:var(--hyperion-space-2xs) var(--hyperion-space-xs);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-2);display:flex}.hyperion-studio-audit__sample{width:var(--hyperion-size-md);height:var(--hyperion-size-md);border:1px solid var(--hyperion-color-border-strong);border-radius:var(--hyperion-radius-sm);font-size:var(--hyperion-fs-xs);flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.hyperion-studio-audit__text{flex-direction:column;flex:1;min-width:0;display:flex}.hyperion-studio-audit__label{color:var(--hyperion-color-text);font-size:var(--hyperion-fs-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hyperion-studio-audit__on{color:var(--hyperion-color-text-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}@media (max-width:768px){.hyperion-studio,.hyperion-studio--left,.hyperion-studio--wide{border:none;border-top:1px solid var(--hyperion-color-border-strong);border-radius:var(--hyperion-radius-lg) var(--hyperion-radius-lg) 0 0;width:100%;max-width:none;height:calc(100dvh - 44px);animation-name:hyperion-studio-in-up;inset:auto 0 0}.hyperion-studio--collapsed,.hyperion-studio--left.hyperion-studio--collapsed{transform:translateY(100%)}.hyperion-studio__resize{display:none}.hyperion-studio__grab{z-index:2;border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-border-strong);width:44px;height:4px;display:block;position:absolute;top:6px;left:50%;transform:translate(-50%)}.hyperion-studio__head{padding-top:calc(var(--hyperion-space-sm) + 8px);border-radius:var(--hyperion-radius-lg) var(--hyperion-radius-lg) 0 0}.hyperion-studio__foot{padding-bottom:calc(var(--hyperion-space-sm) + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){.hyperion-studio,.hyperion-studio--collapsed,.hyperion-studio-chip{transition:none;animation:none}.hyperion-fab__scrim,.hyperion-fab__action,.hyperion-fab__action-icon,.hyperion-fab__trigger,.hyperion-fab__glyph-icon,.hyperion-studio-segment__btn,.hyperion-studio-theme,.hyperion-studio-option,.hyperion-studio-font,.hyperion-studio-color__swatch,.hyperion-token__swatch,.hyperion-cpick__chip{transition:none}.hyperion-range::-webkit-slider-thumb{transition:none}.hyperion-range::-moz-range-thumb{transition:none}.hyperion-cpick{animation:none}.hyperion-fab__trigger:hover,.hyperion-fab__trigger:active,.hyperion-fab--open .hyperion-fab__action:hover .hyperion-fab__action-icon,.hyperion-fab--open .hyperion-fab__action:focus-visible .hyperion-fab__action-icon,.hyperion-studio-option:hover,.hyperion-studio-theme:hover,.hyperion-studio-font:hover{transform:none}}@media (forced-colors:active){.hyperion-studio,.hyperion-fab__action,.hyperion-studio-option,.hyperion-studio-theme,.hyperion-studio-color,.hyperion-studio-slider,.hyperion-token{border:1px solid canvastext}.hyperion-studio-option--active,.hyperion-studio-theme--active,.hyperion-studio__tab--active{border:2px solid highlight}}
.hyperion-seo-studio .hyperion-studio__title{flex-direction:column;gap:1px;display:flex}.hyperion-seo-studio__route{color:var(--hyperion-color-text-subtle);font-family:var(--hyperion-font-mono);font-size:var(--hyperion-fs-xs);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.hyperion-seo-studio__badge{border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-warning);min-width:15px;color:var(--hyperion-color-text-inverse);font-size:var(--hyperion-fs-xs);font-variant-numeric:tabular-nums;text-align:center;padding:0 4px;font-weight:700;line-height:15px}.hyperion-seo-studio__code{padding:var(--hyperion-space-xs) var(--hyperion-space-sm);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-3);color:var(--hyperion-color-text-muted);font-family:var(--hyperion-font-mono);font-size:var(--hyperion-fs-xs);white-space:nowrap;line-height:1.6;display:block;overflow-x:auto}.hyperion-seo-studio__checks{gap:var(--hyperion-space-2xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hyperion-seo-studio__check{align-items:flex-start;gap:var(--hyperion-space-sm);width:100%;padding:var(--hyperion-space-xs) var(--hyperion-space-sm);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-3);color:var(--hyperion-color-text-muted);font-size:var(--hyperion-fs-sm);text-align:left;cursor:pointer;transition:background var(--hyperion-transition), border-color var(--hyperion-transition), color var(--hyperion-transition);border:1px solid #0000;line-height:1.45;display:flex}.hyperion-seo-studio__check svg{flex:none;margin-top:1px}.hyperion-seo-studio__check:hover{border-color:var(--hyperion-color-border-strong);color:var(--hyperion-color-text)}.hyperion-seo-studio__check--ok svg{color:var(--hyperion-color-success)}.hyperion-seo-studio__check--warn{background:var(--hyperion-color-warning-10);color:var(--hyperion-color-text)}.hyperion-seo-studio__check--warn svg{color:var(--hyperion-color-warning)}.hyperion-seo-studio__check--error{background:var(--hyperion-color-danger-10);color:var(--hyperion-color-text)}.hyperion-seo-studio__check--error svg{color:var(--hyperion-color-danger)}.hyperion-seo-studio__serp{gap:var(--hyperion-space-2xs);padding:var(--hyperion-space-md);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface-3);flex-direction:column;display:flex}.hyperion-seo-studio__serp-site{align-items:center;gap:var(--hyperion-space-sm);margin-bottom:var(--hyperion-space-2xs);display:flex}.hyperion-seo-studio__serp-favicon{border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-surface);width:26px;height:26px;color:var(--hyperion-color-text-muted);font-size:var(--sl-fs-xs);flex:none;place-items:center;font-weight:700;line-height:1;display:grid}.hyperion-seo-studio__serp-origin{flex-direction:column;min-width:0;display:flex}.hyperion-seo-studio__serp-host{color:var(--hyperion-color-text);font-size:var(--sl-fs-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.hyperion-seo-studio__serp-path{color:var(--hyperion-color-text-subtle);font-size:var(--sl-fs-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.35;overflow:hidden}.hyperion-seo-studio__serp-title{color:var(--hyperion-color-info);font-size:var(--sl-fs-xl);font-weight:500;line-height:1.3}.hyperion-seo-studio__serp-desc{color:var(--hyperion-color-text-muted);font-size:var(--sl-fs-sm);line-height:1.58}.hyperion-seo-studio__serp--mobile{max-width:320px}.hyperion-seo-studio__serp--mobile .hyperion-seo-studio__serp-title{font-size:var(--sl-fs-sm);font-weight:600}.hyperion-seo-studio__serp--mobile .hyperion-seo-studio__serp-desc{font-size:var(--sl-fs-xs)}.hyperion-seo-studio__social{--hyperion-social-accent:var(--hyperion-color-primary);border:1px solid var(--hyperion-color-border);border-left:4px solid var(--hyperion-social-accent);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface-3);flex-direction:column;max-width:420px;display:flex;overflow:hidden}.hyperion-seo-studio__social--discord{--hyperion-social-accent:var(--hyperion-color-violet)}.hyperion-seo-studio__social--telegram{--hyperion-social-accent:var(--hyperion-color-info)}.hyperion-seo-studio__social--x{border-left:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-lg)}.hyperion-seo-studio__social-media{aspect-ratio:1.91;border-bottom:1px solid var(--hyperion-color-border);background:var(--hyperion-color-surface-2);place-items:center;display:grid}.hyperion-seo-studio__social-media img{object-fit:cover;width:100%;height:100%}.hyperion-seo-studio__social-body{gap:var(--hyperion-space-sm);padding:var(--hyperion-space-md);display:flex}.hyperion-seo-studio__social-thumb{border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-2);flex:none;place-items:center;width:74px;height:74px;display:grid;overflow:hidden}.hyperion-seo-studio__social-thumb img{object-fit:cover;width:100%;height:100%}.hyperion-seo-studio__social-text{flex-direction:column;gap:2px;min-width:0;display:flex}.hyperion-seo-studio__social-site{color:var(--hyperion-social-accent);font-size:var(--sl-fs-xs);letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-weight:600;overflow:hidden}.hyperion-seo-studio__social-title{color:var(--hyperion-color-text);font-size:var(--sl-fs-sm);overflow-wrap:anywhere;font-weight:700;line-height:1.35}.hyperion-seo-studio__social-desc{color:var(--hyperion-color-text-muted);font-size:var(--sl-fs-xs);overflow-wrap:anywhere;line-height:1.5}.hyperion-seo-studio__social-empty{padding:var(--hyperion-space-md);color:var(--hyperion-color-text-subtle);font-size:var(--hyperion-fs-xs);text-align:center}.hyperion-seo-studio__social--x .hyperion-seo-studio__social-site{color:var(--hyperion-color-text-subtle);letter-spacing:0;text-transform:none;order:3;font-weight:500}.hyperion-seo-studio__social--x .hyperion-seo-studio__social-title{order:1}.hyperion-seo-studio__social--x .hyperion-seo-studio__social-desc{order:2}.hyperion-seo-studio__head{max-height:260px;padding:var(--hyperion-space-sm) var(--hyperion-space-md);border:1px solid var(--hyperion-color-border);border-radius:var(--hyperion-radius-md);background:var(--hyperion-color-surface-3);color:var(--hyperion-color-text-muted);font-family:var(--hyperion-font-mono);font-size:var(--hyperion-fs-xs);tab-size:2;margin:0;line-height:1.7;overflow-x:auto}.hyperion-seo-studio__chips{align-items:center;gap:var(--hyperion-space-2xs);min-height:var(--hyperion-control-h);padding:var(--hyperion-space-2xs) var(--hyperion-space-xs);border:1px solid var(--hyperion-color-border-strong);border-radius:var(--hyperion-radius-sm);background:var(--hyperion-color-surface-2);cursor:text;transition:border-color var(--hyperion-transition), box-shadow var(--hyperion-transition);flex-wrap:wrap;display:flex}.hyperion-seo-studio__chips:focus-within{border-color:var(--hyperion-color-primary);box-shadow:var(--hyperion-focus-ring)}.hyperion-seo-studio__chip{padding:1px var(--hyperion-space-2xs) 1px var(--hyperion-space-xs);border:1px solid var(--hyperion-color-primary-25);border-radius:var(--hyperion-radius-pill);background:var(--hyperion-color-primary-12);color:var(--hyperion-color-text);font-size:var(--hyperion-fs-xs);white-space:nowrap;align-items:center;gap:2px;line-height:1.7;display:inline-flex}.hyperion-seo-studio__chipx{border-radius:var(--hyperion-radius-pill);width:16px;height:16px;color:var(--hyperion-color-text-subtle);cursor:pointer;transition:background var(--hyperion-transition), color var(--hyperion-transition);background:0 0;border:0;place-items:center;display:grid}.hyperion-seo-studio__chipx:hover{background:var(--hyperion-color-danger);color:var(--hyperion-color-text-inverse)}.hyperion-seo-studio__chipinput{min-width:90px;color:var(--hyperion-color-text);font-family:inherit;font-size:var(--hyperion-fs-sm);background:0 0;border:0;outline:none;flex:90px}.hyperion-seo-studio__chipinput::placeholder{color:var(--hyperion-color-text-subtle)}