.theme-screen{max-width:70rem;margin:0 auto;padding:2rem 2rem 4rem;box-sizing:border-box}.theme-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;padding-bottom:1.375rem;border-bottom:1px solid var(--nt-color-border)}.theme-head .nt-cfg-title{padding:0;border:0}.theme-kicker{margin:0 0 .25rem;font-size:var(--nt-text-caption);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--nt-color-muted-foreground)}.theme-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.625rem}.theme-address{margin:.625rem 0 0;font-size:var(--nt-text-caption);color:var(--nt-color-muted-foreground)}.theme-actions{display:flex;flex-wrap:wrap;gap:.625rem}.theme-actions form{margin:0}.theme-tabs{display:flex;gap:.25rem;margin:1.5rem 0 0;border-bottom:1px solid var(--nt-color-border);overflow-x:auto}.theme-tab{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .875rem;margin-bottom:-1px;border-bottom:2px solid transparent;color:var(--nt-color-muted-foreground);text-decoration:none;white-space:nowrap}.theme-tab:hover{color:var(--nt-color-foreground)}.theme-tab.is-on{border-color:var(--nt-color-foreground);color:var(--nt-color-foreground);font-weight:600}.theme-form{margin:0}.theme-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem;margin-top:.75rem}.theme-field{display:flex;flex-direction:column;gap:.375rem;padding:.75rem .875rem;border:1px solid var(--nt-color-border);border-radius:var(--nt-radius-xl)}.theme-field-label{font-size:var(--nt-text-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--nt-color-muted-foreground)}.theme-field-value{display:flex;align-items:center;gap:.5rem}.theme-field input[type=color]{width:2.25rem;height:2.25rem;padding:0;border:0;background:none;cursor:pointer}.theme-field input[type=range]{width:100%;accent-color:var(--nt-color-foreground)}.theme-field .nt-cfg-input{width:100%}.theme-field .nt-cfg-select{display:flex}.theme-field .nt-cfg-select select{width:100%;max-width:none;text-align:start;box-shadow:inset 0 0 0 1px var(--nt-cfg-control)}.theme-ramps,.theme-roles{display:grid;grid-template-columns:6rem repeat(12,minmax(2rem,1fr));gap:.375rem;align-items:center;min-width:36rem}.theme-ramps{margin-top:1.25rem}.theme-step{font-size:var(--nt-text-xs);color:var(--nt-color-muted-foreground);text-align:center}.theme-ramp-label{display:flex;flex-direction:column;font-size:var(--nt-text-caption)}.theme-ramp-label em{font-style:normal;font-size:var(--nt-text-xs);color:var(--nt-color-muted-foreground)}.theme-swatch{display:block;width:100%;aspect-ratio:1;border-radius:var(--nt-radius-md);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nt-color-foreground) 18%,transparent)}.theme-roles{margin-top:.5rem}.theme-roles span{padding-top:.375rem;border-top:2px solid var(--nt-color-border);font-size:var(--nt-text-xs);color:var(--nt-color-muted-foreground);text-align:center}.theme-form>.theme-ramps,.theme-form>.theme-roles{overflow-x:auto}.theme-table-box{overflow-x:auto}.theme-pairs{width:100%;border-collapse:collapse}.theme-pairs th,.theme-pairs td{padding:.75rem .5rem;border-top:1px solid var(--nt-color-border);text-align:start;font-weight:400}.theme-pairs thead th{border-top:0;font-size:var(--nt-text-xs);font-weight:600;text-transform:uppercase;color:var(--nt-color-muted-foreground)}.theme-pair{display:inline-flex;align-items:center;gap:.625rem}.theme-aa{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2rem;border-radius:var(--nt-radius-md);font-weight:600;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nt-color-foreground) 20%,transparent)}.theme-ratio{min-width:3.25rem;font-variant-numeric:tabular-nums}.theme-notes{margin:.75rem 0 0;padding:.75rem 1rem .75rem 2rem;border-radius:var(--nt-radius-xl);background:var(--nt-color-surface);font-size:var(--nt-text-sm)}.theme-type-sample{display:flex;align-items:baseline;gap:1rem;margin-top:.75rem}.theme-type-aa{font-size:var(--nt-text-4xl);line-height:1}.theme-save{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--nt-color-border)}.theme-section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem}.theme-inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0 0}.theme-inline-form .nt-cfg-input{min-width:14rem;flex:1 1 14rem}.theme-inline-form .nt-cfg-select select{box-shadow:inset 0 0 0 1px var(--nt-cfg-control);text-align:start}.theme-component{margin-top:1.5rem;padding:1.25rem;border-radius:var(--nt-radius-2xl);box-shadow:inset 0 0 0 1px var(--nt-color-border)}.theme-component-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.theme-component-title{margin:0 0 .25rem;font-size:var(--nt-text-lg);font-weight:600}.theme-component-use{font-size:var(--nt-text-caption);color:var(--nt-color-muted-foreground)}.theme-matrix{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:.75rem;margin-top:1rem}.theme-cell{margin:0;display:flex;flex-direction:column;gap:.375rem;min-width:0}.theme-cell figcaption{font-size:var(--nt-text-xs);font-weight:600;text-transform:uppercase;color:var(--nt-color-muted-foreground)}.theme-preview-frame{border-radius:var(--nt-radius-xl);overflow:hidden;box-shadow:inset 0 0 0 1px var(--nt-color-border)}.theme-preview-frame>.content{padding:1rem}.theme-component-doc{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.375rem 1rem;margin:1rem 0 0;font-size:var(--nt-text-sm)}.theme-component-doc dt{font-weight:600}.theme-component-doc dd{margin:0;color:var(--nt-color-muted-foreground)}.theme-slots{margin:0;padding-left:1.125rem}.theme-apply{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.theme-apply form{margin:0}.theme-public{display:flex;align-items:flex-start;gap:.5rem;flex:1 1 18rem}.nt-dialog:has(.theme-new-dialog){width:min(48rem,calc(100vw - 2rem));max-height:min(52rem,90vh);overflow:auto}.theme-new-dialog{width:100%;padding:1.5rem;box-sizing:border-box}@media(max-width:640px),(pointer:coarse)and (max-height:640px){.nt-dialog:has(.theme-new-dialog){width:100vw;height:100dvh;max-height:none;overflow-y:auto;overscroll-behavior:contain}.theme-new-dialog{height:auto;min-height:100dvh;padding:1rem 1rem calc(2.5rem + env(safe-area-inset-bottom,0px))}}.theme-new .theme-field[data-for]{display:none}.theme-new:has(input[name=start][value=starter]:checked) .theme-field[data-for=starter],.theme-new:has(input[name=start][value=variation]:checked) .theme-field[data-for=variation],.theme-new:has(input[name=start][value=reference]:checked) .theme-field[data-for=reference],.theme-new:has(input[name=start][value=import]:checked) .theme-field[data-for=import]{display:flex}.theme-start-fields:empty,.theme-new:has(input[name=start][value=current]:checked) .theme-start-fields{display:none}.theme-new-head{display:flex;justify-content:space-between;align-items:center}.theme-new-head h2{margin:0;font-size:var(--nt-text-xl);font-weight:500}.theme-starts{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;border:0}.theme-start{display:flex;gap:.75rem;align-items:flex-start;padding:.875rem;border:1px solid var(--nt-color-border);border-radius:var(--nt-radius-xl);cursor:pointer}.theme-start:has(input:checked){border-color:var(--nt-color-foreground);box-shadow:inset 0 0 0 1px var(--nt-color-foreground)}.theme-start.is-locked{opacity:.6;cursor:not-allowed}.theme-start-text{display:flex;flex-direction:column;gap:.125rem}.theme-start-text span{font-size:var(--nt-text-caption);color:var(--nt-color-muted-foreground)}.theme-start-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.75rem;margin-top:1rem}.theme-new-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-top:1rem}.theme-name-field{flex:1 1 18rem}.appearance-themes-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:1.875rem}.appearance-themes-head .nt-cfg-caption{margin:0}.appearance-themes{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.appearance-theme{display:flex;flex-wrap:wrap;gap:1.25rem;padding:1.125rem;border-radius:var(--nt-radius-2xl);box-shadow:inset 0 0 0 1px var(--nt-color-border);background:var(--nt-color-background)}.appearance-theme.is-child{margin-inline-start:3rem}.appearance-theme-preview{flex:0 0 13.75rem;max-width:100%;display:flex;flex-direction:column;gap:.625rem;padding:.875rem;border-radius:var(--nt-radius-xl);box-sizing:border-box;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nt-color-foreground) 18%,transparent)}.appearance-theme-swatches{display:flex;gap:.25rem}.appearance-theme-swatches span{width:1.375rem;height:1.375rem;border-radius:var(--nt-radius-md);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nt-color-foreground) 20%,transparent)}.appearance-theme-aa{font-size:var(--nt-text-3xl);line-height:1}.appearance-theme-button{align-self:flex-start;padding:.1875rem .75rem;border-radius:var(--nt-radius-full);font-size:var(--nt-text-xs);font-weight:600}.appearance-theme-info{flex:1 1 18rem;min-width:0;display:flex;flex-direction:column;gap:.5rem}.appearance-theme-name{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.appearance-theme-name h3{margin:0;font-size:var(--nt-text-lg);font-weight:600}.appearance-theme-name h3 a{color:var(--nt-color-foreground);text-decoration:none}.appearance-theme-meta{margin:0;font-size:var(--nt-text-caption);color:var(--nt-color-muted-foreground)}.appearance-theme-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}@media(max-width:640px){.theme-screen{padding:1.25rem 1rem 3rem}.theme-matrix{grid-template-columns:minmax(0,1fr)}.appearance-theme.is-child{margin-inline-start:1rem}.appearance-theme-preview{flex-basis:100%}.theme-component-doc{grid-template-columns:minmax(0,1fr)}}