:root{--color-navy: #0a4a5c;--color-sky-blue: #a8d5e2;--color-lime-green: #c5e99b;--color-warm-gray: #6b7280;--color-soft-beige: #faf9f6;--color-white: #ffffff}.camera-layout.svelte-1n16tvi{min-height:100vh;background:var(--color-soft-beige);display:flex;flex-direction:column;box-sizing:border-box}.camera-wrapper.svelte-1n16tvi{flex:1;display:flex;gap:24px;padding:32px 24px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.camera-header.svelte-1n16tvi{position:relative;z-index:2}.camera-layout--bottom.svelte-1n16tvi .camera-header:where(.svelte-1n16tvi){background:#faf9f6}.camera-header--default.svelte-1n16tvi{padding:24px 32px;border-radius:0 0 24px 24px}.camera-title.svelte-1n16tvi{font-size:32px;font-weight:700;color:var(--color-navy);margin:0;text-align:center;font-family:Pacifico,cursive}.camera-sidebar.svelte-1n16tvi{width:280px;flex-shrink:0}.camera-main.svelte-1n16tvi{flex:1;min-width:0}.camera-layout--top.svelte-1n16tvi .camera-sidebar:where(.svelte-1n16tvi){background:transparent;padding:0}.camera-layout--top.svelte-1n16tvi .camera-main:where(.svelte-1n16tvi){background:var(--color-white);border-radius:24px;padding:64px 48px;box-shadow:0 4px 12px #0000001a;position:relative;min-height:600px}.camera-layout--top.svelte-1n16tvi .camera-main:where(.svelte-1n16tvi):before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:8px;background:linear-gradient(90deg,var(--color-sky-blue) 0%,var(--color-lime-green) 100%);border-radius:0 0 8px 8px}.camera-layout--inside.svelte-1n16tvi{background:linear-gradient(135deg,#0a4a5c,#1a5a6c)}.camera-layout--inside.svelte-1n16tvi .camera-main:where(.svelte-1n16tvi){background:#fffffff2;border-radius:24px;padding:48px;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.camera-layout--back.svelte-1n16tvi .camera-main:where(.svelte-1n16tvi){background:var(--color-white);border-radius:24px;padding:32px;box-shadow:inset 0 2px 8px #00000014,0 4px 12px #0000001a;border:3px solid var(--color-navy)}.camera-layout--back.svelte-1n16tvi .camera-main:where(.svelte-1n16tvi):after{content:"";position:absolute;bottom:16px;right:16px;width:40px;height:40px;background:var(--color-lime-green);border-radius:50%;box-shadow:0 0 12px #c5e99b80}.camera-layout--side.svelte-1n16tvi .camera-wrapper:where(.svelte-1n16tvi){gap:16px}.camera-layout--side.svelte-1n16tvi .camera-sidebar:where(.svelte-1n16tvi){background:var(--color-white);border-radius:24px;padding:24px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:16px}.camera-layout--side.svelte-1n16tvi .camera-main:where(.svelte-1n16tvi){background:var(--color-white);border-radius:24px;padding:32px;box-shadow:0 4px 12px #0000001a}.camera-layout--bottom.svelte-1n16tvi{background:linear-gradient(135deg,#faf9f6,#f5f5f5)}.camera-layout--bottom.svelte-1n16tvi .camera-main:where(.svelte-1n16tvi){background:transparent;padding:48px 24px;max-width:800px;margin:0 auto}@media (max-width: 767px){.camera-wrapper.svelte-1n16tvi{flex-direction:column;padding:16px;gap:16px}.camera-sidebar.svelte-1n16tvi{width:100%}.camera-header--default.svelte-1n16tvi{padding:16px 20px;border-radius:0 0 16px 16px}.camera-title.svelte-1n16tvi{font-size:24px}.camera-layout--top.svelte-1n16tvi .camera-main:where(.svelte-1n16tvi),.camera-layout--inside.svelte-1n16tvi .camera-main:where(.svelte-1n16tvi),.camera-layout--back.svelte-1n16tvi .camera-main:where(.svelte-1n16tvi),.camera-layout--side.svelte-1n16tvi .camera-main:where(.svelte-1n16tvi){padding:24px}}