*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:#0a0a0a;color:#fff;overflow:hidden}#root{width:100vw;height:100vh}.overlay{position:fixed;top:0;left:0;right:0;z-index:10;pointer-events:none}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%)}.header h1{font-size:18px;font-weight:600;letter-spacing:.5px}.header .badge{background:#e63946;color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:1px}.header .dims{font-size:13px;color:#888;font-weight:300}.panel-controls{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:16px 24px;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;gap:12px;align-items:center;justify-content:center;pointer-events:all}.upload-btn{background:#1a73e8;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;pointer-events:all}.upload-btn:hover{background:#1557b0;transform:translateY(-1px)}.upload-btn.active{background:#e63946}.panel-selector{display:flex;gap:8px;align-items:center}.panel-btn{background:#ffffff1a;color:#ccc;border:1px solid rgba(255,255,255,.15);padding:8px 14px;border-radius:6px;font-family:Inter,sans-serif;font-size:12px;cursor:pointer;transition:all .2s;pointer-events:all}.panel-btn:hover{background:#fff3;color:#fff}.panel-btn.selected{background:#1a73e8;color:#fff;border-color:#1a73e8}.drop-zone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#1a73e826;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border:3px dashed #1a73e8}.drop-zone p{font-size:24px;font-weight:600;color:#1a73e8}.info-panel{position:fixed;top:70px;right:20px;z-index:10;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;width:220px;pointer-events:all}.info-panel h3{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.info-row{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row .label{color:#888}.info-row .value{color:#fff;font-weight:500}.reset-btn{background:#e6394633;color:#e63946;border:1px solid rgba(230,57,70,.3);padding:6px 12px;border-radius:6px;font-family:Inter,sans-serif;font-size:11px;cursor:pointer;margin-top:10px;width:100%;transition:all .2s;pointer-events:all}.reset-btn:hover{background:#e6394666}.panel-info{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:11;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 20px;display:flex;gap:20px;align-items:center;pointer-events:none;font-size:12px}.panel-info .pi-label{color:#888}.panel-info .pi-value{color:#fff;font-weight:600;margin-left:4px}.panel-info .pi-accent{color:#00d4aa;font-weight:600;margin-left:4px}