:root{--primary-color:#4f7fff;--primary-light:#7a9bff;--primary-dark:#3562e0;--secondary-color:#ff9e00;--secondary-light:#ffb84d;--secondary-dark:#cc7e00;--background-color:#121212;--surface-color:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--text-light:#f8f9fa;--border-color:#333;--success-color:#28a745;--error-color:#e74c3c;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--heading-font:"Poppins",var(--font-family);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2.5rem;--spacing-xxl:4rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-sm:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.5);--shadow-md:0 4px 6px rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.2);--shadow-lg:0 10px 15px rgba(0,0,0,.3),0 4px 6px rgba(0,0,0,.2);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--container-width:1200px;--container-padding:1rem}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-family);font-size:16px;line-height:1.5;color:var(--text-primary);background-color:var(--background-color)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem;margin-bottom:var(--spacing-lg)}h2{font-size:2rem;margin-bottom:var(--spacing-md)}h3{font-size:1.5rem;margin-bottom:var(--spacing-sm)}ol,p,ul{margin-bottom:var(--spacing-md)}ol,ul{padding-left:var(--spacing-lg)}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.page{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding:var(--spacing-lg) 0 var(--spacing-xxl)}.header{background-color:#0a0a0a;box-shadow:0 2px 10px rgba(0,0,0,.5);padding:var(--spacing-md) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid #333}.header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.site-title{font-size:1.5rem;margin-bottom:0}.main-nav ul{display:flex;list-style:none;margin:0;padding:0}.main-nav li{margin-left:var(--spacing-md)}.main-nav a{color:var(--text-primary);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.main-nav a:hover{background-color:var(--primary-light);color:var(--text-light);text-decoration:none}:focus{outline:2px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:8px;z-index:100}.skip-link:focus{top:0}.error-message{background-color:rgba(231,76,60,.1);border-left:3px solid var(--error-color);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm);color:#ff8b82}.footer{background-color:#0a0a0a;color:var(--text-light);padding:var(--spacing-xl) 0;margin-top:auto;border-top:1px solid var(--border-color)}.footer p{margin-bottom:var(--spacing-sm);opacity:.8}.style-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.btn-style{background-color:#262626;border:1px solid var(--primary-color);color:var(--primary-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer}.btn-style:hover{background-color:var(--primary-color);color:var(--text-light);box-shadow:0 0 10px rgba(79,127,255,.3)}.enhancer-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin:var(--spacing-lg) 0}@media (min-width:768px){.enhancer-grid{grid-template-columns:1fr 1fr}}.modifiers-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media (min-width:768px){.modifiers-grid{grid-template-columns:1fr 1fr}}.modifier-group{margin-bottom:var(--spacing-sm)}.form-select{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:#262626;color:var(--text-primary);font-family:var(--font-family);font-size:1rem;transition:border-color var(--transition-fast)}.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(79,127,255,.2);outline:none}.enhancer-section{margin-bottom:var(--spacing-lg)}.enhancer-input,.enhancer-output,.enhancer-section,.style-section{padding:var(--spacing-md);background-color:#1a1a1a;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);border:1px solid #2c2c2c}.style-section{margin-top:var(--spacing-lg)}.enhanced-prompt{margin:var(--spacing-md) 0;padding:var(--spacing-md);background-color:rgba(79,127,255,.1);border:1px solid var(--primary-light);border-radius:var(--border-radius-md);position:relative;color:var(--text-primary)}.copy-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--primary-color);color:var(--text-light);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;cursor:pointer;transition:background-color var(--transition-fast)}.copy-button:hover{background-color:var(--primary-dark)}.copy-success{position:absolute;top:var(--spacing-sm);right:var(--spacing-md);background-color:var(--success-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.75rem}.category-selector{margin:var(--spacing-md) 0}.form-help-text{font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.film-effects-selector{margin-bottom:var(--spacing-lg)}.categories-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-xs)}.category-tab{padding:var(--spacing-xs) var(--spacing-sm);background-color:#262626;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.category-tab.active{background-color:var(--primary-color);color:var(--text-light);border-color:var(--primary-color);box-shadow:0 0 10px rgba(79,127,255,.3)}.category-tab:hover:not(.active){background-color:#333;color:var(--text-light);border-color:var(--primary-light)}.effects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.effect-item{padding:var(--spacing-sm);background-color:#262626;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.effect-item:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm);background-color:#2a2a2a}.effect-item.selected{background-color:rgba(79,127,255,.15);border-color:var(--primary-color)}.effect-name{font-weight:500;margin-bottom:var(--spacing-xs)}.effect-description{font-size:.75rem;color:var(--text-secondary)}.selected-effects-summary{padding:var(--spacing-sm);border:1px solid #333;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);background-color:#1a1a1a}.selected-effects-summary h4{font-size:1rem;margin-bottom:var(--spacing-sm)}.clear-all-button{font-size:.75rem;color:var(--text-secondary);background:none;border:none;cursor:pointer;text-decoration:underline;margin-bottom:var(--spacing-sm)}.clear-all-button:hover{color:var(--error-color)}.selected-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.effect-tag{display:flex;align-items:center;background-color:var(--primary-light);color:var(--text-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.75rem}.remove-effect{background:none;border:none;color:var(--text-light);margin-left:var(--spacing-xs);cursor:pointer;font-size:1rem;line-height:1}.remove-effect:hover{color:hsla(0,0%,100%,.8)}@media (max-width:767px){.header .container{flex-direction:column;align-items:flex-start}.main-nav{margin-top:var(--spacing-sm);width:100%;overflow-x:auto}.main-nav ul{padding-bottom:var(--spacing-xs)}.main-nav li:first-child{margin-left:0}.effects-grid{grid-template-columns:1fr}}