.rt-hero{position:relative;padding:var(--space-3xl) 0 var(--space-xl);background:var(--color-bg);overflow:hidden;text-align:center}.rt-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none}.rt-orb-1{width:400px;height:400px;background:var(--gradient-peach);top:-100px;right:-100px}.rt-orb-2{width:300px;height:300px;background:var(--gradient-lavender);bottom:-80px;left:-60px}.rt-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-sm)}.rt-hero h1{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,4rem);color:var(--color-text);margin:0 0 var(--space-sm)}.rt-accent{color:var(--color-primary)}.rt-hero p{font-family:var(--font-sans);color:var(--color-text-muted);font-size:1.125rem;max-width:600px;margin:0 auto;line-height:1.6}.rt-toolbar{position:sticky;top:0;z-index:var(--z-sticky);background:#f5f4f0d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);padding:var(--space-sm) 0}html[data-theme=dark] .rt-toolbar{background:#0d0d0dd9}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .rt-toolbar{background:#0d0d0dd9}}.rt-url-form{margin-bottom:var(--space-xs)}.rt-input-wrap{display:flex;align-items:center;gap:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:4px 4px 4px 16px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.rt-input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.rt-input-icon{flex-shrink:0;color:var(--color-text-light)}.rt-url-input{flex:1;border:none;background:transparent;font-family:var(--font-sans);font-size:1rem;color:var(--color-text);padding:10px 12px;outline:none;min-width:0}.rt-url-input::placeholder{color:var(--color-text-light)}.rt-test-btn{flex-shrink:0;font-family:var(--font-sans);font-weight:600;font-size:.9rem;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-full);padding:10px 28px;cursor:pointer;transition:background var(--transition-fast)}.rt-test-btn:hover{background:var(--color-primary-hover)}.rt-filters{display:flex;gap:8px;justify-content:center}.rt-filter-btn{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.05em;padding:6px 16px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.rt-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.rt-filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.rt-grid-section{padding:var(--space-lg) var(--container-padding);display:none}.rt-grid-section.visible{display:block}.rt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md);max-width:1600px;margin:0 auto;justify-items:center}.rt-device-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base);cursor:pointer;width:100%;max-width:312px}.rt-device-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rt-device-card[hidden]{display:none}.rt-device-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border)}.rt-device-name{font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--color-text)}.rt-device-dims{font-family:var(--font-mono);font-size:.7rem;color:var(--color-text-light)}.rt-device-badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary)}.rt-device-viewport{position:relative;overflow:hidden;background:#fff;margin:0 auto}.rt-device-viewport iframe{position:absolute;top:0;left:0;border:none;transform-origin:top left}.rt-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--color-border) 25%,var(--color-bg) 50%,var(--color-border) 75%);background-size:200% 100%;animation:rt-shimmer 1.5s infinite}@keyframes rt-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rt-device-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-text-muted);font-family:var(--font-sans);font-size:.8rem;text-align:center;padding:16px;gap:8px}.rt-empty{text-align:center;padding:var(--space-3xl) var(--container-padding);color:var(--color-text-muted)}.rt-empty.hidden{display:none}.rt-empty-icon{margin-bottom:var(--space-sm);opacity:.3}.rt-empty h2{font-family:var(--font-serif);font-size:1.5rem;color:var(--color-text);margin:0 0 8px}.rt-empty p{font-family:var(--font-sans);font-size:1rem;margin:0}.rt-info{padding:var(--space-2xl) var(--container-padding);border-top:1px solid var(--color-border)}.rt-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);max-width:var(--container-max);margin:0 auto}.rt-info-card{padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.rt-info-card h3{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--color-text);margin:0 0 8px}.rt-info-card p{font-family:var(--font-sans);font-size:.9rem;color:var(--color-text-muted);margin:0;line-height:1.6}.rt-modal-backdrop{display:none;position:fixed;inset:0;z-index:var(--z-modal-backdrop);background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:var(--space-md)}.rt-modal-backdrop.open{display:flex}.rt-modal{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.rt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--color-border)}.rt-modal-name{font-family:var(--font-mono);font-weight:600;font-size:.9rem;color:var(--color-text);margin-right:12px}.rt-modal-dims{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-light)}.rt-modal-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.rt-modal-close:hover{color:var(--color-text)}.rt-modal-body{overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-sm)}.rt-modal-body iframe{border:none;border-radius:var(--radius-md);transform-origin:top left}@media(max-width:1199px){.rt-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:767px){.rt-grid{grid-template-columns:1fr;max-width:400px}.rt-hero{padding:var(--space-xl) 0 var(--space-md)}.rt-hero h1{font-size:2rem}.rt-filters{flex-wrap:wrap}.rt-info-grid{grid-template-columns:1fr}}