.theme-preview .specimen-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.theme-preview .specimen-table th,.theme-preview .specimen-table td{border-bottom:1px solid var(--border);padding:12px 0}.theme-preview .specimen-table th{color:var(--muted-foreground);font-weight:500}.theme-preview .specimen-switch-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.theme-preview button.specimen-switch{background:var(--muted);border:1px solid var(--border);border-radius:20px;width:40px;height:24px;min-height:0;padding:3px}.theme-preview button.specimen-switch[aria-checked=true]{background:var(--primary)}.theme-preview .specimen-switch span{background:var(--foreground);border-radius:50%;width:16px;height:16px;display:block}.theme-preview .specimen-switch[aria-checked=true] span{background:var(--primary-foreground);transform:translate(16px)}.theme-preview .specimen-notice{background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius);margin:12px 0;padding:12px}.theme-preview .specimen-notice p{color:inherit;margin:6px 0 0}.theme-preview .specimen-error{background:var(--background);border:1px solid var(--destructive);color:var(--destructive)}.theme-preview .specimen-dialog{background:var(--popover);width:min(420px,100vw - 48px);color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.theme-preview .specimen-dialog::backdrop{background:#0006}.theme-preview input[type=range]{accent-color:var(--primary);padding:0}.theme-preview .specimen-caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{font-family:var(--hh-font-sans);color:var(--hh-ink);background:var(--hh-bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;background:var(--hh-bg-raised);border:.5px solid var(--hh-line-strong);border-radius:var(--hh-radius-md);color:var(--hh-ink-2);white-space:nowrap;padding:8px 12px}button:hover{background:var(--hh-bg-sunken)}button:disabled{opacity:.4;cursor:not-allowed}button[aria-pressed=true]{background:var(--hh-bg-hover);border-color:var(--hh-line-strong);color:var(--hh-ink)}a{color:inherit;text-decoration:none}input,select,textarea{background:var(--hh-bg-raised);min-width:0;color:var(--hh-ink);border:.5px solid var(--hh-line-strong);border-radius:var(--hh-radius-sm);padding:8px 10px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--hh-ring)}label{gap:7px;font-size:12px;display:grid}textarea{resize:vertical;min-height:100px}pre{white-space:pre-wrap;word-break:break-word;font:12px/1.7 ui-monospace,monospace}p{line-height:1.7}.project-select{gap:5px;display:flex}.studio-shell{max-width:1800px;margin:auto;padding:28px 30px}.studio-title{justify-content:space-between;align-items:center;gap:24px;display:flex}.eyebrow{letter-spacing:2px;color:var(--hh-ink-subtle);margin:0 0 8px;font-size:12px}.studio-title h1{letter-spacing:-1px;margin:0;font-size:20px}.studio-title p:not(.eyebrow){color:var(--hh-ink-muted);margin:10px 0;font-size:12px}.toolbar{gap:var(--hh-space-2);flex-wrap:wrap;align-items:center;display:flex}.toolbar button,.toolbar select{font-size:12px}.primary-action{border-color:var(--hh-primary);background:var(--hh-primary)!important;color:var(--hh-on-primary)!important}.status-line{color:var(--hh-ink-muted);justify-content:space-between;gap:12px;margin:16px 0;font-size:12px;display:flex}.error{background:var(--hh-danger-soft);color:var(--hh-danger);border:.5px solid var(--hh-danger);border-radius:8px;margin:12px 0;padding:12px;font-size:12px}.error button{margin-left:8px}.editor-grid{grid-template-columns:var(--panel-width,320px) minmax(0, 1fr);border:.5px solid var(--hh-line);background:var(--hh-bg-raised);border-radius:12px;min-height:760px;display:grid;overflow:hidden}.controls{border-right:.5px solid var(--hh-line);height:calc(100vh - 245px);min-height:650px;padding:20px;overflow-y:auto}.project-name{margin-bottom:20px}.preset-bar{align-items:end;gap:8px;display:flex}.preset-bar label{flex:1;min-width:0}.preset-bar select{width:100%}.micro{color:var(--hh-ink-subtle);font-size:12px;line-height:1.7}.segmented{background:var(--hh-bg-sunken);padding:var(--hh-space-1);border-radius:var(--hh-radius-sm);gap:var(--hh-space-1);margin:var(--hh-space-4) 0;display:flex}.segmented button{background:0 0;border:0;flex:1;font-size:12px}.segmented button[aria-pressed=true]{background:var(--hh-bg-raised);box-shadow:none;color:var(--hh-ink)}.control-tabs{border-bottom:.5px solid var(--hh-line);gap:10px;margin-bottom:16px;display:flex}.control-tabs button{background:0 0;border:0;border-radius:0;flex:1;font-size:12px}.control-tabs button[aria-pressed=true]{border-bottom:.5px solid var(--hh-ink);color:var(--hh-ink);background:0 0}.token-search{width:100%;font-size:12px}.control-section h3{text-transform:uppercase;color:var(--hh-ink-muted);margin:22px 0 16px;font-size:12px}.token-row{border-bottom:.5px solid var(--hh-bg-sunken);justify-content:space-between;align-items:center;gap:8px;padding:9px 0;scroll-margin:16px;display:flex}.token-row>span{overflow-wrap:anywhere;max-width:112px;font-size:12px}.token-row small{color:var(--hh-ink-subtle);margin-top:4px;font-size:12px;display:block}.token-row>div{flex:1;align-items:center;gap:5px;max-width:155px;display:flex}.token-row input:not([type=color]){width:100%;padding:7px;font:12px ui-monospace,monospace}.token-row input[type=color]{cursor:pointer;flex-shrink:0;width:29px;height:29px;padding:3px}.token-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.token-row input[type=color]::-webkit-color-swatch{border-radius:calc(var(--hh-radius-sm) - 4px);border:0}.token-row input[type=color]::-moz-color-swatch{border-radius:calc(var(--hh-radius-sm) - 4px);border:0}.control-section>label:not(.token-row){margin-bottom:14px}.preview-workspace{background:var(--hh-bg-sunken);min-width:0}.preview-toolbar{border-bottom:1px solid var(--hh-line);background:var(--hh-bg-raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.preview-toolbar>.hh-select-field{font-size:12px}.preview-stage{scrollbar-gutter:stable;min-height:590px;max-height:calc(100vh - 325px);padding:28px;overflow:auto}.preview-stage.viewport-tablet>.theme-preview,.preview-stage.viewport-tablet>.connected-preview{max-width:768px;margin:auto}.preview-stage.viewport-mobile>.theme-preview,.preview-stage.viewport-mobile>.connected-preview{max-width:390px;margin:auto}.preview-footer{color:var(--hh-ink-muted);justify-content:space-between;gap:10px;padding:13px 20px;font-size:10px;display:flex}.inspector-bar{background:var(--hh-bg-sunken);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 18px;font-size:12px;display:flex}.inspector-bar code{overflow-wrap:anywhere}.comparison-label{color:var(--hh-ink-muted);margin:12px 0;font-size:12px}.mobile-tabs{display:none}.utility-panel{border:.5px solid var(--hh-line);background:var(--hh-bg-raised);border-radius:12px;margin:16px 0;padding:22px}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-title h2{margin:0;font-size:20px}.utility-panel>p{color:var(--hh-ink-muted);font-size:12px}.utility-panel>textarea{width:100%;min-height:140px;margin:15px 0;font-family:monospace;display:block}.utility-panel pre{background:var(--hh-bg-sunken);max-height:350px;padding:18px;overflow:auto}.review-grid{grid-template-columns:1fr 1fr;gap:40px;font-size:12px;display:grid}.review-grid label{margin:12px 0}.review-grid h3{margin-top:25px;font-size:14px}.diff-list{border:.5px solid var(--hh-line);max-height:280px;margin-bottom:12px;padding:10px;overflow:auto}.diff-list>div{overflow-wrap:anywhere;gap:4px;margin-bottom:12px;display:grid}.diff-list del{color:var(--hh-danger)}.check{align-items:center;display:flex!important}.connected-preview form{gap:10px;display:flex}.connected-preview form input{flex:1;min-width:0}.connected-preview p{font-size:12px}.connected-preview iframe{border:1px solid var(--hh-line);background:#fff;border-radius:10px;width:100%;height:600px}.connected-preview details{margin-top:15px;font-size:12px}.theme-preview{background:var(--background);color:var(--foreground);font-family:var(--font-sans);letter-spacing:var(--letter-spacing);border:1px solid var(--border);border-radius:10px;min-width:0;font-size:13px;line-height:1.6;overflow:hidden;container-type:inline-size}.theme-preview *{border-color:var(--border)}.theme-preview p{color:var(--muted-foreground);line-height:1.8}.theme-preview h1,.theme-preview h2,.theme-preview h3{color:var(--foreground);letter-spacing:-.04em;line-height:1.3}.theme-preview button{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 4);box-shadow:var(--shadow-sm);border:1px solid #0000;font-family:inherit;font-size:12px}.theme-preview button:hover{filter:brightness(.95)}.theme-preview button.secondary{background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--border);box-shadow:none}.theme-preview button.destructive{background:var(--destructive);color:var(--destructive-foreground)}.theme-preview input,.theme-preview select,.theme-preview textarea{background:var(--background);color:var(--foreground);border:1px solid var(--input);border-radius:var(--radius);padding:calc(var(--spacing) * 2.5);font:inherit;width:100%}.theme-preview :focus-visible{outline:2px solid var(--ring);outline-offset:2px}.theme-preview input::placeholder{color:var(--muted-foreground)}.theme-preview article{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius);padding:calc(var(--spacing) * 6);box-shadow:var(--shadow-sm);min-width:0}.theme-preview article h3{color:var(--card-foreground);margin-top:0;font-size:14px}.theme-preview article label{margin:13px 0}.theme-preview pre{background:var(--muted);color:var(--muted-foreground);font-family:var(--font-mono);border-radius:var(--radius);padding:15px}.sample-nav{border-bottom:.5px solid var(--border);align-items:center;gap:20px;padding:18px 26px;display:flex}.sample-nav>b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sample-nav>span{flex-shrink:0}.sample-nav>span:not(.avatar){color:var(--muted-foreground);margin-left:auto;font-size:12px}.avatar{background:var(--primary);width:28px;height:28px;color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid}.sample-content{padding:28px}.sample-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.sample-heading h2{margin:10px 0;font-size:20px}.sample-heading small,.sample-hero small{letter-spacing:1.5px;font-size:12px}.sample-heading p{font-size:12px}.sample-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.sample-stats h2{margin:10px 0;font-size:32px}.sample-stats p{margin:0;font-size:12px}.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.sample-chart{align-items:end;gap:12px;height:140px;padding:15px 0;display:flex}.sample-chart>div{border-radius:4px 4px 0 0;flex:1}.sample-tabs{gap:5px;margin-top:20px;display:flex}.sample-tabs button{flex:1;padding:5px;font-size:12px}.sample-actions{flex-wrap:wrap;gap:8px;display:flex}.sample-check{align-items:center;display:flex!important}.sample-check input{width:auto}.sample-alert{border-left:.5px solid var(--destructive);background:var(--muted);padding:7px 12px;color:var(--destructive)!important}.sample-badge{background:var(--accent);color:var(--accent-foreground);border-radius:var(--radius);margin-top:16px;padding:3px 10px;display:inline-block}.theme-preview progress{accent-color:var(--primary);width:100%;margin:12px 0 24px}.theme-preview details{cursor:pointer;font-size:12px}.sample-footer{color:var(--muted-foreground);border-top:.5px solid var(--border);padding:20px 28px;font-size:12px}.sample-hero{text-align:center;padding:50px 28px}.sample-hero h1{margin:25px 0;font-size:32px}.sample-hero>p{max-width:420px;margin:20px auto}.sample-hero>.sample-actions{justify-content:center;margin:25px 0 45px}.sample-hero .sample-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr))}.sample-content>h1{font-size:32px}.sample-content>p{max-width:600px}.serif-sample{font-family:var(--font-serif);font-size:20px}.theme-preview blockquote{background:var(--muted);border-left:3px solid var(--primary);color:var(--muted-foreground);margin:30px 0;padding:20px}.sample-content.with-sidebar{grid-template-columns:125px minmax(0,1fr);padding:0;display:grid}.sample-sidebar{background:var(--sidebar);color:var(--sidebar-foreground);border-right:.5px solid var(--sidebar-border);padding:24px 12px;font-size:12px}.sample-sidebar div{margin:10px 0;padding:8px}.sample-sidebar .active{background:var(--sidebar-primary);color:var(--sidebar-primary-foreground);border-radius:var(--radius)}.with-sidebar .sample-main{padding:24px}.sample-mail>div{flex-wrap:wrap;gap:8px;display:flex}.sample-mail textarea{margin:25px 0;display:block}.inspecting [data-token]{cursor:crosshair}.inspecting [data-token]:hover{outline:2px dashed var(--ring);outline-offset:-2px}@container (width<=580px){.sample-grid,.sample-hero .sample-grid{grid-template-columns:1fr}.sample-content{padding:20px}.sample-heading{flex-direction:column;align-items:start}.sample-heading h2{font-size:20px}.sample-stats{gap:7px}.sample-stats article{padding:12px}.sample-stats h2{font-size:20px}.sample-content.with-sidebar{grid-template-columns:1fr}.sample-sidebar,.sample-nav>span:not(.avatar){display:none}.sample-content>h1{font-size:32px}.sample-hero{padding:35px 20px}}@media (width<=1100px){.studio-title{flex-direction:column;align-items:start}.editor-grid{grid-template-columns:285px minmax(0,1fr)}.studio-shell{padding:22px 18px}.preview-stage,.controls{padding:15px}.status-line,.preview-footer{flex-wrap:wrap}}@media (width<=720px){.project-select select{max-width:125px}.studio-shell{padding:20px 12px}.studio-title h1{font-size:20px}.toolbar{gap:var(--hh-space-2)}.toolbar button{padding:7px 9px}.editor-grid{min-height:0;display:block}.mobile-tabs{gap:8px;margin:18px 0;display:flex}.mobile-tabs button{flex:1}.mobile-preview>.controls,.mobile-edit>.preview-workspace{display:none}.controls{border-right:0;height:auto;min-height:0;max-height:none}.token-row>div{max-width:200px}.preview-stage{min-height:0;max-height:none;padding:10px}.preview-toolbar{gap:10px;padding:12px}.preview-footer{font-size:9px}.review-grid{grid-template-columns:1fr;gap:15px}.utility-panel{padding:15px}.status-line>span:last-child{font-size:12px}.connected-preview iframe{height:480px}.inspector-bar{font-size:12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.token-input-fields{flex-wrap:wrap}.font-control{gap:var(--hh-space-2);padding:var(--hh-space-4) 0;border-bottom:.5px solid var(--hh-line);scroll-margin:var(--hh-space-4);display:grid}.font-control label{gap:var(--hh-space-1)}.font-control small,.font-stack-label{color:var(--hh-ink-muted);font-size:12px}.font-control select,.font-control textarea{width:100%}.font-control textarea{min-height:64px;font:12px/1.5 var(--hh-font-mono);overflow-wrap:anywhere}.font-control textarea[aria-invalid=true]{border-color:var(--hh-danger)}.font-control .micro{margin:0}.font-control [role=alert]{color:var(--hh-danger)}.font-specimen{gap:var(--hh-space-1);padding:var(--hh-space-3);border-radius:var(--hh-radius-sm);background:var(--hh-bg-sunken);color:var(--hh-ink);overflow-wrap:anywhere;font-size:14px;line-height:1.6;display:grid}.font-load-status{gap:var(--hh-space-2);color:var(--hh-ink-muted);flex-wrap:wrap;align-items:center;font-size:12px;display:flex}.font-load-status[data-font-state=error]{color:var(--hh-danger)}.font-install{color:var(--hh-ink-muted);font-size:12px}.font-install summary{cursor:pointer;padding:var(--hh-space-2) 0}.font-install a{color:var(--hh-brand-text);text-decoration:none}.font-install a:hover{text-decoration:underline}.font-install p,.font-install textarea{margin:var(--hh-space-2) 0}.font-install textarea{min-height:96px}.token-input-fields input:not([type=color]):not([type=range]){flex:1;width:60px;min-width:0}.token-input-fields input[type=range]{width:100%;height:12px;accent-color:var(--hh-primary);border:0;flex:1 0 100%;padding:0!important}.panel-settings{color:var(--hh-ink-muted);margin-bottom:15px;font-size:12px}.panel-settings summary{cursor:pointer}.panel-settings input{width:100%;margin-top:10px}@media (width<=720px){.panel-settings{display:none}}.theme-preview progress::-webkit-progress-bar{background:var(--muted);border-radius:var(--radius)}.theme-preview progress::-webkit-progress-value{background:var(--primary);border-radius:var(--radius)}.theme-preview progress{appearance:none;border-radius:var(--radius);border:0;height:8px}@media (width<=720px){.project-select select{max-width:100px}}.project-select{margin-left:var(--hh-space-6);justify-self:start}.review-link{color:var(--hh-ink-muted);white-space:nowrap;font-size:12px}.studio-shell{padding:var(--hh-space-8);max-width:1680px}.studio-title h1{letter-spacing:-.025em;font-size:32px;font-weight:600;line-height:42px}.eyebrow{letter-spacing:0;color:var(--hh-ink-muted);font-size:12px;line-height:18px}.eyebrow:before{content:"";background:var(--hh-brand);width:6px;height:6px;margin-right:var(--hh-space-2);vertical-align:middle;border-radius:50%;display:inline-block}input,select,textarea{border-radius:var(--hh-radius-md)}button:focus-visible,a:focus-visible{outline:2px solid var(--hh-ring);outline-offset:3px}.status-line{font-size:12px;line-height:18px}.preview-footer{color:var(--hh-ink-muted);font-size:12px}.token-row small{color:var(--hh-ink-subtle);font-size:12px}.token-input-fields input[type=range]{accent-color:var(--hh-primary)}.panel-settings{color:var(--hh-ink-muted)}.control-tabs button[aria-pressed=true]{color:var(--hh-ink);border-color:var(--hh-primary)}button[aria-pressed=true]{color:var(--hh-ink);background:var(--hh-bg-hover);border-color:var(--hh-line-strong)}.inspector-bar{background:var(--hh-bg-sunken);color:var(--hh-ink-2)}.standards-intro{justify-content:space-between;gap:var(--hh-space-6);align-items:start;display:flex}.standards-panel h3{font-size:20px;font-weight:600}.standards-panel p{color:var(--hh-ink-muted);font-size:12px}.standards-intro label{min-width:200px;margin-top:var(--hh-space-4)}.standards-principles{gap:var(--hh-space-6);margin:var(--hh-space-6) 0;border-block:.5px solid var(--hh-line);padding-block:var(--hh-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.standards-principles span{font:12px var(--hh-font-mono);color:var(--hh-ink-subtle)}.standards-principles h4{margin:var(--hh-space-3) 0;font-size:14px}.standards-principles p{max-width:380px;margin:0}.standards-summary{gap:var(--hh-space-4);padding-block:var(--hh-space-4);justify-content:space-between;align-items:center;font-size:12px;display:flex}.standards-results{gap:var(--hh-space-3);grid-template-columns:repeat(2,minmax(0,1fr));max-height:440px;display:grid;overflow:auto}.standards-results article{border:.5px solid var(--hh-line);padding:var(--hh-space-4);border-radius:var(--hh-radius-lg)}.standards-results article>div{gap:var(--hh-space-3);justify-content:space-between;font-size:12px;display:flex}.standards-results article>div>span{color:var(--hh-success);white-space:nowrap}.standards-results article[data-status=attention]>div>span{color:var(--hh-danger)}.standards-results article[data-status=manual]>div>span{color:var(--hh-warning)}.standards-results small{color:var(--hh-ink-subtle);font-size:12px}.manual-review{border-top:.5px solid var(--hh-line);margin-top:var(--hh-space-6);padding-top:var(--hh-space-4)}.theme-preview .state-gallery .sample-tabs{margin-bottom:24px}.theme-preview .state-example{flex-direction:column;justify-content:center;align-items:start;gap:12px;min-height:220px;display:flex}.theme-preview .state-example h3,.theme-preview .state-example p{margin:0}.theme-preview .sample-skeleton{background:var(--muted);border-radius:var(--radius);width:70%;height:16px}.theme-preview .state-example [role=status]{align-items:center;gap:8px;display:flex}.theme-preview .focus-help{font-size:12px}.theme-preview .hh-spinner{display:inline-block}@media (width<=1100px){.project-select{margin-left:0}.studio-shell{padding:var(--hh-space-6)}}@media (width<=720px){.project-select{grid-area:2/1}.review-link{grid-area:2/2;font-size:12px}.studio-shell{padding:var(--hh-space-4)}.studio-title h1{font-size:20px;line-height:36px}.standards-intro,.standards-summary{flex-direction:column;align-items:stretch}.standards-principles,.standards-results{grid-template-columns:1fr}.standards-results{max-height:none}.status-line{font-size:12px}.toolbar .hh-button{min-height:36px}.theme-preview .state-gallery .sample-tabs{flex-wrap:wrap}}.studio-title-tools{justify-content:flex-end;align-items:center;gap:var(--hh-space-6);min-width:0;display:flex}.studio-title-tools>.project-select{gap:var(--hh-space-2);min-width:0;margin-left:0}.studio-title-tools .project-select .hh-select-field>select{text-overflow:ellipsis;width:180px;max-width:100%;min-height:40px}.studio-title-tools .project-select>.hh-button{flex-shrink:0;width:40px;padding:0}@media (width<=1100px){.studio-title-tools{justify-content:space-between;gap:var(--hh-space-4);width:100%}}@media (width<=720px){.studio-title-tools{gap:var(--hh-space-3);flex-wrap:wrap}.studio-title-tools>.project-select{width:100%}.studio-title-tools .project-select>.hh-select-field{flex:1;min-width:0}.studio-title-tools .project-select .hh-select-field>select{width:100%;max-width:none;min-height:44px}.studio-title-tools .project-select>.hh-button{width:44px;min-height:44px}}.studio-actions{position:relative}.studio-more>summary,.preview-options>summary{justify-content:center;align-items:center;gap:var(--hh-space-2);min-height:40px;padding:var(--hh-space-2) var(--hh-space-3);border:1px solid var(--hh-line-strong);border-radius:var(--hh-radius-md);cursor:pointer;white-space:nowrap;font-size:12px;list-style:none;display:flex}.studio-more>summary::-webkit-details-marker{display:none}.preview-options>summary::-webkit-details-marker{display:none}.studio-more>summary:focus-visible,.preview-options>summary:focus-visible{outline:2px solid var(--hh-ring);outline-offset:3px}.studio-more[open]>summary .hh-icon,.preview-options[open]>summary .hh-icon{transform:rotate(180deg)}.studio-more-content{right:0;top:calc(100% + var(--hh-space-2));z-index:var(--hh-z-overlay);width:min(300px,100vw - 32px);padding:var(--hh-space-4);background:var(--hh-bg-raised);border:.5px solid var(--hh-line);border-radius:var(--hh-radius-xl);box-shadow:var(--hh-shadow-float);position:absolute}.studio-more-content>button{width:100%;margin-bottom:var(--hh-space-2);justify-content:start;display:flex}.studio-advanced{margin-top:var(--hh-space-3);padding-top:var(--hh-space-3);border-top:.5px solid var(--hh-line)}.studio-advanced>p:first-child{color:var(--hh-ink-muted);margin-top:0;font-size:12px}.studio-advanced a{align-items:center;gap:var(--hh-space-2);min-height:44px;color:var(--hh-ink);text-decoration:none;display:inline-flex}.studio-advanced a:hover{color:var(--hh-brand-text)}.preview-options{margin-left:auto;position:relative}.preview-options>.toolbar{right:0;top:calc(100% + var(--hh-space-2));z-index:var(--hh-z-overlay);width:min(300px,100vw - 64px);padding:var(--hh-space-3);background:var(--hh-bg-raised);border:1px solid var(--hh-line);border-radius:var(--hh-radius-xl);box-shadow:var(--hh-shadow-float);position:absolute}.sample-disclaimer{padding:var(--hh-space-2) var(--hh-space-4);background:var(--muted);color:var(--muted-foreground);border-bottom:.5px solid var(--border);margin:0;font-size:12px}.component-specimen>h2{margin-top:0}.component-specimen>p{color:var(--muted-foreground)}.component-specimen .sample-actions{flex-wrap:wrap}.theme-preview .sample-check{align-items:center;gap:var(--hh-space-2);display:flex}.theme-preview .sample-check input{width:auto}@media (width<=720px){.studio-title{gap:var(--hh-space-2)}.studio-title .eyebrow,.studio-title>div>p:not(.eyebrow){display:none}.studio-title h1{font-size:20px;line-height:32px}.studio-actions{width:100%}.studio-actions>.hh-button,.studio-actions summary{min-height:44px}.studio-more{margin-left:auto}.status-line,.mobile-tabs{margin:var(--hh-space-2) 0}.mobile-tabs button{min-height:44px}.preview-toolbar{gap:var(--hh-space-2);padding:var(--hh-space-2)}.preview-toolbar>.hh-select-field,.preview-toolbar>button{flex:1;min-width:0;min-height:44px}.preview-options>summary{min-height:44px;padding-inline:var(--hh-space-2)}.preview-options{margin-left:0}.preview-options>.toolbar{max-width:calc(100vw - 48px)}.component-specimen{padding:var(--hh-space-4)}.component-specimen>h2{font-size:20px}}.preview-toolbar>.hh-button{font-size:12px}.export-fonts{border:.5px solid var(--hh-line);border-radius:var(--hh-radius-md);padding:var(--hh-space-4);margin:var(--hh-space-4) 0}.export-fonts h3{margin-top:0}.export-fonts p{font-size:12px}.export-fonts ul{gap:var(--hh-space-2) var(--hh-space-6);padding-left:var(--hh-space-4);flex-wrap:wrap;display:flex}.controls .token-row{padding:var(--hh-space-2);margin-inline:calc(-1 * var(--hh-space-2));border-radius:var(--hh-radius-md);border-bottom-color:#0000}.controls .token-row:hover{background:var(--hh-bg-sunken)}.controls .token-row:focus-within{background:var(--hh-bg-hover)}.controls .token-row input:not([type=color]):not([type=range]){border-radius:var(--hh-radius-sm);background:0 0;border-color:#0000;min-height:32px}.controls .token-row input:not([type=range]):focus-visible{outline:2px solid var(--hh-ring);outline-offset:1px}.controls .token-row input[type=color]{background:var(--hh-bg-raised);border-color:var(--hh-line-strong);border-radius:var(--hh-radius-sm);width:28px;height:28px;padding:2px}.controls .hh-select-field>select,.studio-title-tools .hh-select-field>select,.preview-toolbar .hh-select-field>select{border-color:var(--hh-line);background:var(--hh-bg-raised);min-height:36px;border-radius:var(--hh-radius-md);padding-inline-start:var(--hh-space-3);padding-inline-end:calc(var(--hh-space-3) + 16px + var(--hh-space-2))}.controls .hh-select-field>select:hover,.studio-title-tools .hh-select-field>select:hover,.preview-toolbar .hh-select-field>select:hover{border-color:var(--hh-line-strong)}.controls .hh-select-field>.hh-icon,.studio-title-tools .hh-select-field>.hh-icon,.preview-toolbar .hh-select-field>.hh-icon{color:var(--hh-ink-muted)}.controls .hh-select-field>select:focus-visible,.studio-title-tools .hh-select-field>select:focus-visible,.preview-toolbar .hh-select-field>select:focus-visible{outline:2px solid var(--hh-ring);outline-offset:2px}.control-tabs{padding:var(--hh-space-1);gap:var(--hh-space-1);background:var(--hh-bg-sunken);border-radius:var(--hh-radius-md);border:0}.control-tabs button{border-radius:var(--hh-radius-sm);color:var(--hh-ink-muted)}.control-tabs button[aria-pressed=true]{background:var(--hh-bg-raised);color:var(--hh-ink);border:0;font-weight:600}@media (forced-colors:active){.controls .token-row:focus-within,.control-tabs button[aria-pressed=true]{outline:1px solid highlight}}.studio-new-project{margin-block:var(--hh-space-4);padding:var(--hh-space-4);border:.5px solid var(--hh-line);border-radius:var(--hh-radius-md);background:var(--hh-bg-raised)}.studio-new-project label{margin-bottom:8px;font-weight:600;display:block}.studio-new-project-controls{align-items:center;gap:12px;max-width:600px;display:flex}.studio-new-project-controls input{border:.5px solid var(--hh-line);background:var(--hh-bg-raised);min-width:0;min-height:44px;color:var(--hh-ink);border-radius:6px;flex:1;padding:8px 12px}.studio-new-project p{color:var(--hh-ink);margin:8px 0 0;font-size:12px}@media (width<=700px){.studio-new-project-controls{flex-wrap:wrap}.studio-new-project-controls input{flex-basis:100%}}