.config-preview-panel{margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--canvas)}.config-preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.config-preview-toolbar h2{margin:0 auto 0 0;font-size:19px}.config-preview-toolbar button,.config-preview-toolbar select,.config-image-toolbar button{min-height:36px;padding:7px 12px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);color:var(--white);font:600 13px var(--font-ui);cursor:pointer}.config-preview-toolbar button:disabled,.config-preview-toolbar select:disabled{opacity:.5;cursor:default}.config-preview-toolbar button:focus-visible,.config-preview-toolbar select:focus-visible,.config-preview-image:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.config-preview-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:18px 0;color:var(--muted);font-size:12px}.config-preview-heading strong{color:var(--white);font:700 20px var(--font-data)}.config-preview-heading small{flex-basis:100%}.config-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.config-preview-card{min-width:0;padding:16px;border:1px solid var(--line);background:var(--black);border-radius:8px}.config-preview-card.is-wide{grid-column:1/-1}.config-preview-card summary{color:var(--white);font-weight:700;font-size:14px;cursor:pointer;overflow-wrap:anywhere}.config-preview-card summary::marker{color:var(--orange)}.config-preview-card dl{display:grid;grid-template-columns:minmax(75px,30%) minmax(0,1fr);gap:0 12px;margin:12px 0 0;font-size:12px}.config-preview-card dt,.config-preview-card dd{padding:8px 0;margin:0;border-top:1px solid var(--line);overflow-wrap:anywhere;white-space:pre-wrap}.config-preview-card dt{color:var(--muted)}.config-preview-card dd{color:var(--white)}.config-preview-graph{width:100%;height:auto;margin-top:12px;display:block}.config-preview-caption{color:var(--muted);font-size:12px;line-height:1.6;margin:10px 0;overflow-wrap:anywhere}.config-preview-swatch{display:inline-block;width:13px;height:13px;vertical-align:middle;margin-right:8px;border:1px solid var(--muted);border-radius:3px}body .config-section-dialog.has-preview .profile-copy-dialog{width:min(1120px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px}.config-section-dialog.has-preview .config-section-options{grid-template-columns:repeat(3,minmax(0,1fr))}.config-section-dialog.has-preview .config-section-option{min-width:0;font-size:12px}.config-section-dialog.has-preview .rc-disclaimer-actions{position:sticky;bottom:-24px;padding:14px 0;margin-top:12px;background:var(--canvas);display:flex;flex-wrap:wrap;gap:8px;z-index:2;border-top:1px solid var(--line)}.config-section-dialog.has-preview .rc-disclaimer-action{flex:1 1 160px;height:auto;min-height:40px;white-space:normal}.config-preview-pictures:empty{display:none}.config-preview-pictures{margin-top:22px;border-top:1px solid var(--line)}.config-preview-pictures h3{font-size:16px}.config-preview-image{display:block;padding:0;margin:12px auto;border:1px solid var(--line);width:min(640px,100%);cursor:zoom-in;background:var(--black)}.config-preview-image img{display:block;width:100%}.config-image-viewer{padding:0;width:min(1200px,94vw);max-width:94vw;height:92dvh;max-height:92dvh;color:var(--white);background:var(--canvas);border:1px solid var(--line);border-radius:10px}.config-image-viewer::backdrop{background:#000000bf}.config-image-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.config-image-toolbar label{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px}.config-image-scroll{height:calc(100% - 65px);overflow:auto}.config-image-scroll img{width:100%;max-width:none;display:block}@media(max-width:720px){.config-preview-panel{padding:12px}.config-preview-grid{grid-template-columns:minmax(0,1fr)}.config-section-dialog.has-preview .config-section-options{grid-template-columns:repeat(2,minmax(0,1fr))}body .config-section-dialog.has-preview .profile-copy-dialog{padding:16px}.config-section-dialog.has-preview .rc-disclaimer-actions{bottom:-16px}}