*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#e0e7ff,rgb(173,191.5161290323,255));min-height:100vh;color:#1f2937;line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh;gap:1.5rem;padding:1.5rem;max-width:1200px;margin:0 auto}.header{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:2rem;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.08)}.header h1{color:#1f2937;font-size:2rem;margin-bottom:.75rem;font-weight:700}.header p{color:hsl(215,27.9069767442%,36.862745098%);font-size:1.1rem;max-width:700px;margin:0 auto}.main-content{display:flex;flex-direction:column;gap:1.5rem}.code-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:1.75rem;box-shadow:0 4px 12px rgba(0,0,0,.08)}.code-section .section-title{margin-bottom:1.25rem}.code-editor{width:100%;height:400px;background:#1f2937;color:#e5e7eb;border:1px solid hsl(215,27.9069767442%,26.862745098%);border-radius:8px;padding:1.25rem;font-family:Fira Code,Consolas,Courier New,monospace;font-size:.95rem;resize:none;outline:none;line-height:1.6}.code-editor:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.output{background:#1f2937;color:#e5e7eb;padding:1.25rem;margin-top:1.25rem;font-family:Fira Code,Consolas,Courier New,monospace;font-size:.9rem;min-height:120px;max-height:200px;overflow-y:auto;border-radius:8px;border:1px solid hsl(215,27.9069767442%,26.862745098%);line-height:1.6}.unity-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:1.75rem;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column}.unity-section .section-title{margin-bottom:1.25rem}.unity-canvas{width:100%;height:500px;background:hsl(220,13.0434782609%,95.9803921569%);border:1px solid #e5e7eb;border-radius:8px;position:relative;overflow:hidden;margin-bottom:1.5rem}.game-object{position:absolute;width:80px;height:80px;cursor:grab;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center;font-weight:600;color:#e5e7eb;text-shadow:1px 1px 3px rgba(0,0,0,.7);box-shadow:0 3px 6px rgba(0,0,0,.16);border-radius:6px;font-size:.9rem}.game-object:hover{transform:scale(1.15);box-shadow:0 5px 15px rgba(0,0,0,.3);z-index:2}.game-object:active{cursor:grabbing}.game-object.selected{outline:3px solid #3b82f6;outline-offset:3px;z-index:3}.cube{background:#dc2626;border:1px solid hsl(0,72.2222222222%,35.5882352941%)}.sphere{background:#3b82f6;border:1px solid rgb(7.7926829268,69.2682926829,169.7073170732);border-radius:50%}.cylinder{background:#16a34a;border:1px solid rgb(6.8378378378,50.6621621622,23);border-radius:25px 25px 10px 10px}.property-panel{background:#fff;padding:1.5rem;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.property-panel h4{font-size:1.1rem;margin-bottom:1rem;color:#1f2937;font-weight:600}.property-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.property-item:hover{background:hsl(220,13.0434782609%,98.9803921569%)}.property-item label{color:#1f2937;font-size:.9rem;font-weight:500}.property-item input{border:1px solid #e5e7eb;padding:.5rem;width:100px;border-radius:6px;font-size:.9rem;background:#fff;transition:all .2s ease}.property-item input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2);outline:none}.controls{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;gap:1rem;flex-wrap:wrap}.btn{background:#1f2937;color:#e5e7eb;border:none;padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;border-radius:8px;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-weight:500}.btn:hover{background:hsl(215,27.9069767442%,26.862745098%);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn.success{background:#16a34a}.btn.success:hover{background:rgb(17.1481081081,127.0518918919,57.68)}.btn.danger{background:#dc2626}.btn.danger:hover{background:hsl(0,72.2222222222%,42.5882352941%)}.tutorials{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.tutorial-btn{background:#fff;color:#1f2937;border:1px solid #e5e7eb;padding:.6rem 1.25rem;cursor:pointer;font-size:.9rem;border-radius:8px;transition:all .3s ease;font-weight:500}.tutorial-btn:hover{background:hsl(220,13.0434782609%,85.9803921569%);transform:translateY(-2px);box-shadow:0 2px 6px rgba(0,0,0,.1)}.compiler-status{display:flex;align-items:center;gap:.75rem;color:#1f2937;margin-left:auto;padding:.5rem 1rem;background:#fff;border-radius:8px;font-weight:500}.compiler-status .status-indicator{width:12px;height:12px;border-radius:50%;background:#16a34a;animation:pulse 2s infinite}.fps-counter{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.7);color:#e5e7eb;padding:.5rem 1rem;font-family:Fira Code,Consolas,Courier New,monospace;font-size:.85rem;border-radius:6px;backdrop-filter:blur(4px)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.app-container{padding:1rem;gap:1rem}.header{padding:1.5rem}.header h1{font-size:1.6rem}.header p{font-size:1rem}.code-editor{height:300px}.unity-canvas{height:400px}.btn{padding:.6rem 1rem;font-size:.9rem}.tutorial-btn{padding:.5rem 1rem}}@media(max-width:480px){.property-item{flex-direction:column;align-items:flex-start;gap:.5rem}.property-item input{width:100%}.controls{justify-content:center}.compiler-status{margin:0 auto}}