@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,system-ui,sans-serif;background:#0f0f12;color:#e0e0e0}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#1a1a22;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.app-header h1{font-size:18px;font-weight:600;background:linear-gradient(135deg,#f25c54,#ff8a65);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.header-actions{display:flex;gap:8px;margin-left:auto}.sample-btn,.upload-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a;color:#aaa;font-size:13px;cursor:pointer;transition:all .15s}.sample-btn:hover,.upload-btn:hover{background:#ffffff14;color:#fff}.sample-btn.active{background:#f25c5426;color:#f25c54;border-color:#f25c544d}.status{font-size:12px;color:#666;white-space:nowrap}.canvas-area{flex:1;position:relative;overflow:hidden}