: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;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 16px 48px #0000001f;--z-dropdown:100;--z-sticky:200;--z-header:300;--z-overlay:900;--z-modal:1000;--z-tooltip:1100;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}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}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-hover{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}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}.btn-secondary{background:var(--card);color:var(--text-1);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:10px 24px;font-size:14px;font-weight:500}.btn-secondary:hover{border-color:var(--border-hover);background:var(--gray-50)}.btn-secondary:disabled{background:var(--gray-50);color:var(--text-3);cursor:not-allowed}.btn-ghost{color:var(--text-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:8px 12px;font-size:13px;font-weight:500}.btn-ghost:hover{background:var(--gray-100);color:var(--text-1)}.btn-danger{background:var(--red);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;padding:10px 24px;font-size:14px;font-weight:600}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 32px;font-size:16px}.input{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-1);background:var(--card);transition:border-color var(--transition-fast);padding:10px 12px;font-size:14px}.input:hover{border-color:var(--border-hover)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha-12);outline:none}.input::placeholder{color:var(--text-3)}.alert{padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:13px}.alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text)}.alert-success{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text)}.alert-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-bg);color:var(--primary)}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-error{background:var(--error-bg);color:var(--error-text)}.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}.studio-shell{height:auto!important;overflow:visible!important}.responsive-sidebar-layout{min-height:calc(100vh - 52px);flex-direction:column!important;height:auto!important;overflow:visible!important}.responsive-sidebar-layout>main{order:-1!important}.responsive-sidebar-layout>.studio-sidebar{border-right:none!important;border-top:1px solid var(--border)!important;border-bottom:none!important;width:100%!important;overflow:visible!important}.responsive-sidebar-layout>.studio-sidebar>div:first-child{flex:none!important;overflow:visible!important}.responsive-sidebar-layout>main{flex:none!important;padding:16px 16px 32px!important;overflow:visible!important}.responsive-sidebar-layout>.studio-sidebar>div:last-child{z-index:10!important;background:#f9fafb!important;position:sticky!important;bottom:0!important}body{overflow-y:auto}.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}}