.preview-page[data-astro-cid-wrk4irra]{min-height:100vh;background:#0a0a0f;font-family:Inter,Zen Kaku Gothic New,sans-serif}.page-header[data-astro-cid-wrk4irra]{border-bottom:1px solid rgba(255,255,255,.08);padding:24px 40px;background:#ffffff05}.page-header-inner[data-astro-cid-wrk4irra]{max-width:1300px;margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.back-link[data-astro-cid-wrk4irra]{color:#fff6;font-size:13px;text-decoration:none;white-space:nowrap;padding-top:4px;transition:color .15s}.back-link[data-astro-cid-wrk4irra]:hover{color:#fffc}.page-title-block[data-astro-cid-wrk4irra]{flex:1}.page-title[data-astro-cid-wrk4irra]{font-size:22px;font-weight:700;color:#fff;margin-bottom:6px}.page-subtitle[data-astro-cid-wrk4irra]{font-size:13px;color:#ffffff73;line-height:1.6}.page-meta[data-astro-cid-wrk4irra]{display:flex;gap:8px;flex-shrink:0}.meta-badge[data-astro-cid-wrk4irra]{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:4px 12px;font-size:11px;color:#ffffff73;white-space:nowrap}.page-main[data-astro-cid-wrk4irra]{max-width:1300px;margin:0 auto;padding:40px 40px 80px;display:flex;flex-direction:column;gap:64px}.pattern-header[data-astro-cid-wrk4irra]{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.pattern-header-left[data-astro-cid-wrk4irra]{flex:1}.pattern-tag[data-astro-cid-wrk4irra]{display:inline-block;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.pattern-name[data-astro-cid-wrk4irra]{font-size:20px;font-weight:700;color:#fff;margin-bottom:6px}.pattern-desc[data-astro-cid-wrk4irra]{font-size:13px;color:#ffffff73;line-height:1.7;max-width:560px}.pattern-links[data-astro-cid-wrk4irra]{display:flex;gap:10px;flex-shrink:0}.preview-btn[data-astro-cid-wrk4irra]{display:flex;align-items:center;gap:7px;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.preview-btn[data-astro-cid-wrk4irra]:hover{opacity:.8}.preview-btn-pc[data-astro-cid-wrk4irra]{background:#e85b81;color:#fff}.preview-btn-sp[data-astro-cid-wrk4irra]{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffffb3}.btn-icon[data-astro-cid-wrk4irra]{font-size:14px}.frames-row[data-astro-cid-wrk4irra]{display:grid;grid-template-columns:1fr 290px;gap:24px;align-items:start}.frame-wrap[data-astro-cid-wrk4irra]{min-width:0;overflow:hidden}.frame-label[data-astro-cid-wrk4irra]{font-size:11px;font-weight:600;color:#ffffff59;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.frame-browser[data-astro-cid-wrk4irra]{background:#1a1a2e;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.browser-bar[data-astro-cid-wrk4irra]{background:#111128;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.06)}.browser-dots[data-astro-cid-wrk4irra]{display:flex;gap:5px}.browser-dots[data-astro-cid-wrk4irra] span[data-astro-cid-wrk4irra]{width:10px;height:10px;border-radius:50%;background:#ffffff26}.browser-dots[data-astro-cid-wrk4irra] span[data-astro-cid-wrk4irra]:nth-child(1){background:#ff5f57}.browser-dots[data-astro-cid-wrk4irra] span[data-astro-cid-wrk4irra]:nth-child(2){background:#febc2e}.browser-dots[data-astro-cid-wrk4irra] span[data-astro-cid-wrk4irra]:nth-child(3){background:#28c840}.browser-url[data-astro-cid-wrk4irra]{background:#ffffff0f;border-radius:4px;padding:4px 12px;font-size:11px;color:#ffffff4d;flex:1;text-align:center}.frame-container[data-astro-cid-wrk4irra]{position:relative;height:540px;overflow:hidden;width:100%}.preview-frame-pc[data-astro-cid-wrk4irra]{position:absolute;top:0;left:0;width:1280px;height:960px;border:none;transform-origin:top left;pointer-events:auto}.frame-sp[data-astro-cid-wrk4irra]{width:290px;flex-shrink:0}.frame-phone[data-astro-cid-wrk4irra]{background:#1a1a1a;border-radius:36px;overflow:hidden;border:2px solid rgba(255,255,255,.12);padding:12px 8px;box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #ffffff0a;width:290px}.phone-notch[data-astro-cid-wrk4irra]{width:80px;height:24px;background:#111;border-radius:12px;margin:0 auto 10px;border:1px solid rgba(255,255,255,.06)}.phone-home[data-astro-cid-wrk4irra]{width:80px;height:4px;background:#ffffff26;border-radius:999px;margin:10px auto 0}.frame-container-sp[data-astro-cid-wrk4irra]{position:relative;height:580px;overflow:hidden;border-radius:4px;width:100%}.preview-frame-sp[data-astro-cid-wrk4irra]{position:absolute;top:0;left:0;width:390px;height:900px;border:none;transform-origin:top left;pointer-events:auto}