:root{--bg:#f8f9fa;--card:#fff;--border:#e2e5e9;--border-hover:#ccd0d5;--text-1:#1a1a2e;--text-2:#5f6368;--text-3:#9aa0a6;--primary:#e85d24;--primary-hover:#cc4d1a;--primary-bg:#fef4ee;--primary-light:#fde8d8;--green:#34a853;--yellow:#f9ab00;--red:#ea4335;--footer-bg:#1a1a2e;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--disabled:#d0d3d8;--error-bg:#fef2f2;--error-border:#fecaca;--error-text:#991b1b;--error-text-2:#b91c1c;--success-bg:#f0fdf4;--success-border:#bbf7d0;--success-text:#166534;--success-text-2:#15803d;--warning-bg:#fffbeb;--warning-border:#fef08a;--warning-text:#854d0e;--warning-bg-2:#fefce8;--warning-active-bg:#fef9c3;--error-active-bg:#fee2e2;--success-active-bg:#dcfce7;--primary-alpha-12:#e85d241f;--primary-alpha-20:#e85d2433;--primary-alpha-25:#e85d2440;--primary-alpha-35:#e85d2459;--heading:#1a1a1a;--body-text:#6b7280;--body-muted:#4b5563;--body-strong:#374151}body{background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6}h1,h2,h3,.heading-serif{font-family:DM Serif Display,Georgia,Times New Roman,serif}svg{flex-shrink:0;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--disabled);border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fillBar{0%{width:0%}}@keyframes progressPulse{0%{opacity:.8;width:5%}50%{opacity:1;width:85%}to{opacity:.8;width:5%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:1s linear infinite spin}.score-fill{animation:.6s ease-out fillBar}.card-hover{transition:transform .2s,box-shadow .2s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}div:hover>.zoom-icon{opacity:1!important}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite shimmer}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{background:var(--disabled);color:var(--text-3);cursor:not-allowed}.btn-gradient{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;cursor:pointer;box-shadow:0 4px 16px var(--primary-alpha-25);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-gradient:hover{box-shadow:0 6px 24px var(--primary-alpha-35);transform:translateY(-1px)}.btn-gradient:disabled{background:var(--disabled);color:var(--text-3);cursor:not-allowed;box-shadow:none;transform:none}.fade-in{animation:.3s ease-out both fadeIn}.fade-in-delay-1{animation:.3s ease-out 50ms both fadeIn}.fade-in-delay-2{animation:.3s ease-out .1s both fadeIn}.fade-in-delay-3{animation:.3s ease-out .15s both fadeIn}.studio-sidebar-content{flex:1;padding:12px 16px;overflow-y:auto}.mobile-hamburger,.mobile-sidebar-toggle{display:none}@media (max-width:768px){.hide-mobile,.responsive-nav{display:none!important}.mobile-hamburger{cursor:pointer;width:40px;height:40px;color:var(--text-1);background:0 0;border:none;justify-content:center;align-items:center;display:flex!important}#nav-toggle:checked~.responsive-nav{border-bottom:1px solid var(--border);z-index:100;background:#fff;flex-direction:column;padding:8px 0;position:absolute;top:52px;left:0;right:0;box-shadow:0 8px 24px #00000014;display:flex!important}#nav-toggle:checked~.responsive-nav a{padding:12px 20px!important;font-size:15px!important}.responsive-sidebar-layout{min-height:calc(100vh - 52px);flex-direction:column!important;height:auto!important}.responsive-sidebar-layout>.studio-sidebar{border-right:none!important;border-bottom:1px solid var(--border)!important;width:100%!important}.studio-sidebar-collapsed .studio-sidebar-content{display:none!important}.mobile-sidebar-toggle{border:1px solid var(--border);background:var(--gray-50);cursor:pointer;width:32px;height:32px;color:var(--text-2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.features-grid{grid-template-columns:1fr!important}.steps-grid{grid-template-columns:repeat(2,1fr)!important;gap:24px!important}.section-pad{padding:48px 16px!important}.costs-two-col,.costs-three-col{grid-template-columns:1fr!important}.photo-grid-4{grid-template-columns:repeat(3,1fr)!important}.touch-target{min-width:44px!important;min-height:44px!important}.view-toggle-btn{padding:10px 18px!important;font-size:13px!important}.constraint-toggle-btn{padding:10px 8px!important;font-size:12px!important}.tab-btn{padding:12px 0!important;font-size:13px!important}.responsive-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.steps-grid{grid-template-columns:1fr!important}.photo-grid-4{grid-template-columns:repeat(2,1fr)!important}}