.preview-main{min-width:0}.preview-controls{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-top:14px;flex-wrap:wrap}.segmented{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #d9cfdf;border-radius:13px;overflow:hidden;background:#fff}.segmented button{border:0;background:#fff;padding:11px 14px;font-weight:800;color:#65586d}.segmented button.active{background:#3e2b4a;color:#fff}.field.compact{min-width:min(320px,100%)}.avatar-summary{border:1px solid #e0d7e5;border-radius:18px;padding:16px;background:#fff;margin-bottom:12px}.avatar-summary strong{font-size:18px}.avatar-summary p{margin:5px 0 10px;color:#75697d}.measure-chips{display:flex;flex-wrap:wrap;gap:6px}.measure-chips span,.runtime-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eee7f2;color:#5f4b6c;font-size:11px;font-weight:800}.plans-page-link{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #d8cde0;color:#5f4d69;text-decoration:none;font-size:12px;font-weight:800}.field-help,.info-note{color:#73677a;font-size:12px;line-height:1.45}.info-note{margin-top:14px;padding:11px 13px;border-radius:12px;background:#f5f0f7;border:1px solid #e4dbe8}.test-banner{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:13px;background:#f0e7f5;border:1px solid #d9c9e2;color:#543e62;font-size:12px;font-weight:750;margin-bottom:14px}.test-banner strong{white-space:nowrap}.viewer-shell{position:relative}.viewer-interaction-button{position:absolute;right:12px;bottom:12px;z-index:4;border:1px solid rgba(255,255,255,.8);background:rgba(62,43,74,.92);color:#fff;border-radius:999px;padding:9px 12px;font-weight:850;font-size:12px;box-shadow:0 7px 20px rgba(37,24,44,.2)}.viewer-interaction-button.active{background:#fff;color:#3e2b4a;border-color:#d8cde0}.viewer-scroll-hint{position:absolute;left:12px;right:12px;bottom:54px;z-index:3;padding:7px 9px;border-radius:11px;background:rgba(255,255,255,.88);backdrop-filter:blur(6px);font-size:10px;line-height:1.35;color:#66586e;pointer-events:none}.fit-analysis-card{border:1px solid #ddd4e3;border-radius:18px;padding:15px;background:#fff;margin-bottom:12px}.fit-analysis-card.fit-good{border-color:#bfd9c9;background:#fbfefc}.fit-analysis-card.fit-warning{border-color:#e3cf9f;background:#fffdf8}.fit-analysis-card.fit-critical{border-color:#e4b7b7;background:#fffafa}.fit-analysis-card.fit-unknown{border-color:#d8d2df}.fit-analysis-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.fit-analysis-head>div{display:grid;gap:4px}.fit-analysis-head strong{font-size:17px}.fit-target{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f0ebf3;color:#604e69;font-size:10px;font-weight:850;white-space:nowrap}.fit-analysis-card>p{margin:8px 0 12px;color:#6f6376;font-size:12px;line-height:1.45}.fit-analysis-card>small{display:block;margin-top:10px;color:#817587;font-size:10px}.fit-zone-list{display:grid;gap:8px}.fit-zone{display:grid;grid-template-columns:minmax(115px,.75fr) minmax(210px,1.35fr) minmax(150px,1fr);gap:10px;align-items:center;padding:10px;border-radius:13px;background:#f7f4f8;border:1px solid #ece5ef}.fit-zone>div:first-child{display:grid;gap:2px}.fit-zone>div:first-child strong{font-size:12px}.fit-zone>div:first-child span{font-size:9px;color:#84788b}.fit-zone-measures{display:flex;gap:7px;flex-wrap:wrap}.fit-zone-measures span{font-size:9px;color:#746879}.fit-zone-measures b{display:block;font-size:11px;color:#3d3145}.fit-zone-result{display:grid;gap:2px}.fit-zone-result strong{font-size:11px}.fit-zone-result span{font-size:9px;line-height:1.3;color:#746879}.fit-zone-good{border-color:#cfe2d5;background:#f8fcf9}.fit-zone-warning{border-color:#eadbb9;background:#fffdf8}.fit-zone-critical{border-color:#e9caca;background:#fff9f9}.fit-zone-unknown{border-style:dashed}
@media(max-width:720px){.preview-controls{align-items:stretch}.segmented,.field.compact{width:100%}.test-banner{align-items:flex-start;flex-direction:column}.plans-page-link{font-size:11px;padding:7px 9px}.preview-layout{display:grid;grid-template-columns:1fr}.preview-main{display:flex;flex-direction:column}.viewer-shell{order:0;position:sticky;top:8px;z-index:6;margin:-2px -2px 0}.viewer-shell .viewer{min-height:260px;max-height:42vh;box-shadow:0 10px 28px rgba(45,29,55,.13)}.preview-controls{order:1}.viewer canvas{touch-action:pan-y}.viewer-scroll-hint{display:block}.fit-analysis-head{flex-direction:column}.fit-zone{grid-template-columns:1fr}.fit-zone-measures{justify-content:flex-start}.fit-target{white-space:normal}}
@media(pointer:fine){.viewer-interaction-button,.viewer-scroll-hint{display:none!important}}