.theme-preview{aspect-ratio:1.7;border:1px solid var(--border);background:var(--bg);isolation:isolate;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.theme-preview-bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;height:20%;padding-inline:8%;display:flex}.theme-preview-bar>span{background:var(--accent);border-radius:2px;width:22%;height:4px}.theme-preview-paper{background:var(--editor-paper);border:1px solid var(--editor-rule);border-radius:4px;flex-direction:column;gap:12%;padding:8%;display:flex;position:absolute;inset:31% 24% 12% 10%}.theme-preview-line{background:var(--text-muted);border-radius:2px;flex-shrink:0;width:100%;height:3px}.theme-preview-line--short{width:65%}.theme-preview-action{background:var(--accent);border-radius:2px;width:38%;min-height:5px;margin-top:auto}.theme-preview-palette{flex-direction:column;justify-content:space-between;width:10%;display:flex;position:absolute;top:32%;bottom:14%;right:7%}.theme-preview-palette i{aspect-ratio:1;background:var(--accent);border-radius:50%}.theme-preview-palette i:nth-child(2){background:var(--theme-companion)}.theme-preview-palette i:nth-child(3){background:var(--theme-delight)}.theme-preview-night{background:var(--bg);border-left:1px solid var(--border);position:absolute;inset:0 0 0 50%;overflow:hidden}.theme-preview-night>span:first-child{background:var(--editor-paper);border:1px solid var(--editor-rule);box-shadow:inset 0 4px var(--accent);border-radius:4px;position:absolute;inset:31% 30% 12% 12%}.text-size-control{flex-direction:column;gap:8px;display:flex}.text-size-control-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.text-size-control-title{color:var(--text-secondary);font-size:12px;font-weight:600}.text-size-control-title--sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.text-size-control-value{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:11px}.text-size-control-row{align-items:center;gap:6px;display:flex}.text-size-stepper{border:1px solid var(--border);border-radius:var(--radius);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-weight:600;line-height:1;transition:all .15s;display:flex}.text-size-stepper--down{font-size:11px}.text-size-stepper--up{font-size:17px}.text-size-stepper:hover:not(:disabled){background:var(--hover);color:var(--text);border-color:var(--text-muted)}.text-size-stepper:disabled{opacity:.35;cursor:default}.text-size-track{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex;position:relative}.text-size-track:before{content:"";background:var(--border);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:10px;right:10px}.text-size-step{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:relative}.text-size-step-dot{background:var(--surface);border:1.5px solid var(--text-muted);border-radius:50%;transition:all .15s;display:block}.text-size-step-dot--0{width:6px;height:6px}.text-size-step-dot--1{width:8px;height:8px}.text-size-step-dot--2{width:10px;height:10px}.text-size-step-dot--3{width:12px;height:12px}.text-size-step-dot--4{width:14px;height:14px}.text-size-step:hover .text-size-step-dot{border-color:var(--accent)}.text-size-step--active .text-size-step-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.text-size-step:focus-visible,.text-size-stepper:focus-visible{outline:2px solid var(--accent);outline-offset:2px}