:root{--bg: #0a0a0a;--bg-2: #0f0f0f;--bg-3: #161616;--bg-4: #1c1c1c;--bg-5: #242424;--border: #2a2a2a;--border-2: #3a3a3a;--text: #f2f2f7;--text-2: #8e8e93;--text-3: #4a4a4a;--accent: #ffffff;--accent-ink: #0a0a0a;--green: #7ec99a;--red: #e07070;--orange: #d4a05c;--purple: #a8a0e0;--cyan: #7cbcd4;--mono: "JetBrains Mono", "Cascadia Code", Consolas, "Courier New", monospace;--sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius: 6px;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#ffffffd9;color:#000}button{font-family:inherit;font-size:13px;background:var(--bg-4);color:var(--text);border:1px solid var(--border-2);border-radius:6px;padding:6px 12px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}button:hover{background:var(--bg-5);border-color:#3a3a41}button:active{transform:translateY(0) scale(.98)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}button.primary:hover{background:#e7e7e4;border-color:#e7e7e4;transform:translateY(-1px);box-shadow:0 4px 14px #00000059}button.danger{color:var(--red);border-color:#3a2a2c;background:#ffffff05}button.danger:hover{background:#df8b8b1f;border-color:var(--red)}button.ghost{background:transparent;border-color:transparent;color:var(--text-2)}button.ghost:hover{background:var(--bg-4);color:var(--text);border-color:transparent}button.ghost.danger{color:var(--red)}button.ghost.danger:hover{background:#df8b8b1a}input,select,textarea{font-family:inherit;font-size:14px;background:#0d0d0f;color:var(--text);border:1px solid var(--border-2);border-radius:6px;padding:8px 11px;outline:none;transition:border-color .16s ease,box-shadow .16s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffffff1a}a{color:var(--text);text-decoration:none}code{font-family:var(--mono);background:var(--bg-3);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:12px;color:var(--text-2)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#26262b;border:1px solid #101013;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#33333a}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:#2c2c31 transparent}.grad{font-family:var(--font-display);font-style:italic;color:var(--text);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:7px;text-decoration-color:#ffffff52}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-screen,.home,.dash,.workspace{position:relative;z-index:1}.fx-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:99999;pointer-events:none;background:var(--accent);transform:scaleX(0);transform-origin:0 0;transition:opacity .3s ease}html.fx-reveal [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}html.fx-reveal [data-reveal=left]{transform:translate(-26px)}html.fx-reveal [data-reveal=right]{transform:translate(26px)}.home-features,.steps,.pricing,.faq,.home-foot,.marquee-wrap{content-visibility:auto;contain-intrinsic-size:auto 600px}.feature-card,.step-card,.pricing-card,.faq details{content-visibility:auto;contain-intrinsic-size:auto 220px}.dash .project-card,.dash .panel-card{content-visibility:auto;contain-intrinsic-size:auto 160px}.code-window,.tree-children{content-visibility:auto;contain-intrinsic-size:auto 320px}.lang-track,.orb{will-change:transform}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card,.hero,.home-features,.home-auth,.home-top,.home-foot,.download-grid,.boot-screen,.auth-embed,.steps{position:relative;z-index:1}.auth-card{width:380px;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:30px;box-shadow:0 24px 70px #00000080;animation:fadeUp .5s ease}.auth-logo{display:flex;align-items:center;gap:10px;margin-bottom:6px}.auth-logo h1{font-family:var(--font-display);font-size:24px;letter-spacing:-.5px;margin:0}.auth-card .sub{color:var(--text-2);font-size:13px;margin:4px 0 20px}.auth-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px}.auth-tabs button{flex:1;border:none;background:transparent;border-bottom:2px solid transparent;padding:8px;color:var(--text-2);font-weight:600;border-radius:0}.auth-tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.auth-card form{display:flex;flex-direction:column;gap:12px}.auth-card label{font-size:12px;color:var(--text-2);font-weight:600;margin-bottom:-6px}.auth-error{background:#df8b8b1a;border:1px solid rgba(223,139,139,.35);color:var(--red);border-radius:6px;padding:8px 10px;font-size:13px;animation:fadeUp .25s ease}.auth-hint{font-size:12px;color:var(--text-3);margin-top:16px;line-height:1.55}.saved-account{display:flex;align-items:center;gap:10px;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:14px;animation:fadeUp .4s ease;transition:transform .15s ease,border-color .15s ease}.saved-account:hover{transform:translate(3px);border-color:var(--border-2)}.saved-account .saved-info{flex:1;min-width:0}.saved-account .saved-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-account .saved-sub{font-size:11px;color:var(--text-3)}.remember-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2);cursor:pointer;margin-top:-4px;-webkit-user-select:none;user-select:none}.remember-row input{width:auto;accent-color:var(--accent)}.bolt{width:26px;height:26px;border-radius:6px;background:var(--accent);color:var(--accent-ink);font-family:var(--mono);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:var(--accent-ink);flex-shrink:0;transition:transform .25s ease}.avatar:hover{transform:scale(1.12)}.dash{min-height:100vh}.dash-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 22px;background:#0b0b0cf0;border-bottom:1px solid var(--border)}.dash-top .brand{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:700;letter-spacing:.12em;font-size:14px}.dash-top .spacer,.spacer{flex:1}.dash-top .user-chip{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px}.dash-body{max-width:1100px;margin:0 auto;padding:24px 22px 60px}.dash-nav{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:20px}.dash-nav button{position:relative;border:none;background:transparent;border-radius:0;padding:10px 14px;color:var(--text-2);font-weight:600;margin-bottom:-1px;overflow:visible;border-bottom:2px solid transparent}.dash-nav button:hover{background:transparent;color:var(--text)}.dash-nav button.active{color:var(--text);border-bottom-color:var(--accent)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.project-card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:16px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;animation:fadeUp .4s ease backwards}.project-card:nth-child(2){animation-delay:.05s}.project-card:nth-child(3){animation-delay:.1s}.project-card:nth-child(4){animation-delay:.15s}.project-card:nth-child(5){animation-delay:.2s}.project-card:hover{transform:translateY(-3px);border-color:var(--border-2);box-shadow:0 14px 34px #00000059}.project-card h3{margin:0 0 6px;font-size:15px}.project-card .p-meta{color:var(--text-3);font-size:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.project-card .p-actions{display:flex;gap:6px;margin-top:12px}.new-project{border:1px dashed var(--border-2);background:transparent;border-radius:10px;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-2);cursor:pointer;font-size:14px;transition:border-color .2s ease,color .2s ease,background .2s ease}.new-project:hover{border-color:var(--text-3);color:var(--text);background:#ffffff05}.panel-card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:18px}.row{display:flex;gap:8px;align-items:center}.friend-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.friend-row:last-child{border-bottom:none}.badge{font-size:11px;padding:2px 9px;border-radius:4px;background:var(--bg-4);color:var(--text-2);border:1px solid var(--border);letter-spacing:.02em}.badge.green{background:#8fcaa01a;color:var(--green);border-color:#8fcaa047}.badge.purple{background:#b4a7e81a;color:var(--purple);border-color:#b4a7e847}.badge.orange{background:#d9b07c1a;color:var(--orange);border-color:#d9b07c47}.badge.red{background:#df8b8b1a;color:var(--red);border-color:#df8b8b47}.mono{font-family:var(--mono);font-size:12px;letter-spacing:.03em}.empty{color:var(--text-3);text-align:center;padding:30px}.workspace{height:100vh;display:flex;flex-direction:column;overflow:hidden}.ws-top{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-2);border-bottom:1px solid var(--border);flex-shrink:0}.ws-top .title{font-weight:700;font-size:14px;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.ws-top .sep{width:1px;height:20px;background:var(--border)}.ws-banner{padding:7px 14px;font-size:12.5px;background:#b4a7e814;color:var(--purple);border-bottom:1px solid rgba(180,167,232,.22)}.ws-banner.warn{background:#d9b07c14;color:var(--orange);border-bottom-color:#d9b07c3d}.ws-main{flex:1;display:flex;min-height:0}.ws-side{width:250px;background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.ws-center{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.ws-right{width:320px;background:var(--bg-2);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}@media (max-width: 1000px){.ws-right{display:none}}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.tree{flex:1;overflow-y:auto;padding:6px;-webkit-user-select:none;user-select:none}.tree-tools{display:flex;gap:2px;padding:4px 6px 8px}.tree-tools button{font-size:11.5px;padding:4px 8px;border-radius:5px}.tree-row{position:relative;display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;cursor:pointer;font-size:13px;color:var(--text-2);white-space:nowrap;transition:background .14s ease,color .14s ease,transform .16s ease}.tree-row:hover{background:var(--bg-3);color:var(--text);transform:translate(2px)}.tree-row.active{background:var(--bg-4);color:var(--text)}.tree-row.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--accent)}.tree-row .twist{width:18px;font-size:13px;color:var(--text-3);text-align:center;transition:transform .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.tree-row .twist.open{transform:rotate(90deg)}.tree-row .icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tree-row .name{flex:1;overflow:hidden;text-overflow:ellipsis}.tree-row .file-chip{font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.04em;color:var(--text-3);border:1px solid var(--border);border-radius:3px;padding:1px 3px;flex-shrink:0}.tree-row .folder-glyph{width:13px;height:10px;border:1px solid var(--text-3);border-radius:2px;position:relative;flex-shrink:0;opacity:.8}.tree-row .folder-glyph:before{content:"";position:absolute;left:-1px;top:-4px;width:6px;height:4px;border:1px solid var(--text-3);border-bottom:none;border-radius:2px 2px 0 0}.tree-row.dragging{opacity:.45;transform:scale(.98)}.tree-row.drop-target{background:var(--bg-4);outline:1px dashed var(--text-2);outline-offset:-1px;animation:dropPulse .9s ease-in-out infinite}@keyframes dropPulse{0%,to{background:#ffffff12}50%{background:#ffffff24}}.tree-row.drop-flash{animation:dropFlash .6s ease}@keyframes dropFlash{0%{background:#ffffff38}to{background:transparent}}.tree-children{animation:treeOpen .22s cubic-bezier(.16,1,.3,1);transform-origin:top}@keyframes treeOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tabs{display:flex;background:var(--bg-2);border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.tab{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;color:var(--text-2);border-right:1px solid var(--border);cursor:pointer;white-space:nowrap;max-width:180px;transition:background .14s ease,color .14s ease}.tab:hover{background:var(--bg-3)}.tab.active{background:var(--bg);color:var(--text);box-shadow:inset 0 2px 0 var(--accent);animation:fadeUp .22s cubic-bezier(.16,1,.3,1)}.tab .t-name{overflow:hidden;text-overflow:ellipsis}.tab .t-x{font-size:11px;padding:1px 5px;border-radius:4px}.tab .t-x:hover{background:var(--bg-4)}.tab .dot{width:7px;height:7px;border-radius:50%;background:var(--text-2);flex-shrink:0}.editor-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.editor-wrap .cm-editor{height:100%;font-size:13.5px}.status-bar{display:flex;align-items:center;gap:16px;padding:4px 12px;background:var(--bg-2);border-top:1px solid var(--border);font-size:12px;color:var(--text-2);flex-shrink:0}.status-bar .dot-green{width:8px;height:8px;border-radius:50%;background:var(--green)}.status-bar .dot-red{width:8px;height:8px;border-radius:50%;background:var(--red)}.right-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.right-tabs button{flex:1;border:none;background:transparent;padding:9px;font-size:12px;font-weight:600;color:var(--text-2);border-bottom:2px solid transparent;border-radius:0;overflow:visible}.right-tabs button.active{color:var(--text);border-bottom-color:var(--accent);background:transparent}.right-panel{flex:1;overflow-y:auto;padding:12px}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:13px}.kv .k{color:var(--text-3)}.copy-box{display:flex;align-items:center;gap:6px;background:#0d0d0f;border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-family:var(--mono);font-size:11.5px;color:var(--text-2);overflow:hidden;margin-bottom:8px}.copy-box span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-out{background:#0d0d0f;border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:12px;white-space:pre-wrap;word-break:break-all;padding:10px;max-height:260px;overflow:auto}.presence-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}.presence-item .who{font-weight:600}.presence-item .file{color:var(--text-3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;animation:modalBack .18s ease;will-change:opacity}.modal{width:460px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);overflow-y:auto;background:var(--bg-2);border:1px solid var(--border-2);border-radius:12px;padding:22px;box-shadow:0 26px 80px #0000008c;animation:modalPop .28s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.modal.wide{width:560px}@keyframes modalBack{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{margin:0 0 14px;font-size:17px;font-family:var(--font-display)}.modal .m-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.fname-wrap{display:flex;align-items:center;gap:8px}.fname-wrap input{flex:1;min-width:0}.fname-ext{font-family:var(--mono);font-size:13px;color:var(--text-2);background:var(--bg-3);border:1px solid var(--border-2);border-radius:6px;padding:8px 11px;flex-shrink:0}.field-hint{font-size:12px;color:var(--text-3);margin-top:6px}.field-hint b{color:var(--text-2)}.dialog-error{min-height:18px;font-size:12.5px;color:var(--red);padding-top:4px}.dialog-text{margin:0 0 4px;color:var(--text-2);line-height:1.55}.dialog-text b{color:var(--text)}.newfile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px;max-height:260px;overflow-y:auto;padding:2px}.newfile-lang{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);font-size:12.5px;text-align:left;animation:fadeUp .28s cubic-bezier(.16,1,.3,1) backwards;will-change:transform,opacity}.newfile-lang .nf-chip{font-family:var(--mono);font-size:10px;font-weight:800;border-radius:4px;padding:2px 5px;flex-shrink:0;letter-spacing:.03em}.newfile-lang .nf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.newfile-lang:hover{background:var(--bg-4);border-color:var(--border-2);color:var(--text)}.newfile-lang.selected{border-color:var(--accent);background:#ffffff0f;color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:12px;color:var(--text-2);font-weight:600}.ext-grid{display:flex;flex-direction:column;gap:10px}.ext-card{background:var(--bg-3);border:1px solid var(--border);border-radius:8px;padding:12px;transition:border-color .18s ease,transform .18s ease}.ext-card:hover{border-color:var(--border-2)}.ext-card .ext-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.ext-card .ext-name{font-weight:700}.ext-card .ext-desc{color:var(--text-2);font-size:12.5px;margin-top:4px}.swatch-row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.swatch{width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.15)}.stripe-meta{color:var(--text-3);font-size:11.5px;align-self:center}.theme-detail-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.theme-mini{border:1px solid var(--border-2);border-radius:8px;padding:10px 12px;overflow:hidden;font-family:var(--mono);font-size:12.5px}.theme-mini pre{margin:0;white-space:pre;color:inherit}.css-block{background:#0d0d0f;border:1px solid var(--border);border-radius:8px;padding:12px;font-family:var(--mono);font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:var(--text-2);max-height:240px;overflow:auto}.theme-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px}.theme-preset{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--bg-3);color:var(--text-2);cursor:pointer;text-align:left;font-size:11.5px;transition:border-color .15s ease,transform .15s ease}.theme-preset:hover{border-color:var(--border-2);transform:translateY(-1px)}.tp-bg{width:100%;height:28px;border-radius:5px;border:1px solid rgba(255,255,255,.12)}.tp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.theme-editor-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.toggle-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);cursor:pointer;margin-top:4px}.toggle-row input{width:auto;margin:0}.field-hint-inline{color:var(--text-3);font-weight:400}.css-input{width:100%;margin-top:6px;resize:vertical;font-family:var(--mono);font-size:12px;line-height:1.5}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.extras-item{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-2)}.extras-item input{width:100%}@media (max-width: 720px){.theme-editor-row,.color-grid,.extras-grid{grid-template-columns:1fr}}.toast-wrap{position:fixed;bottom:18px;right:18px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:var(--bg-3);border:1px solid var(--border-2);border-radius:6px;padding:10px 14px;font-size:13px;box-shadow:0 8px 30px #0006;animation:slidein .2s ease}@keyframes slidein{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.menu{position:fixed;z-index:300;background:var(--bg-3);border:1px solid var(--border-2);border-radius:8px;padding:4px;min-width:160px;box-shadow:0 12px 40px #00000080;animation:menuPop .14s cubic-bezier(.16,1,.3,1);transform-origin:top left}@keyframes menuPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.menu button{display:block;width:100%;text-align:left;border:none;background:transparent;border-radius:5px;padding:7px 10px;font-size:13px}.menu button:hover{background:var(--bg-4)}.home{min-height:100vh;background:transparent;overflow-x:hidden}.home-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px 22px;background:#0b0b0cf0;border-bottom:1px solid var(--border)}.home-top .brand{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:700;letter-spacing:.12em;font-size:14px}.nav-link{color:var(--text-2);font-weight:600;font-size:13px;padding:8px 12px;border-radius:6px;transition:color .15s,background .15s}.nav-link:hover{color:#fff;background:#ffffff0f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:6px;border:1px solid var(--border-2);background:var(--bg-3);color:var(--text);font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px);border-color:var(--text-3);color:var(--text)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.btn.primary:hover{background:#e7e7e4;border-color:#e7e7e4}.btn-lg{padding:13px 24px;font-size:15px}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover{color:var(--text);border-color:var(--border-2);background:var(--bg-3)}.hero-scroll{display:inline-flex;align-items:center;gap:10px;margin-top:46px;color:var(--text-3);font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:color .2s ease;animation:fadeUp 1s ease}.hero-scroll:hover{color:var(--text)}.hero-scroll-line{width:26px;height:1px;position:relative;overflow:hidden;background:var(--border-2)}.hero-scroll-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--text);transform:translate(-100%);animation:scrollNudge 1.8s ease-in-out infinite}@keyframes scrollNudge{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.hero{position:relative;max-width:1080px;margin:0 auto;padding:96px 22px 30px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:24px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--bg-3);border:1px solid var(--border-2);color:var(--text-2);margin-bottom:26px;animation:fadeUp .5s ease}.hero-badge .pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:dotPulse 1.8s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.hero-title{font-family:var(--font-display);font-size:clamp(46px,7.5vw,92px);line-height:1.02;letter-spacing:-1.5px;margin:0 0 10px;font-weight:400;animation:fadeUp .6s ease}.hero-sub{max-width:620px;margin:18px auto 34px;color:var(--text-2);font-size:16px;line-height:1.7;animation:fadeUp .7s ease}.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;animation:fadeUp .8s ease}.hero-stats{display:flex;gap:44px;justify-content:center;margin-top:46px;color:var(--text-3);font-size:13px;flex-wrap:wrap;animation:fadeUp .9s ease}.stat{display:flex;flex-direction:column;align-items:center;gap:5px}.stat .stat-num{font-size:26px;font-weight:400;font-family:var(--font-display);color:var(--text)}.stat .stat-label{color:var(--text-3);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-family:var(--mono)}.hero-orbs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.code-stage{position:relative;max-width:720px;margin:56px auto 0;animation:fadeUp 1s ease}.code-window{position:relative;text-align:left;background:var(--bg-2);border:1px solid var(--border-2);border-radius:12px;box-shadow:0 34px 80px #00000080;overflow:hidden}.cw-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;background:var(--bg-3);border-bottom:1px solid var(--border)}.cw-dots{display:flex;gap:7px}.cw-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.cw-dot.r{background:#4a4a52}.cw-dot.y{background:#3a3a42}.cw-dot.g{background:#33333a}.cw-title{margin-left:8px;font-size:12px;color:var(--text-3);font-family:var(--mono)}.cw-body{padding:18px 20px 16px;font-family:var(--mono);font-size:13.5px;line-height:1.75;color:#d6d5d1;min-height:250px}.cw-body .tok-k{color:#e3e2df}.cw-body .tok-s{color:#a8a7a2}.cw-body .tok-n{color:#8f8e89}.cw-body .tok-f{color:#f2f1ee}.cw-body .tok-c{color:#5f5e5a;font-style:italic}.cw-body .tok-p{color:#84837e}.cw-cursor{display:inline-block;width:7px;height:15px;background:var(--accent);vertical-align:text-bottom;animation:blink .9s steps(1) infinite}.cw-run{margin:0;padding:12px 20px 16px;border-top:1px solid var(--border);background:var(--bg-3);font-family:var(--mono);font-size:12.5px;line-height:1.7;color:#d6d5d1;min-height:62px;white-space:pre-wrap;word-break:break-all}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.marquee-wrap{position:relative;margin:72px 0 10px;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.lang-track{display:flex;gap:46px;width:max-content;animation:marquee 34s linear infinite}.marquee-wrap:hover .lang-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.lang{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2);white-space:nowrap;transition:color .2s ease}.lang:hover{color:var(--text)}.home-features{max-width:1080px;margin:0 auto;padding:64px 22px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.section-title{grid-column:1 / -1;text-align:center;margin-bottom:8px}.section-title h2{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:400;letter-spacing:-.5px;margin:0 0 10px}.section-title p{color:var(--text-2);margin:0;font-size:14.5px}.feature-card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:22px;transition:transform .18s ease,border-color .18s ease,background .18s ease;animation:fadeUp .6s ease backwards}.feature-card:nth-child(3){animation-delay:.06s}.feature-card:nth-child(4){animation-delay:.12s}.feature-card:nth-child(5){animation-delay:.18s}.feature-card:nth-child(6){animation-delay:.24s}.feature-card:nth-child(7){animation-delay:.3s}.feature-card:hover{transform:translateY(-3px);border-color:var(--border-2);background:var(--bg-3)}.feature-card h3{margin:0 0 8px;font-size:16px;font-weight:700}.feature-card p{margin:0;color:var(--text-2);font-size:13.5px;line-height:1.6}.steps{max-width:1080px;margin:0 auto;padding:56px 22px 10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.step-card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:22px;transition:transform .18s ease,border-color .18s ease}.step-card:hover{transform:translateY(-3px);border-color:var(--border-2)}.step-num{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--text-2);background:var(--bg-4);border:1px solid var(--border);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.step-card h3{margin:0 0 8px;font-size:16px;font-weight:700}.step-card p{margin:0;color:var(--text-2);font-size:13.5px;line-height:1.6}.home-auth{padding:20px 22px 70px;position:relative;z-index:1;text-align:center}.auth-heading{max-width:640px;margin:0 auto 26px}.auth-embed{display:flex;justify-content:center;padding:0 0 10px;text-align:left}.pricing{max-width:1080px;margin:0 auto;padding:80px 22px 10px}.pricing-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.pricing-card{position:relative;padding:24px 22px;border-radius:10px;border:1px solid var(--border);background:var(--bg-2);transition:transform .18s ease,border-color .18s ease}.pricing-card:hover{transform:translateY(-3px);border-color:var(--border-2)}.pricing-card.popular{border-color:var(--text-3);background:var(--bg-3)}.p-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--accent-ink);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:4px;white-space:nowrap}.p-name{font-weight:700;font-size:16px}.p-price{font-size:32px;font-weight:400;font-family:var(--font-display);margin:12px 0 4px}.p-price small{font-size:13px;color:var(--text-3);font-weight:600;font-family:var(--sans)}.p-desc{color:var(--text-3);font-size:13px;margin:0 0 8px}.pricing-card ul{list-style:none;padding:0;margin:14px 0 0}.pricing-card li{color:var(--text-2);padding:6px 0;font-size:13.5px;display:flex;gap:9px;align-items:flex-start}.pricing-card li:before{content:"—";color:var(--text-2);flex:none}.faq{max-width:760px;margin:0 auto;padding:70px 22px 10px}.faq .section-title{grid-column:auto;margin-bottom:26px}.faq-list{display:flex;flex-direction:column;gap:10px}.faq details{border:1px solid var(--border);border-radius:10px;background:var(--bg-2);overflow:hidden;transition:border-color .2s ease}.faq details[open]{border-color:var(--border-2)}.faq summary{cursor:pointer;padding:15px 18px;font-weight:700;color:var(--text);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;-webkit-user-select:none;user-select:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:18px;color:var(--text-2);transition:transform .2s ease}.faq details[open] summary:after{transform:rotate(45deg)}.faq-a{padding:0 18px 16px;color:var(--text-2);line-height:1.65;font-size:13.5px}.home-foot{margin-top:90px;border-top:1px solid var(--border);background:#0b0b0c99;padding:44px 22px 24px;position:relative;z-index:1}.foot-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}.foot-brand{display:flex;align-items:center;gap:9px;font-size:15px;font-family:var(--mono);font-weight:700;letter-spacing:.12em;margin-bottom:10px}.foot-desc{color:var(--text-3);font-size:13px;line-height:1.6;max-width:300px}.foot-col h4{margin:0 0 12px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);font-family:var(--mono)}.foot-col a{display:block;color:var(--text-2);padding:4px 0;font-size:13px;transition:color .15s ease}.foot-col a:hover{color:var(--text)}.foot-bottom{max-width:1080px;margin:30px auto 0;padding-top:18px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--text-3);font-size:12.5px}.foot-status{display:inline-flex;align-items:center;gap:6px}.foot-status .pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.download-grid{max-width:1080px;margin:0 auto;padding:30px 22px 70px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.download-card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:22px;transition:transform .18s ease,border-color .18s ease}.download-card:hover{transform:translateY(-3px);border-color:var(--border-2)}.download-card h3{margin:0 0 8px;font-size:16px;font-weight:700}.download-card p{color:var(--text-2);font-size:13px;line-height:1.6;margin:0 0 14px}.code-block{background:#0d0d0f;border:1px solid var(--border);border-radius:8px;padding:14px 16px;font-family:var(--mono);font-size:12.5px;color:var(--text-2);overflow-x:auto;text-align:left;white-space:pre;margin:0}.boot-screen{text-align:center;color:var(--text-2);animation:fadeUp .5s ease}.boot-screen .bolt.big{position:relative;width:62px;height:62px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-family:var(--mono);font-size:30px;font-weight:800;margin:0 auto 18px;animation:bootBreath 2.4s ease-in-out infinite}@keyframes bootBreath{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.96);opacity:.85}}.boot-screen .boot-dots{margin-top:14px;display:flex;justify-content:center;gap:6px}.boot-screen .boot-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-2);animation:bootBounce 1.2s ease-in-out infinite}.boot-screen .boot-dots span:nth-child(2){animation-delay:.15s}.boot-screen .boot-dots span:nth-child(3){animation-delay:.3s}@keyframes bootBounce{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-6px);opacity:1}}@media (max-width: 900px){.pricing-row{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.foot-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){html.fx-reveal [data-reveal]{opacity:1;transform:none;transition:none}.lang-track,.cw-cursor,.hero-scroll-line:after,.orb,.hero-badge .pulse-dot,.foot-status .pulse-dot,.bolt.big,.boot-dots span,.grad{animation:none!important}}.cm-completionIcon-keyword:after,.cm-completionIcon-function:after,.cm-completionIcon-method:after,.cm-completionIcon-interface:after,.cm-completionIcon-variable:after,.cm-completionIcon-class:after,.cm-completionIcon-type:after,.cm-completionIcon-namespace:after,.cm-completionIcon-module:after,.cm-completionIcon-property:after,.cm-completionIcon-text:after,.cm-completionIcon-null:after,.cm-completionIcon-constant:after,.cm-completionIcon-boolean:after,.cm-completionIcon-number:after,.cm-completionIcon-string:after,.cm-completionIcon-enum:after,.cm-completionIcon-attribute:after,.cm-completionIcon-tag:after{content:""!important}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.dash-top .user-chip{cursor:pointer;border:none;background:transparent;padding:4px 6px;border-radius:20px;transition:background .2s ease}.dash-top .user-chip:hover{background:var(--bg-3)}.settings-wrap{max-width:620px;margin:0 auto;padding:24px 22px 80px}.settings-title{font-size:22px;margin-bottom:18px}.settings-card{background:var(--bg-3);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:16px}.settings-card h3{font-size:15px;margin-bottom:14px}.settings-card.danger{border-color:#df8b8b59}.avatar-row{display:flex;align-items:center;gap:16px}.avatar-lg{width:64px;height:64px;font-size:26px;border-radius:50%}.avatar-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.settings-hint{font-size:12px;color:var(--text-3);line-height:1.5;margin:6px 0 0}.settings-row{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.settings-info{display:flex;flex-direction:column;gap:10px}.settings-info-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13.5px;color:var(--text-2)}.settings-info-row b{color:var(--text);text-align:right}.confirm-box{border:1px solid rgba(223,139,139,.35);background:#df8b8b0f;border-radius:8px;padding:12px}.confirm-box p{margin:0 0 10px;font-size:13.5px}.settings-msg{padding:10px 12px;border-radius:8px;font-size:13px;margin-top:6px;animation:fadeUp .25s ease}.settings-msg.ok{background:#7ed9a01a;border:1px solid rgba(126,217,160,.35);color:#7ed9a0}.settings-msg.err{background:#df8b8b1a;border:1px solid rgba(223,139,139,.35);color:var(--red)}.dash-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;min-width:220px;background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 10px;gap:4px;overflow-y:auto;animation:slideInLeft .3s ease}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 20px;font-family:var(--mono);font-weight:700;letter-spacing:.12em;font-size:15px;color:var(--text)}.sidebar-brand .bolt{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-ink);border-radius:7px;font-weight:900;font-size:16px;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-nav button{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-2);font-weight:500;font-size:13px;transition:all .15s ease;text-align:left;width:100%}.sidebar-nav button:hover{background:var(--bg-4);color:var(--text)}.sidebar-nav button.active{background:var(--bg-4);color:var(--text);font-weight:600}.sidebar-nav button.active:before{content:"";position:absolute;left:0;width:3px;height:20px;background:var(--accent);border-radius:0 3px 3px 0}.sidebar-nav button svg{opacity:.65;flex-shrink:0}.sidebar-nav button.active svg{opacity:1}.sidebar-bottom{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid var(--border);margin-top:8px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text-3);font-size:13px;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.sidebar-link:hover{background:var(--bg-4);color:var(--text-2)}.danger-link{color:var(--red)}.danger-link:hover{background:#df8b8b14}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:none;background:transparent;color:var(--text);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.sidebar-user:hover{background:var(--bg-4)}.sidebar-user-info{min-width:0}.sidebar-user-name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-sub{font-size:11px;color:var(--text-3)}.dash-main{flex:1;overflow-y:auto;min-height:0}.dash-main-inner{max-width:1100px;margin:0 auto;padding:24px 28px 60px;animation:fadeIn .25s ease}.share-url-box{display:flex;align-items:center;gap:6px;background:var(--bg-3);border:1px solid var(--border-2);border-radius:8px;padding:6px 10px;font-size:12px;overflow:hidden}.share-url-box .mono{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideInLeft{0%{transform:translate(-12px);opacity:0}to{transform:translate(0);opacity:1}}.media-preview-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.media-preview{display:flex;flex-direction:column;align-items:center;gap:12px;animation:fadeIn .3s ease}.media-preview-label{font-size:12px;color:var(--text-3);font-family:var(--mono)}.file-chip.c-img{background:#8fcaa026;color:#8fcaa0}.file-chip.c-aud{background:#b4a7e826;color:#b4a7e8}.file-chip.c-vid{background:#8cc9d926;color:#8cc9d9}.packages-view{animation:fadeIn .3s ease}.packages-search{margin-bottom:16px}.packages-search-input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-1);font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.packages-search-input:focus{border-color:var(--accent)}.packages-search-input::placeholder{color:var(--text-3)}.packages-categories{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.packages-categories button{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);font-size:12px;cursor:pointer;transition:all .2s}.packages-categories button:hover{border-color:var(--accent);color:var(--text-1)}.packages-categories button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.package-card{border:1px solid var(--border);border-radius:10px;padding:16px;background:var(--bg-2);transition:all .2s;animation:fadeIn .3s ease}.package-card:hover{border-color:var(--accent);transform:translateY(-1px)}.package-card.installed{border-color:var(--accent);background:rgba(var(--accent-rgb, 100, 125, 235),.05)}.package-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.package-icon{font-size:24px;line-height:1}.package-info h3{margin:0;font-size:14px;font-weight:600;color:var(--text-1)}.package-category{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px}.package-desc{font-size:12px;color:var(--text-2);margin:0 0 10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.package-langs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}.package-langs .badge{font-size:10px;padding:2px 6px}.package-btn{width:100%;padding:7px 12px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.package-btn.install{background:var(--accent);color:var(--accent-ink)}.package-btn.install:hover{filter:brightness(1.1)}.package-btn.uninstall{background:#eb64641a;color:#e86464}.package-btn.uninstall:hover{background:#eb646433}.packages-empty{text-align:center;padding:48px 0;color:var(--text-3);font-size:14px}.tos-page{min-height:100vh;background:var(--bg-1);color:var(--text-1);display:flex;justify-content:center}.tos-container{max-width:740px;width:100%;padding:40px 24px 80px}.tos-header{margin-bottom:32px}.tos-back{font-size:13px;color:var(--accent);text-decoration:none;display:inline-block;margin-bottom:16px;transition:opacity .2s}.tos-back:hover{opacity:.8}.tos-header h1{font-size:28px;font-weight:700;margin:0 0 6px;color:var(--text-1)}.tos-effective{font-size:13px;color:var(--text-3);margin:0}.tos-content{line-height:1.7;font-size:14px;color:var(--text-2)}.tos-content section{margin-bottom:28px}.tos-content h2{font-size:16px;font-weight:600;color:var(--text-1);margin:0 0 8px}.tos-content p{margin:0 0 10px}.tos-content ul{margin:0 0 10px 20px;padding:0}.tos-content li{margin-bottom:6px}.tos-content a{color:var(--accent);text-decoration:none}.tos-content a:hover{text-decoration:underline}:root{--mx: -200;--my: -200;--mxp: 50;--myp: 50}.mouse-glow{position:fixed;top:0;left:0;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none;z-index:9999;will-change:transform}.mouse-trail{position:fixed;top:0;left:0;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.015) 0%,transparent 70%);pointer-events:none;z-index:9998;will-change:transform;transition:none}@media (prefers-reduced-motion: reduce){.mouse-glow,.mouse-trail{display:none}}@keyframes motionBlurIn{0%{filter:blur(12px);opacity:0;transform:scale(1.02)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes motionBlurOut{0%{filter:blur(0);opacity:1}to{filter:blur(8px);opacity:0}}.motion-blur-in{animation:motionBlurIn .4s cubic-bezier(.22,1,.36,1) forwards}.home{animation:motionBlurIn .5s cubic-bezier(.22,1,.36,1) forwards}.auth-screen{animation:motionBlurIn .4s cubic-bezier(.22,1,.36,1) forwards}.dash-layout{animation:motionBlurIn .35s cubic-bezier(.22,1,.36,1) forwards}.btn,button{position:relative;overflow:hidden}.hero-cta .btn{transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s,color .2s}.hero-cta .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #ffffff14}.hero-cta .btn:active{transform:translateY(1px) scale(.97)}.feature-card{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease,border-color .3s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px -8px #00000080;border-color:#ffffff1a}.step-num{transition:color .3s,text-shadow .3s}.step-card:hover .step-num{color:var(--accent);text-shadow:0 0 30px rgba(255,255,255,.15)}.step-card:hover{transform:translateY(-2px);border-color:#ffffff14}@keyframes pulse-glow{0%,to{box-shadow:0 0 #ffffff1a}50%{box-shadow:0 0 20px 4px #ffffff0d}}.hero-stats .stat{transition:transform .3s ease}.hero-stats .stat:hover{transform:translateY(-3px) scale(1.02)}.code-window{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.code-window:hover{transform:translateY(-4px) scale(1.005);box-shadow:0 20px 60px -15px #000000b3}.faq details{transition:background .2s;border-radius:10px}.faq details:hover{background:var(--bg-3)}.faq details summary{transition:color .2s;cursor:pointer;padding:14px 16px;font-weight:500}.faq details summary:hover{color:var(--accent)}.faq details[open] summary{margin-bottom:4px}.faq-a{padding:0 16px 14px;line-height:1.7;color:var(--text-2);animation:fadeUp .25s ease}html.fx-reveal [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}html.fx-reveal [data-reveal=left]{transform:translate(-20px)}html.fx-reveal [data-reveal=right]{transform:translate(20px)}html.fx-reveal [data-reveal].in-view{opacity:1;transform:none}@keyframes toastIn{0%{transform:translate(100%);opacity:0}to{transform:none;opacity:1}}@keyframes toastOut{0%{transform:none;opacity:1}to{transform:translate(100%);opacity:0}}.tos-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:var(--bg);display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease}.tos-gate-card{width:100%;max-width:640px;height:90vh;display:flex;flex-direction:column;background:var(--bg-2);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px -20px #0009}.tos-gate-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid var(--border)}.tos-gate-header .bolt.big{margin:0 auto 10px}.tos-gate-header h1{margin:0 0 6px;font-size:22px;font-weight:700}.tos-gate-header p{margin:0;font-size:13px;color:var(--text-3)}.tos-gate-scroll{flex:1;overflow-y:auto;padding:20px 24px;scroll-behavior:smooth}.tos-gate-scroll::-webkit-scrollbar{width:6px}.tos-gate-scroll::-webkit-scrollbar-track{background:var(--bg-3)}.tos-gate-scroll::-webkit-scrollbar-thumb{background:var(--bg-5);border-radius:3px}.tos-gate-content{font-size:13px;line-height:1.7;color:var(--text-2)}.tos-gate-content section{margin-bottom:20px}.tos-gate-content h2{font-size:14px;font-weight:600;color:var(--text);margin:0 0 6px}.tos-gate-content p{margin:0}.tos-gate-footer{padding:16px 24px;border-top:1px solid var(--border);text-align:center}.tos-gate-hint{margin:0;font-size:13px;color:var(--text-3);animation:pulse-glow 2s ease-in-out infinite}.tos-accept-btn{width:100%;padding:12px 24px;font-size:14px;animation:motionBlurIn .3s ease forwards}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease}.call-card{background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:40px;text-align:center;min-width:280px;animation:motionBlurIn .3s ease}.call-avatar{width:72px;height:72px;border-radius:50%;background:var(--bg-4);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 16px;animation:pulse-glow 2s ease-in-out infinite}.call-name{font-size:18px;font-weight:600;margin-bottom:4px}.call-status{font-size:13px;color:var(--text-3);margin-bottom:24px}.call-ring-wave{width:60px;height:60px;border-radius:50%;border:2px solid var(--accent);margin:0 auto 20px;animation:ringPulse 1s ease-in-out infinite}@keyframes ringPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.6);opacity:0}}.call-actions{display:flex;gap:16px;justify-content:center}.call-action-btn{width:52px;height:52px;border-radius:50%;border:none;background:var(--bg-4);color:var(--text);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,background .15s}.call-action-btn:hover{transform:scale(1.08);background:var(--bg-5)}.call-action-btn.end-call{background:var(--red);color:#fff}.call-action-btn.end-call:hover{background:#c47070}.sidebar-nav button.active:before{animation:slideInLeft .2s ease forwards}.sidebar-nav button{transition:all .2s cubic-bezier(.22,1,.36,1)}.sidebar-nav button:hover{transform:translate(2px)}.sidebar-nav button:active{transform:translate(1px) scale(.98)}input[type=text],input[type=password],input[type=email],input:not([type]),textarea{transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input:not([type]):focus,textarea:focus{box-shadow:0 0 0 2px #ffffff0f}.file-tree-item[draggable=true]{cursor:grab;transition:transform .15s ease,opacity .15s ease}.file-tree-item[draggable=true]:active{cursor:grabbing}.file-tree-item.dragging{opacity:.5;transform:scale(.97)}.file-tree-item.drag-over{border-top:2px solid var(--accent)}.package-card{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,border-color .25s ease}.package-card:hover{box-shadow:0 8px 30px -8px #0006}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--bg-5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-2)}::selection{background:#fff3;color:var(--text)}.feature-icon{font-size:28px;margin-bottom:10px;line-height:1}.feature-card h3{margin:0 0 6px;font-size:15px;font-weight:600;color:var(--text)}.feature-card p{margin:0;font-size:13px;color:var(--text-2);line-height:1.6}.grad{background:linear-gradient(135deg,#fff,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.orb{position:absolute;border-radius:50%;opacity:.3;pointer-events:none}.orb-a{width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.05),transparent 70%);top:-15%;left:-10%}.orb-b{width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.03),transparent 70%);bottom:-10%;right:-5%}.orb-c{width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.025),transparent 70%);top:40%;left:60%}.bolt.big{transition:box-shadow .3s ease}.bolt.big:hover{box-shadow:0 0 16px 2px #ffffff14}.badge,.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--accent);transition:width .25s ease}.nav-link:hover:after{width:100%}.toggle-btn{min-width:56px;padding:4px 12px;border-radius:16px;font-size:11px;font-weight:700;letter-spacing:.5px;border:1px solid var(--border-2);background:var(--bg-4);color:var(--text-3);cursor:pointer;transition:all .2s ease}.toggle-btn.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.toggle-btn:hover{border-color:var(--accent)}.logs-terminal{display:flex;flex-direction:column;height:100%}.logs-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.logs-filters{display:flex;gap:4px}.logs-method-btn{font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--bg-3);border:1px solid var(--border);color:var(--text-3);cursor:pointer;transition:all .15s ease}.logs-method-btn.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.logs-search{flex:1;max-width:200px;padding:4px 10px;font-size:12px;background:var(--bg-3);border:1px solid var(--border);border-radius:4px;color:var(--text);outline:none}.logs-search:focus{border-color:var(--border-2)}.logs-body{flex:1;overflow-y:auto;font-family:var(--mono);font-size:12px}.logs-empty{padding:20px;text-align:center;color:var(--text-3)}.logs-row{display:flex;align-items:center;gap:10px;padding:4px 12px;border-bottom:1px solid var(--border);font-size:12px}.logs-time{color:var(--text-3);font-size:11px;min-width:70px}.logs-method{font-weight:700;font-size:11px;min-width:50px}.logs-method.get{color:var(--green)}.logs-method.post{color:var(--cyan)}.logs-method.put{color:var(--orange)}.logs-method.delete{color:var(--red)}.logs-method.patch{color:var(--purple)}.logs-path{flex:1;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-status{font-weight:600;min-width:30px;text-align:right}.logs-status.ok{color:var(--green)}.logs-status.warn{color:var(--orange)}.logs-status.err{color:var(--red)}.logs-dur{color:var(--text-3);min-width:50px;text-align:right}.logs-error{color:var(--red);font-size:11px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-overrides{padding:0}.header-overrides-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.header-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.header-key,.header-value{flex:1;padding:4px 10px;font-size:12px;font-family:var(--mono);background:var(--bg-3);border:1px solid var(--border);border-radius:4px;color:var(--text);outline:none}.header-key{max-width:160px}.header-key:focus,.header-value:focus{border-color:var(--border-2)}.export-engine{padding:0}.export-preview{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px;max-height:300px;overflow:auto}.export-preview pre{margin:0;font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--text-2);white-space:pre-wrap}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.theme-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px;transition:border-color .15s ease}.theme-card:hover{border-color:var(--border-2)}.theme-card-name{font-weight:600;font-size:13px;margin-bottom:4px}.theme-card-author{font-size:11px;color:var(--text-3);margin-bottom:8px}.theme-card-preview{display:flex;gap:3px;margin-bottom:10px}.theme-swatch{width:20px;height:20px;border-radius:4px;border:1px solid var(--border)}.theme-card-downloads{font-size:11px;color:var(--text-3);margin-bottom:8px}.theme-card-actions{display:flex;gap:6px}.save-indicator{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--accent);opacity:0;transition:opacity .15s ease;z-index:9999;pointer-events:none}.save-indicator.saving{opacity:.8}.save-indicator.saved{opacity:.4}.mp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.mp-toolbar{display:flex;gap:10px;margin-bottom:14px}.mp-search{flex:1;padding:9px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.mp-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ffffff0f}.mp-search::placeholder{color:var(--text-3)}.mp-sort{padding:8px 12px;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--text-2);font-size:12px;cursor:pointer;min-width:140px}.mp-type-tabs{display:flex;gap:4px;margin-bottom:18px;flex-wrap:wrap}.mp-type-tabs button{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-2);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1)}.mp-type-tabs button:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.mp-type-tabs button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700;box-shadow:0 2px 10px #ffffff1a}.mp-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ffffff14;font-size:10px;font-weight:700;font-family:var(--mono);margin-left:4px}.mp-type-tabs button.active .mp-tab-count{background:#0003}.mp-section{margin-bottom:20px}.mp-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:0 0 12px;display:flex;align-items:center;gap:8px}.mp-section-count{font-size:11px;font-family:var(--mono);color:var(--text-3);font-weight:400;text-transform:none;letter-spacing:0}.mp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.mp-card{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:14px;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);animation:fadeUp .35s ease backwards}.mp-card:nth-child(2){animation-delay:.04s}.mp-card:nth-child(3){animation-delay:.08s}.mp-card:nth-child(4){animation-delay:.12s}.mp-card:nth-child(5){animation-delay:.16s}.mp-card:hover{transform:translateY(-3px);border-color:var(--border-2);box-shadow:0 12px 36px -8px #0006}.mp-card-top{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.mp-card-icon{font-size:22px;line-height:1;flex-shrink:0}.mp-card-info{flex:1;min-width:0}.mp-card-name{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-card-author{font-size:11px;color:var(--text-3);margin-top:2px}.mp-card-type{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0}.mp-card-desc{color:var(--text-2);font-size:12.5px;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mp-card-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mp-card-downloads{font-size:11px;color:var(--text-3);font-family:var(--mono)}.mp-detail-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.mp-detail-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:6px}.mp-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.mp-type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:8px;border:1px solid var(--border);background:var(--bg-3);color:var(--text-2);font-size:11px;cursor:pointer;transition:all .2s}.mp-type-btn:hover{border-color:var(--border-2);color:var(--text)}.mp-type-btn.active{border-color:var(--accent);background:#ffffff0f;color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.mp-publish-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 600px){.mp-grid{grid-template-columns:1fr}.mp-type-grid{grid-template-columns:repeat(2,1fr)}.mp-publish-row{grid-template-columns:1fr}.mp-header{flex-direction:column}}:root{--transition-speed: .4s;--transition-ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{transition-property:background-color,color,border-color,box-shadow,opacity;transition-duration:0s}button,.mp-card,.ext-card,.project-card,.package-card,.feature-card,.step-card,.pricing-card,.tab,.tree-row,.sidebar-nav button,.auth-card,.modal,.badge,input,textarea,select{transition-property:background-color,color,border-color,box-shadow,transform,opacity,filter;transition-duration:var(--transition-speed);transition-timing-function:var(--transition-ease)}@keyframes installFlash{0%{box-shadow:0 0 #7ec99a00}25%{box-shadow:0 0 24px 6px #7ec99a40}50%{box-shadow:0 0 40px 10px #7ec99a1f}to{box-shadow:0 0 #7ec99a00}}.mp-card.install-flash{animation:installFlash .8s var(--transition-ease);border-color:var(--green)}@keyframes themeShimmer{0%{background-position:-200% center}to{background-position:200% center}}.mp-card.theme-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%);background-size:200% 100%;animation:themeShimmer 1.2s ease;pointer-events:none}@keyframes gradientBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mp-card.featured{position:relative;background:var(--bg-2);z-index:1}.mp-card.featured:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--cyan),var(--purple),var(--accent));background-size:300% 300%;animation:gradientBorder 4s ease infinite;z-index:-1;opacity:.6}.sidebar-nav button.active{position:relative}.sidebar-nav button.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:radial-gradient(ellipse at left center,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none;animation:sidebarGlow 2.5s ease-in-out infinite}@keyframes sidebarGlow{0%,to{opacity:.5}50%{opacity:1}}button.primary{position:relative;overflow:hidden}button.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);background-size:250% 100%;opacity:0;transition:opacity .3s ease;pointer-events:none}button.primary:hover:after{opacity:1;animation:btnShimmer .6s ease forwards}@keyframes btnShimmer{0%{background-position:200% center}to{background-position:-50% center}}.badge{transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .2s ease}.badge:hover{transform:scale(1.05)}.tab.active{position:relative}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);animation:tabSlide .3s var(--transition-ease) forwards}@keyframes tabSlide{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.modal{animation:modalColorIn .3s var(--transition-ease)}@keyframes modalColorIn{0%{opacity:0;transform:translateY(20px) scale(.95);filter:brightness(.5)}60%{filter:brightness(1.05)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}.project-card{position:relative;overflow:hidden}.project-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mxp, 50%) var(--myp, 50%),rgba(255,255,255,.03) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.project-card:hover:after{opacity:1}.toast{position:relative;overflow:hidden;padding-left:16px}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),var(--cyan));border-radius:0 3px 3px 0;animation:toastBar .3s ease}@keyframes toastBar{0%{height:0}to{height:100%}}@keyframes starPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.mp-star.filled{text-shadow:0 0 8px rgba(212,160,92,.3)}.avatar{transition:transform .3s ease,box-shadow .3s ease,background .5s ease}.avatar:hover{box-shadow:0 0 16px #ffffff14}.dash-main-inner{animation:colorFadeIn .35s var(--transition-ease)}@keyframes colorFadeIn{0%{opacity:0;filter:saturate(.3) brightness(.9)}to{opacity:1;filter:saturate(1) brightness(1)}}.lerp-color{transition:color .6s ease,background-color .6s ease,border-color .6s ease}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-bg{background:linear-gradient(-45deg,#0d0d0f,#1a1a2e,#16213e,#0f3460);background-size:400% 400%;animation:gradientShift 12s ease infinite}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mp-card-downloads{animation:countUp .3s ease}.dialog-error:not(:empty){animation:errorPulse .4s ease}@keyframes errorPulse{0%,to{opacity:1}50%{opacity:.6}}input:focus,textarea:focus,select:focus{transition:border-color .3s ease,box-shadow .4s cubic-bezier(.22,1,.36,1)}.tp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:tpFadeIn .2s ease}@keyframes tpFadeIn{0%{opacity:0}to{opacity:1}}.tp-toolbar{position:absolute;width:280px;max-height:calc(100vh - 60px);background:#111118;border:1px solid #2a2a35;border-radius:12px;overflow:hidden;z-index:10000;box-shadow:0 16px 48px #0009;display:flex;flex-direction:column;transition:box-shadow .3s ease}.tp-toolbar:hover{box-shadow:0 16px 48px #000c,0 0 0 1px #ffffff0d}.tp-toolbar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#16161e;border-bottom:1px solid #2a2a35;cursor:grab;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;color:#e8e7e4}.tp-toolbar-header:active{cursor:grabbing}.tp-toolbar-close{background:none;border:none;color:#666;font-size:18px;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s}.tp-toolbar-close:hover{color:#fff}.tp-toolbar-body{padding:12px;overflow-y:auto;flex:1}.tp-pick-btn{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;border:1px solid #2a2a35;border-radius:8px;background:#1a1a24;color:#ccc;cursor:pointer;font-size:12px;transition:all .2s ease}.tp-pick-btn:hover{border-color:#444;background:#222230;color:#fff}.tp-pick-btn.active{border-color:var(--accent, #fff);background:#ffffff14;color:#fff;animation:pickPulse 1.5s ease infinite}@keyframes pickPulse{0%,to{box-shadow:0 0 #ffffff26}50%{box-shadow:0 0 0 4px #ffffff0d}}.tp-color-section{margin-top:10px;padding:10px;background:#16161e;border:1px solid #2a2a35;border-radius:8px}.tp-color-label{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.tp-color-list{margin-top:10px;display:flex;flex-direction:column;gap:2px}.tp-color-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border:none;border-radius:6px;background:transparent;color:#aaa;cursor:pointer;font-size:12px;text-align:left;transition:all .15s ease}.tp-color-item:hover{background:#ffffff0d;color:#fff}.tp-color-item.selected{background:#ffffff14;color:#fff}.tp-color-swatch{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.tp-color-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp-apply-btn{margin-top:10px;width:100%;padding:8px;border:none;border-radius:8px;background:#fff;color:#000;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease}.tp-apply-btn:hover{background:#e8e7e4;transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.tp-editor{width:720px;max-width:calc(100vw - 340px);max-height:calc(100vh - 60px);border-radius:12px;overflow:hidden;border:1px solid #2a2a35;box-shadow:0 24px 64px #00000080;display:flex;flex-direction:column;transition:border-color .3s ease}.tp-editor.tp-picking{border-color:#ffffff4d}.tp-editor-titlebar{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:12px}.tp-dot{width:12px;height:12px;border-radius:50%}.tp-dot.red{background:#ff5f57}.tp-dot.yellow{background:#febc2e}.tp-dot.green{background:#28c840}.tp-editor-filename{margin-left:8px;color:#888;font-size:12px}.tp-editor-body{display:flex;flex:1;overflow:auto;font-family:var(--mono, "Consolas", "Monaco", monospace);font-size:13px;line-height:1.7}.tp-gutter{padding:4px 0;text-align:right;-webkit-user-select:none;user-select:none;min-width:48px}.tp-gutter-num{padding:0 12px 0 8px;color:#555;font-size:12px}.tp-code{padding:4px 16px;flex:1;overflow-x:auto;white-space:pre}.tp-line{min-height:1.7em}.tp-token{transition:background .15s ease}.tp-token-pickable{cursor:crosshair;border-radius:2px;padding:1px 2px;margin:0 -2px}.tp-token-pickable:hover{background:#ffffff1f;outline:1px dashed rgba(255,255,255,.3)}.tp-editor-statusbar{display:flex;gap:16px;padding:4px 14px;font-size:11px;color:#888;border-top:1px solid #2a2a35}.cw-root{display:flex;flex-direction:column;gap:8px}.cw-wheel{width:220px;height:220px;position:relative}.cw-canvas{width:100%;height:100%;cursor:crosshair;border-radius:50%}.cw-inputs{display:flex;flex-direction:column;gap:6px}.cw-preview-row{display:flex;align-items:center;gap:8px}.cw-swatch{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.1);flex-shrink:0;transition:background .2s ease}.cw-hex{flex:1;background:#1a1a24;border:1px solid #2a2a35;border-radius:6px;padding:4px 8px;color:#e8e7e4;font-family:var(--mono, "Consolas", monospace);font-size:12px;outline:none}.cw-hex:focus{border-color:#fff}.cw-sliders{display:flex;flex-direction:column;gap:2px}.cw-sliders label{display:flex;align-items:center;gap:6px;font-size:11px;color:#888}.cw-sliders input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2a2a35;border-radius:2px;outline:none}.cw-sliders input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:2px solid #000}.tp-preview-btn{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;border:1px solid #333;border-radius:6px;background:transparent;color:#aaa;font-size:11px;cursor:pointer;transition:all .2s ease;font-weight:400}.tp-preview-btn:hover{border-color:#666;color:#fff;background:#ffffff0d}.lib-root{padding:0}.lib-header h2{font-size:22px;font-weight:700;color:#fff;margin:0 0 4px}.lib-subtitle{color:#888;font-size:13px;margin:0 0 16px}.lib-toolbar{margin-bottom:12px}.lib-search{width:100%;max-width:360px;padding:8px 14px;background:#111118;border:1px solid #2a2a35;border-radius:8px;color:#e8e7e4;font-size:13px;outline:none;transition:border-color .2s}.lib-search:focus{border-color:#555}.lib-search::placeholder{color:#555}.lib-tabs{display:flex;gap:4px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.lib-tab{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#888;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.lib-tab:hover{color:#ccc;background:#ffffff0a}.lib-tab.active{color:#fff;background:#ffffff14;border-color:#ffffff1a}.lib-tab-icon{font-size:14px}.lib-tab-count{font-size:10px;padding:1px 5px;border-radius:10px;background:#ffffff14;color:#888}.lib-tab.active .lib-tab-count{background:#ffffff1f;color:#ccc}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.lib-card{background:#111118;border:1px solid #2a2a35;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:all .25s ease}.lib-card:hover{border-color:#444;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.lib-card-header{display:flex;align-items:flex-start;gap:10px}.lib-card-icon{width:36px;height:36px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.lib-card-info{flex:1;min-width:0}.lib-card-name{font-size:14px;font-weight:600;color:#e8e7e4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-card-type{font-size:11px;color:#666;margin-top:2px}.lib-card-desc{font-size:12px;color:#777;line-height:1.4}.lib-card-meta{font-size:11px;color:#555}.lib-card-swatches{display:flex;gap:3px}.lib-swatch{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.08);transition:transform .15s ease}.lib-swatch:hover{transform:scale(1.2);z-index:1}.lib-card-actions{display:flex;gap:6px;margin-top:auto}.lib-install,.lib-uninstall{flex:1;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.lib-install{background:#fff;color:#000}.lib-install:hover{background:#e8e7e4}.lib-uninstall{background:#ffffff0f;color:#aaa;border:1px solid #2a2a35}.lib-uninstall:hover{background:#ff50501a;color:#ff6b6b;border-color:#ff50504d}.lib-empty{grid-column:1 / -1;text-align:center;padding:60px 20px}.lib-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.lib-empty-title{font-size:16px;font-weight:600;color:#888;margin-bottom:6px}.lib-empty-sub{font-size:13px;color:#555;max-width:300px;margin:0 auto;line-height:1.5}