:root{--mobile-padding: 12px;--tablet-padding: 16px;--desktop-padding: 24px}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}}.hide-desktop{display:block}@media(min-width:768px){.hide-desktop{display:none}}@media(max-width:767px){.split-pane-container{flex-direction:column!important}.split-pane-container>div:first-child{width:100%!important;min-width:100%!important;max-width:100%!important;height:40vh!important}.split-pane-container>div:last-child{width:100%!important;height:60vh!important}.split-pane-divider{display:none!important}.app-header{padding:8px 12px!important}.app-header h1{font-size:16px!important}.buffer-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.buffer-tabs::-webkit-scrollbar{display:none}.modal-content{width:95%!important;max-width:none!important;margin:10px!important}.controls-bar{padding:8px 12px!important;gap:8px!important}.controls-bar button{padding:6px 10px!important;font-size:12px!important}.error-panel{font-size:12px!important;max-height:150px!important}.shader-grid{grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}.profile-header{flex-direction:column!important;align-items:center!important;text-align:center!important}.profile-stats{justify-content:center!important}}@media(min-width:768px)and (max-width:1023px){.shader-grid{grid-template-columns:repeat(2,1fr)!important}.split-pane-container>div:first-child{min-width:300px!important}}@media(pointer:coarse){button,.clickable{min-height:44px;min-width:44px}.shader-card:hover{transform:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--border-color: #fff;--text-secondary: #ccc}}@media print{.app-header,.controls-bar,.buffer-tabs,.modal-overlay{display:none!important}.shader-preview{page-break-inside:avoid}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#0f0f1a;color:#fff;line-height:1.5;min-height:100vh;overflow-x:hidden}:focus-visible{outline:2px solid #4a6cf7;outline-offset:2px}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}a{color:#4a6cf7;text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#3d3d4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a5a}*{scrollbar-width:thin;scrollbar-color:#3d3d4d #1a1a2e}::selection{background:#4a6cf74d;color:#fff}