@tailwind base;@tailwind components;@tailwind utilities;::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media screen and (min-width:768px)and (max-width:900px){.editor-scene-panel{width:200px!important}.editor-sidebar{width:280px!important}.editor-sidebar-inner{width:264px!important}}@media screen and (min-width:1100px)and (max-width:1250px){.editor-scene-panel{width:220px!important}.editor-sidebar{width:300px!important}.editor-sidebar-inner{width:284px!important}}@media screen and (min-width:950px)and (max-width:1099px){.editor-scene-panel{width:220px!important}.editor-sidebar{width:300px!important}.editor-sidebar-inner{width:284px!important}}@media screen and (min-width:768px)and (max-width:1400px){.sidebar-section-content{padding:.75rem!important}.sidebar-input{padding:.375rem .5rem!important;font-size:.7rem!important}.sidebar-toggle-row{margin-bottom:.75rem!important}.sidebar-section-header{padding:.75rem!important}.compact-button{padding:.375rem .625rem!important}}@media(pointer:coarse){.touch-target{min-height:44px;min-width:44px}.pill-toggle{transform:scale(1.1)}.drag-handle{padding:.5rem}}@media screen and (orientation:portrait)and (min-width:768px)and (max-width:1100px){.editor-layout-container{flex-direction:column}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.retina-border{border-width:.5px}}.card-pastel-peach{background:linear-gradient(135deg,#fff0eb,#fff7f4)}.card-pastel-mint{background:linear-gradient(135deg,#e8f5f0,#f2faf7)}.card-pastel-lavender{background:linear-gradient(135deg,#f0ebf8,#f8f5fc)}.card-pastel-cream{background:linear-gradient(135deg,#fffbe8,#fffef5)}.card-pastel-sky{background:linear-gradient(135deg,#e8f4ff,#f4f9ff)}.card-pastel-rose{background:linear-gradient(135deg,#fce8ec,#fef4f6)}.glass-panel{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3)}.glass-panel-dark{background:#1e1e23d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05)}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px #0000001a}.card-glow{position:relative}.card-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity .3s ease;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,140,50,.06),transparent 40%);pointer-events:none}.card-glow:hover:before{opacity:1}.bg-warm-cream{background-color:#faf9f7}.bg-warm-cream-subtle{background-color:#fcfbf9}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#00000026}.bento-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.bento-grid-item-large{grid-column:span 2;grid-row:span 2}@media(max-width:768px){.bento-grid-item-large{grid-column:span 1;grid-row:span 1}}.text-gradient-warm{background:linear-gradient(135deg,#f97316,#fb923c,#fdba74);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-pill{border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s ease}.btn-pill:hover{transform:scale(1.02)}.btn-pill:active{transform:scale(.98)}.bg-dark-primary{background-color:#000}.bg-dark-secondary{background-color:#0a0a0a}.bg-dark-elevated{background-color:#141414}.bg-dark-card{background-color:#1a1a1a}.dark .card-pastel-peach{background:linear-gradient(135deg,#1f1a18,#1a1715)}.dark .card-pastel-mint{background:linear-gradient(135deg,#161a18,#14171a)}.dark .card-pastel-lavender{background:linear-gradient(135deg,#1a1720,#18151d)}.dark .card-pastel-cream{background:linear-gradient(135deg,#1d1a14,#1a1812)}.dark .card-pastel-sky{background:linear-gradient(135deg,#14181d,#12161a)}.dark .card-pastel-rose{background:linear-gradient(135deg,#1d1418,#1a1215)}.dark .glass-panel{background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:#ffffff14}.dark .bg-warm-cream{background-color:#000}.dark .bg-warm-cream-subtle{background-color:#0a0a0a}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff26}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.dark .hover-lift:hover{box-shadow:0 20px 40px -12px #000000b3}.dark .text-gradient-warm{background:linear-gradient(135deg,#fb923c,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#050505;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .8s cubic-bezier(.65,0,.35,1),visibility .8s;opacity:1;visibility:visible}.loading-screen.absolute{position:absolute;z-index:50;border-radius:inherit}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.asterisk-container{position:relative;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.asterisk{width:100%;height:100%;color:#fff;animation:spin 2.5s cubic-bezier(.76,0,.24,1) infinite;filter:drop-shadow(0 0 15px rgba(255,255,255,.3))}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.asterisk-wrapper{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}
