*{box-sizing:border-box}body{color:#f2f2f2;background:#0f1115;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.page{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.page-header{text-align:center;margin-bottom:40px}.page-header h1{margin:0 0 8px;font-size:2.25rem}.page-header p{color:#9a9fa8;margin:0}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.card{color:inherit;background:#1a1d24;border:1px solid #262a33;border-radius:12px;text-decoration:none;transition:transform .15s,border-color .15s;display:block;overflow:hidden}.card:hover{border-color:#3d4453;transform:translateY(-4px)}.card-thumb{aspect-ratio:16/10;background:#22262f;justify-content:center;align-items:center;display:flex}.card-thumb img{object-fit:cover;width:100%;height:100%}.card-thumb-placeholder{color:#4b5162;font-size:2.5rem;font-weight:700}.card-body{padding:16px}.card-body h2{margin:0 0 6px;font-size:1.1rem}.card-body p{color:#9a9fa8;margin:0;font-size:.9rem}.empty-state{text-align:center;color:#9a9fa8;border:1px dashed #2a2f3a;border-radius:12px;padding:60px 20px}.empty-state code{background:#1a1d24;border-radius:4px;padding:2px 6px}.view-page{background:#05060a;flex-direction:column;height:100dvh;display:flex}.back-link{color:#c7cad1;padding:16px 24px;font-size:.9rem;text-decoration:none;display:inline-block}.back-link:hover{color:#fff}.device-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px 24px 24px;display:flex}.device-scaled{position:relative}.device-frame{transform-origin:0 0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:0;left:0;box-shadow:0 30px 80px #0000008c}.device-camera{background:#0a0a0b;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff14}.device-screen{background:#000;overflow:hidden}