:root{--bg-canvas: #fbfbfa;--bg-surface: #ffffff;--bg-surface-elevated: #f4f2ed;--bg-surface-card: #ffffff;--bg-glass: rgba(255, 255, 255, .88);--border-subtle: rgba(15, 23, 42, .08);--border-medium: rgba(15, 23, 42, .14);--border-focus: #2563eb;--pigment-paper: #ffffff;--pigment-ink: #0f172a;--pigment-ink-secondary: #334155;--pigment-lapis: #2563eb;--pigment-lapis-hover: #1d4ed8;--pigment-saffron: #d97706;--pigment-peony: #ea580c;--pigment-fern: #059669;--pigment-amethyst: #7c3aed;--pigment-slate: #64748b;--pigment-muted: #94a3b8;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 20px 48px rgba(15, 23, 42, .08);--shadow-glow-lapis: 0 0 24px rgba(37, 99, 235, .2)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-canvas);color:var(--pigment-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.025em;font-weight:700;color:var(--pigment-ink)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:var(--border-medium);box-shadow:var(--shadow-lg)}.card-elevated{background:var(--bg-surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-elevated:hover{transform:translateY(-2px);border-color:var(--border-medium);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;border:none;transition:all .2s ease;font-family:var(--font-body);text-decoration:none}.btn-primary{background:var(--pigment-lapis);color:#fff;box-shadow:0 4px 14px #2563eb40}.btn-primary:hover{background:var(--pigment-lapis-hover);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59}.btn-secondary{background:#fff;color:var(--pigment-ink);border:1px solid var(--border-medium);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--bg-surface-elevated);border-color:#0f172a33}.btn-outline{background:transparent;color:var(--pigment-ink);border:1px solid var(--border-medium)}.btn-outline:hover{background:#00000008}.btn-sm{padding:6px 14px;font-size:13px;border-radius:var(--radius-sm)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;border-radius:var(--radius-full);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--pigment-ink-secondary)}.chip-active{background:#2563eb14;border-color:#2563eb40;color:var(--pigment-lapis)}.chip-success{background:#05966914;border-color:#05966940;color:var(--pigment-fern)}.chip-warning{background:#d9770614;border-color:#d9770640;color:var(--pigment-saffron)}.optical-grid{background-image:radial-gradient(rgba(15,23,42,.08) 1px,transparent 1px);background-size:24px 24px}.optical-lens-scale{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--pigment-slate);background:var(--bg-surface-elevated);padding:3px 8px;border-radius:4px;border:1px solid var(--border-subtle);display:inline-flex;align-items:center;gap:6px}.film-stamp{font-family:var(--font-mono);font-size:10px;color:var(--pigment-muted);letter-spacing:.12em;text-transform:uppercase}.knurled-band{background:repeating-linear-gradient(90deg,rgba(15,23,42,.06) 0px,rgba(15,23,42,.06) 2px,transparent 2px,transparent 4px);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);height:8px;width:100%}.reticle-bracket{position:absolute;width:12px;height:12px;border-color:#2563eb;pointer-events:none;z-index:5}.reticle-top-left{top:10px;left:10px;border-top:2px solid;border-left:2px solid}.reticle-top-right{top:10px;right:10px;border-top:2px solid;border-right:2px solid}.reticle-bottom-left{bottom:10px;left:10px;border-bottom:2px solid;border-left:2px solid}.reticle-bottom-right{bottom:10px;right:10px;border-bottom:2px solid;border-right:2px solid}.reticle-crosshair{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);pointer-events:none;opacity:.45}.reticle-crosshair:before,.reticle-crosshair:after{content:"";position:absolute;background:#2563eb}.reticle-crosshair:before{top:9px;left:0;width:20px;height:2px}.reticle-crosshair:after{top:0;left:9px;width:2px;height:20px}.prism-hover{position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.prism-hover:hover{transform:translateY(-3px);box-shadow:0 14px 36px -4px #2563eb2e,0 0 20px #f59e0b1f;border-color:#2563eb73}@keyframes portalZoomIn{0%{opacity:0;transform:scale(.96) translateY(12px);filter:blur(8px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.studio-enter-animation{animation:portalZoomIn .35s cubic-bezier(.16,1,.3,1) forwards}.auth-toast{position:fixed;bottom:24px;right:24px;background:#0f172a;color:#fff;padding:14px 20px;border-radius:var(--radius-md);box-shadow:0 12px 32px #0f172a4d;display:flex;align-items:center;gap:12px;z-index:1000;animation:toastSlideUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}@media(max-width:768px){header.app-header{padding:10px 16px}header.app-header .header-center-nav{display:none}header.app-header .optical-lens-scale{display:none}header.app-header .film-stamp{display:none}section.hero-section{grid-template-columns:1fr;gap:36px;padding:16px 0 40px}.hero-section .hero-title{font-size:2.15rem;line-height:1.22;margin-bottom:16px}.hero-section .hero-desc{font-size:15px;line-height:1.6;margin-bottom:24px}.hero-section .hero-btn-group{flex-direction:column;width:100%;gap:12px}.hero-btn-group .btn{width:100%;justify-content:center;padding:14px 20px;font-size:15px}.hero-section .stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;padding-top:20px;text-align:center}.hero-section .stats-bar>div>div:first-child{font-size:20px}.hero-section .stats-bar>div>div:last-child{font-size:11px}.viewfinder-wrapper{width:100%;max-width:320px;margin:0 auto}.viewfinder-mockup{width:100%;padding:10px;border-radius:30px}.viewfinder-screen{border-radius:20px}.domain-pack-panel{grid-template-columns:1fr;padding:20px;gap:20px}.domain-pack-tabs{flex-wrap:wrap;gap:8px}.domain-pack-tabs .btn{font-size:13px;padding:8px 12px;flex:1 1 calc(33.333% - 8px)}.wireless-banner{flex-direction:column;align-items:stretch;padding:24px 18px;margin-top:36px;text-align:center}.wireless-banner .btn{width:100%}.download-modal-dialog{padding:24px 18px;max-height:90vh;overflow-y:auto}}@media(max-width:480px){.hero-section .hero-title{font-size:1.85rem}.domain-pack-tabs .btn{flex:1 1 100%}.hero-section .stats-bar{grid-template-columns:1fr 1fr}.hero-section .stats-bar>div:last-child{grid-column:span 2}}