.main-content[data-astro-cid-276ho36w]{min-height:calc(100vh - 200px);padding:var(--space-8) 0}.tool-layout[data-astro-cid-276ho36w]{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.tool-header[data-astro-cid-276ho36w]{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid var(--primary)}.tool-title[data-astro-cid-276ho36w]{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;color:var(--text-primary);margin:0 0 var(--space-4) 0;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.tool-icon[data-astro-cid-276ho36w]{width:28px;height:28px;color:var(--primary)}.tool-description[data-astro-cid-276ho36w]{color:var(--text-secondary);font-size:1rem;max-width:600px;margin:0 auto;line-height:1.6}.breadcrumb[data-astro-cid-276ho36w]{margin-bottom:var(--space-6);padding:var(--space-3) 0}.breadcrumb-list[data-astro-cid-276ho36w]{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-tertiary)}.breadcrumb-link[data-astro-cid-276ho36w]{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link[data-astro-cid-276ho36w]:hover{color:var(--primary-hover)}.breadcrumb-separator[data-astro-cid-276ho36w]{color:var(--text-tertiary)}.tool-container[data-astro-cid-276ho36w]{background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.form-group[data-astro-cid-276ho36w]{margin-bottom:var(--space-6)}.form-label[data-astro-cid-276ho36w]{display:block;font-weight:600;color:var(--text-primary);font-size:.875rem;margin-bottom:var(--space-2)}.form-input[data-astro-cid-276ho36w]{width:100%;padding:var(--space-3);border:2px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--surface-secondary);color:var(--text-primary);font-family:inherit;font-size:.875rem;transition:all var(--transition-medium);box-sizing:border-box}.form-input[data-astro-cid-276ho36w]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #14b8a633;background:var(--surface)}.btn[data-astro-cid-276ho36w]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:.875rem;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-medium);font-family:inherit}.btn-primary[data-astro-cid-276ho36w]{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 4px 16px #14b8a64d}.btn-primary[data-astro-cid-276ho36w]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #14b8a666}.btn-secondary[data-astro-cid-276ho36w]{background:var(--surface-secondary);color:var(--text-primary);border:2px solid var(--border-medium)}.btn-secondary[data-astro-cid-276ho36w]:hover{background:var(--surface-tertiary);border-color:var(--primary);transform:translateY(-1px)}.viewport-grid[data-astro-cid-276ho36w]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.viewport-card[data-astro-cid-276ho36w]{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:all var(--transition-medium);cursor:pointer}.viewport-card[data-astro-cid-276ho36w]:hover{border-color:var(--primary);background:var(--surface-tertiary);transform:translateY(-2px)}.viewport-card[data-astro-cid-276ho36w].active{border-color:var(--primary);background:#14b8a61a}.viewport-name[data-astro-cid-276ho36w]{font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.viewport-size[data-astro-cid-276ho36w]{font-size:.875rem;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,Courier New,monospace}.preview-container[data-astro-cid-276ho36w]{margin-top:var(--space-8);background:var(--surface-secondary);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--border-light)}.preview-header[data-astro-cid-276ho36w]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-light)}.preview-title[data-astro-cid-276ho36w]{font-weight:600;color:var(--text-primary)}.preview-info[data-astro-cid-276ho36w]{font-size:.875rem;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,Courier New,monospace}.preview-frame[data-astro-cid-276ho36w]{width:100%;border:2px solid var(--border-medium);border-radius:var(--radius-md);background:#fff;transition:all var(--transition-medium);resize:both;overflow:auto;min-height:300px}.device-controls[data-astro-cid-276ho36w]{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.device-btn[data-astro-cid-276ho36w]{padding:var(--space-2) var(--space-3);font-size:.75rem;border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.device-btn[data-astro-cid-276ho36w]:hover,.device-btn[data-astro-cid-276ho36w].active{background:var(--primary);color:#fff;border-color:var(--primary)}.status-indicator[data-astro-cid-276ho36w]{display:inline-flex;align-items:center;gap:var(--space-1);font-size:.75rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:600}.status-good[data-astro-cid-276ho36w]{background:#22c55e1a;color:#16a34a}.status-warning[data-astro-cid-276ho36w]{background:#f59e0b1a;color:#d97706}.status-poor[data-astro-cid-276ho36w]{background:#ef44441a;color:#dc2626}@media(max-width:768px){.main-content[data-astro-cid-276ho36w]{padding:var(--space-6) 0}.tool-layout[data-astro-cid-276ho36w]{padding:0 var(--space-3)}.tool-container[data-astro-cid-276ho36w]{padding:var(--space-6)}.viewport-grid[data-astro-cid-276ho36w]{grid-template-columns:1fr}.device-controls[data-astro-cid-276ho36w]{justify-content:center}}