fix: 샘플 페이지 CSS 전역 오염으로 인한 사이드바 레이아웃 변경 수정

- interior/shopping 샘플 페이지의 * {} CSS 리셋이 사이드바 포함
  전체 DOM을 오염시키던 문제 수정
- .au-page / .ml-page 클래스로 스코프 한정:
  *, *::before, *::after → .au-page *, .ml-page * 로 변경
- 쇼핑몰 이미지: Unsplash CDN → picsum.photos 교체 (항상 안정 로드)
  seed 기반으로 일관된 이미지 유지

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/services/website/samples/interior/page.tsx

@@ -119,14 +119,15 @@ export default function InteriorSample() {
   const SURFACE = '#F0ECE4';
 
   return (
-    <div style={{ background: CREAM, color: DARK, fontFamily: "'Pretendard','Apple SD Gothic Neo',system-ui,sans-serif", overflowX: 'hidden' }}>
+    <div className="au-page" style={{ background: CREAM, color: DARK, fontFamily: "'Pretendard','Apple SD Gothic Neo',system-ui,sans-serif", overflowX: 'hidden' }}>
 
       {/* ══ 폰트 + 전역 CSS ══ */}
       <style dangerouslySetInnerHTML={{ __html: `
         @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap');
         @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.min.css');
 
-        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+        /* 전역 리셋을 .au-page 하위로 한정 — 사이드바 오염 방지 */
+        .au-page, .au-page *, .au-page *::before, .au-page *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
         @keyframes au-fadeUp {
           from { opacity: 0; transform: translateY(2rem); filter: blur(4px); }