.info-section{margin-bottom:2rem}.info-section h2{font-size:1.3rem;margin-bottom:1rem;color:var(--color-text)}.info-section p{line-height:1.7;color:var(--color-secondary)}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--color-secondary);line-height:1.6}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.faq-item summary{padding:1rem 1.25rem;cursor:pointer;font-weight:600;font-size:.95rem;color:var(--color-text);list-style:none;display:flex;align-items:center;gap:.5rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";font-size:1.2rem;color:var(--color-primary);min-width:20px}.faq-item[open] summary:before{content:"−"}.faq-item p{padding:0 1.25rem 1rem;margin:0;color:var(--color-secondary);line-height:1.7;font-size:.9rem}.tool-header[data-astro-cid-6vqay7tl]{margin-bottom:2rem}.url-input-section[data-astro-cid-6vqay7tl]{margin-bottom:1.5rem}.url-input-section[data-astro-cid-6vqay7tl] label[data-astro-cid-6vqay7tl]{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text)}.url-input-row[data-astro-cid-6vqay7tl]{display:flex;gap:.5rem}.url-input-row[data-astro-cid-6vqay7tl] input[data-astro-cid-6vqay7tl]{flex:1;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;background:var(--color-bg);color:var(--color-text)}.btn-primary[data-astro-cid-6vqay7tl]{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;white-space:nowrap;transition:opacity .2s}.btn-primary[data-astro-cid-6vqay7tl]:hover{opacity:.9}.device-presets[data-astro-cid-6vqay7tl]{margin-bottom:1rem}.device-presets[data-astro-cid-6vqay7tl] h3[data-astro-cid-6vqay7tl]{margin:0 0 .75rem;font-size:1rem;color:var(--color-text)}.preset-grid[data-astro-cid-6vqay7tl]{display:flex;flex-wrap:wrap;gap:.5rem}.preset-btn[data-astro-cid-6vqay7tl]{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.85rem;transition:all .2s}.preset-btn[data-astro-cid-6vqay7tl]:hover{border-color:var(--color-primary);color:var(--color-primary)}.preset-btn[data-astro-cid-6vqay7tl].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.controls-bar[data-astro-cid-6vqay7tl]{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;background:var(--color-bg)}.custom-size[data-astro-cid-6vqay7tl]{display:flex;align-items:center;gap:.5rem}.control-label[data-astro-cid-6vqay7tl]{font-weight:600;font-size:.9rem}.custom-size[data-astro-cid-6vqay7tl] input[data-astro-cid-6vqay7tl]{width:80px;padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:6px;text-align:center;font-size:.9rem;background:var(--color-bg);color:var(--color-text)}.dim-sep[data-astro-cid-6vqay7tl]{color:var(--color-secondary);font-weight:600}.btn-secondary[data-astro-cid-6vqay7tl]{padding:.4rem .8rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.85rem}.btn-secondary[data-astro-cid-6vqay7tl]:hover{border-color:var(--color-primary);color:var(--color-primary)}.viewport-info[data-astro-cid-6vqay7tl]{font-family:monospace;font-size:.85rem;color:var(--color-secondary);background:#f6f8fa;padding:.35rem .7rem;border-radius:6px}.control-buttons[data-astro-cid-6vqay7tl]{display:flex;gap:.5rem;margin-left:auto}.btn-icon[data-astro-cid-6vqay7tl]{padding:.4rem .8rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.85rem}.btn-icon[data-astro-cid-6vqay7tl]:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-icon[data-astro-cid-6vqay7tl].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.preview-container[data-astro-cid-6vqay7tl]{border:1px solid var(--color-border);border-radius:12px;background:#f0f2f5;min-height:500px;display:flex;justify-content:center;align-items:flex-start;padding:24px;overflow:auto;margin-bottom:2rem}.preview-wrapper[data-astro-cid-6vqay7tl]{transition:transform .2s ease}.device-frame[data-astro-cid-6vqay7tl]{background:#1a1a2e;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000026;transition:width .3s,height .3s}.device-header[data-astro-cid-6vqay7tl]{height:32px;background:#1a1a2e;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #2d2d44}.device-dims[data-astro-cid-6vqay7tl]{color:#888;font-size:.75rem;font-family:monospace}.device-frame[data-astro-cid-6vqay7tl] iframe[data-astro-cid-6vqay7tl]{border:none;display:block;background:#fff;transition:width .3s,height .3s}@media(prefers-color-scheme:dark){.preview-container[data-astro-cid-6vqay7tl]{background:#0d1117}.viewport-info[data-astro-cid-6vqay7tl]{background:#161b22}}@media(max-width:768px){.url-input-row[data-astro-cid-6vqay7tl]{flex-direction:column}.controls-bar[data-astro-cid-6vqay7tl]{flex-direction:column;align-items:stretch}.control-buttons[data-astro-cid-6vqay7tl]{margin-left:0;justify-content:center}.preset-grid[data-astro-cid-6vqay7tl]{justify-content:center}}