body{margin:0}:root{--bg:#08090d;--bg-elevated:#0f1118;--panel:#161822b8;--panel-solid:#15171f;--panel-border:#ffffff14;--panel-border-strong:#ffffff24;--text:#f1f2f6;--text-dim:#9aa0b4;--text-faint:#666c80;--accent-a:#7c5cff;--accent-b:#4f8cff;--accent-c:#ff7ad1;--gradient-primary:linear-gradient(135deg, var(--accent-a), var(--accent-b));--gradient-glow:linear-gradient(135deg, #7c5cff59, #4f8cff40);--success:#4ade80;--success-bg:#4ade801f;--danger:#ff6b7a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-soft:0 8px 24px #00000059;--shadow-glow:0 0 0 1px #7c5cff40, 0 8px 30px #7c5cff2e;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 10% -10%, #7c5cff29, transparent 60%), radial-gradient(1000px 500px at 100% 0%, #4f8cff1f, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,sans-serif}h1,h2,h3{letter-spacing:-.01em;font-family:Sora,Inter,sans-serif}::selection{background:#7c5cff59}.auth-panel{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--panel-border);max-width:420px;box-shadow:var(--shadow-soft);margin:9vh auto;padding:2.4rem 2.2rem;position:relative}.auth-panel:before{content:"";border-radius:var(--radius-lg);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#7c5cff80,#ffffff05 40%);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-panel h1{background:linear-gradient(135deg,#fff,#c6c9ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .3rem;font-size:1.6rem;font-weight:800}.auth-panel .subtitle{color:var(--text-dim);margin-bottom:1.6rem;font-size:.92rem;line-height:1.5}.discord-btn{text-align:center;color:#fff;border-radius:var(--radius-sm);transition:transform .18s var(--ease), box-shadow .18s var(--ease);background:linear-gradient(135deg,#5865f2,#4752c4);padding:.7rem .9rem;font-size:.92rem;font-weight:700;text-decoration:none;display:block;box-shadow:0 8px 20px #5865f259}.discord-btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px #5865f273}.divider{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.75rem;margin:1.3rem 0;font-size:.72rem;display:flex}.divider:before,.divider:after{content:"";background:var(--panel-border);flex:1;height:1px}.auth-panel form{flex-direction:column;gap:1rem;display:flex}.auth-panel label{color:var(--text-dim);flex-direction:column;gap:.4rem;font-size:.83rem;font-weight:500;display:flex}.auth-panel input{border-radius:var(--radius-sm);border:1px solid var(--panel-border);color:var(--text);transition:border-color .15s var(--ease), background .15s var(--ease);background:#ffffff08;padding:.65rem .8rem;font-size:.92rem}.auth-panel input:focus{border-color:var(--accent-a);background:#7c5cff0f;outline:none}button{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--panel-border);color:var(--text);transition:transform .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);background:#ffffff0a;padding:.55rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600}button:hover:not(:disabled){border-color:var(--panel-border-strong);background:#ffffff14}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.link{color:#9db4ff;background:0 0;border:none;padding:.4rem 0;font-weight:600}button.link:hover:not(:disabled){color:#c6d4ff;background:0 0}button.danger{color:var(--danger)}.auth-panel button[type=submit],.project-bar button:not(.link):not(:disabled),.projects-header button{background:var(--gradient-primary);color:#fff;border:none;box-shadow:0 6px 18px #7c5cff4d}.auth-panel button[type=submit]:hover:not(:disabled),.project-bar button:not(.link):hover:not(:disabled),.projects-header button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #7c5cff66}.project-card button.danger{color:var(--danger);box-shadow:none;background:#ff6b7a1f}.project-card button.danger:hover{box-shadow:none;background:#ff6b7a33;transform:none}.error{color:var(--danger);font-size:.8rem}.app-shell{height:100vh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.sidebar-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--panel-border);background:linear-gradient(#12131cf2,#0d0e14f2);flex-direction:column;flex-shrink:0;width:232px;padding:1.1rem .85rem;display:flex}.brand{align-items:center;gap:.65rem;padding:.3rem .4rem 1.4rem;display:flex}.brand-mark{background:var(--gradient-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-family:Sora,sans-serif;font-size:.78rem;font-weight:800;display:flex;box-shadow:0 4px 14px #7c5cff73}.brand-name{font-family:Sora,sans-serif;font-size:1rem;font-weight:800}.nav-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-top:.6rem;padding:.4rem .5rem;font-size:.66rem;font-weight:700}.nav-list{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.nav-list button{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-dim);background:0 0;border:none;padding:.55rem .65rem;font-size:.86rem;font-weight:500}.nav-list button:hover:not(:disabled){color:var(--text);background:#ffffff0d}.nav-list button.active{background:var(--gradient-glow);color:var(--text);font-weight:700;box-shadow:inset 0 0 0 1px #7c5cff59}.sidebar-footer{border-top:1px solid var(--panel-border);margin-top:auto;padding:.8rem .4rem .2rem}.install-app-link{color:var(--text-dim);border-radius:var(--radius-sm);transition:background .15s var(--ease), color .15s var(--ease);padding:.55rem .65rem;font-size:.82rem;font-weight:600;text-decoration:none;display:block}.install-app-link:hover{color:var(--text);background:#ffffff0d}.top-bar{border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0b1066;align-items:center;padding:.85rem 1.75rem;display:flex}.top-bar-spacer{flex:1}.top-bar-right{align-items:center;gap:.85rem;display:flex}.user-chip{color:var(--text-dim);font-size:.82rem;font-weight:500}.credits{background:var(--success-bg);color:var(--success);border:1px solid #4ade8040;border-radius:999px;padding:.3rem .85rem;font-size:.8rem;font-weight:700}.home-page,.projects-page{flex:1;padding:2.2rem 2.5rem;overflow-y:auto}.home-page h1,.projects-page h1{margin:0 0 1.3rem;font-size:2rem;font-weight:800}.category-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1.8rem;display:flex}.category-tabs button{border:1px solid var(--panel-border);background:#ffffff08;border-radius:999px;padding:.4rem 1rem;font-size:.8rem}.category-tabs button.active{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 6px 16px #7c5cff4d}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem;display:grid}.tool-card{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);flex-direction:column;gap:.5rem;padding:1.3rem;display:flex;position:relative}.tool-card.live{cursor:pointer}.tool-card.live:hover{box-shadow:var(--shadow-glow);border-color:#7c5cff73;transform:translateY(-4px)}.tool-card.disabled{opacity:.5}.tool-icon{border-radius:var(--radius-sm);background:#ffffff0d;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:.2rem;font-size:1.5rem;display:flex}.tool-card.live .tool-icon{background:var(--gradient-glow)}.tool-category{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:.68rem;font-weight:700}.tool-card h3{margin:0;font-size:1.05rem;font-weight:700}.tool-card p{color:var(--text-dim);flex:1;margin:0;font-size:.83rem;line-height:1.5}.tool-footer{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.tool-badge{color:var(--text-faint);background:#ffffff0d;border-radius:999px;padding:.25rem .65rem;font-size:.7rem;font-weight:600}.tool-badge.live{color:var(--success);background:var(--success-bg)}.tool-cta{color:#9db4ff;font-size:.8rem;font-weight:700}.projects-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.projects-header h1{margin:0}.project-list-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.project-card{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:var(--radius-lg);transition:transform .2s var(--ease), border-color .2s var(--ease);flex-direction:column;gap:.7rem;padding:1.1rem;display:flex}.project-card:hover{border-color:var(--panel-border-strong);transform:translateY(-2px)}.project-card-body{cursor:pointer;flex:1}.project-card-body h3{margin:0 0 .3rem;font-size:.98rem;font-weight:700}.hint{color:var(--text-faint);font-size:.8rem}.workspace-page{flex-direction:column;flex:1;min-height:0;display:flex}.project-bar{border-bottom:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0b1066;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.project-bar-left,.project-bar-right{align-items:center;gap:.7rem;display:flex}.project-bar strong{font-size:.98rem;font-weight:700}.empty-state{text-align:center;color:var(--text-dim);margin:auto}.workspace{flex:1;min-height:0;display:flex}.ped-viewer{flex:1;min-width:0;position:relative}.ped-viewer canvas{display:block}.sidebar{border-left:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0f1699;flex-direction:column;width:370px;display:flex;overflow-y:auto}.component-tabs{border-bottom:1px solid var(--panel-border);display:flex}.component-tabs button{text-transform:capitalize;color:var(--text-dim);background:0 0;border:none;border-radius:0;flex:1;padding:.8rem .5rem}.component-tabs button.active{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent-a);background:#7c5cff14}.layer-editor{padding:1.1rem}.layer-editor h2{text-transform:capitalize;margin-top:0;font-size:1.05rem;font-weight:700}.base-color{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:1.1rem;font-size:.85rem;display:flex}.base-color input[type=color],.mapping-row input[type=color]{border:1px solid var(--panel-border);cursor:pointer;background:0 0;border-radius:7px;width:42px;height:28px}.layer-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem;display:flex}.layer-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.layer-list .empty{color:var(--text-faint);font-size:.85rem}.layer-item{border:1px solid var(--panel-border);border-radius:var(--radius-md);background:#ffffff06;padding:.7rem}.layer-row{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.layer-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;overflow:hidden}.layer-row button{padding:.25rem .55rem;font-size:.72rem}.badge{text-transform:uppercase;letter-spacing:.03em;background:#ffffff12;border-radius:999px;padding:.18rem .45rem;font-size:.64rem;font-weight:700}.badge.tattoo{color:var(--accent-c);background:#ff7ad126}.layer-controls{flex-direction:column;gap:.4rem;display:flex}.layer-controls label{color:var(--text-dim);grid-template-columns:70px 1fr;align-items:center;gap:.5rem;font-size:.75rem;display:grid}.layer-controls input[type=range]{accent-color:var(--accent-a)}.model-uploader{border-top:1px solid var(--panel-border);padding:1.1rem}.model-uploader h3{margin:0 0 .45rem;font-size:.92rem;font-weight:700}.model-uploader .hint{color:var(--text-faint);margin:0 0 .7rem;font-size:.76rem;line-height:1.5}.model-loaded{border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:#ffffff08;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.8rem;display:flex}.model-loaded .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.material-mapping{flex-direction:column;gap:.5rem;margin-top:.9rem;display:flex}.mapping-row{grid-template-columns:70px 1fr;align-items:center;gap:.5rem;font-size:.8rem;display:grid}.mapping-row select{color:var(--text);border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:#ffffff08;padding:.4rem}.model-error{padding:0 1.1rem 1.1rem}.part-row label{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.part-row input[type=checkbox]{accent-color:var(--accent-a)}.part-row .mapping-row{grid-template-columns:1fr auto}.hint.notice{border-radius:var(--radius-sm);color:#e0b96a;background:#e0b96a1a;border:1px solid #e0b96a4d;margin-top:.7rem;padding:.7rem .8rem;font-size:.76rem;line-height:1.5}