@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&family=Montserrat:wght@400;600;800;900&family=Roboto:wght@400;700;900&family=Open+Sans:wght@400;600;800&family=Poppins:wght@400;600;800;900&family=Nunito:wght@400;700;900&family=Manrope:wght@400;600;800&family=Playfair+Display:wght@400;600;800&family=Bebas+Neue&display=swap";:root{--bg0:#14141a;--bg1:#101118;--panel: rgba(34,36,46,.94);--panel2: rgba(40,42,54,.94);--text:#f4f6ff;--muted:#b7bdd0;--border: rgba(255,255,255,.1);--border2: rgba(255,255,255,.14);--accent:#16a34a;--accent2:#8b5cf6;--accent3:#16d49b;--danger:#ff4b4b;--ok:#18d57d;--warn:#ffb020;--radius:18px;--radius2:14px;--shadow: 0 18px 48px rgba(0,0,0,.45);--shadow2: 0 12px 26px rgba(0,0,0,.3);--ring: 0 0 0 4px rgba(22,163,74,.18);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background-color:var(--bg0);background:radial-gradient(1200px 700px at 15% -10%,rgba(22,163,74,.18),transparent 60%),radial-gradient(1000px 680px at 92% 0%,rgba(139,92,246,.22),transparent 55%),radial-gradient(1000px 820px at 50% 110%,rgba(22,212,155,.16),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none;opacity:.045;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 4px);mix-blend-mode:normal;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}a{color:inherit}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#ffffff24;border:2px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#ffffff2e;background-clip:padding-box}*::-webkit-scrollbar-track{background:#0000}.app{display:grid;grid-template-rows:66px 1fr;height:100vh;min-height:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:none;box-shadow:0 14px 28px #0000002e;background:linear-gradient(180deg,#ffffff14,#ffffff08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.2px;min-width:0}.brand .logo{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(180deg,#16a34a,#16a34aa6);color:#06110c;box-shadow:0 14px 30px #16a34a38;border:1px solid rgba(255,255,255,.12);font-weight:950}.brand .name{display:flex;flex-direction:column;line-height:1.05}.brand .name strong{font-size:16px}.brand .name span{font-size:12px;color:#f4f6ffc7;margin-top:2px}.topbar .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.navPills{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.pill{border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:12px;color:#f4f6ffe0;background:#00000029;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 22px #00000038;max-width:100%}.hr{height:1px;background:#ffffff14;margin:18px 0}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.row>span,.row>.pill{flex:0 1 auto;min-width:0}.small{font-size:12px}.muted{color:var(--muted)}.hint{font-size:12px;color:var(--muted);line-height:1.35}h1,h2,h3{margin:0 0 10px}h1{font-size:28px;letter-spacing:-.4px}h2{font-size:18px}label{display:block;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:#f4f6ffb8;margin:10px 0 6px}.input,textarea,select{width:100%;border-radius:14px;border:1px solid var(--border2);background:#0000002e;color:var(--text);padding:11px 12px;outline:none;transition:box-shadow .12s ease,border-color .12s ease;box-shadow:0 10px 22px #0000002e}.input::placeholder,textarea::placeholder{color:#b7bdd0b3}.input:focus,textarea:focus,select:focus{border-color:#16a34a8c;box-shadow:var(--ring)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.status{margin-top:12px;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--border2);background:#00000029;box-shadow:0 10px 22px #00000024}.status.ok{border-color:#18d57d66}.status.err{border-color:#ff4b4b66}.status.info{border-color:#ffb02059}.sticker{width:30px;height:30px;border-radius:12px;display:grid;place-items:center;flex:0 0 30px;font-size:16px;line-height:1;border:1px solid rgba(255,255,255,.1)}.sticker.ok{background:#18d57d2e}.sticker.err{background:#ff4b4b2e}.sticker.info{background:#ffb02029}.statusText{min-width:0;line-height:1.35}textarea{min-height:104px;resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.65) 50%),linear-gradient(135deg,rgba(255,255,255,.65) 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}.btn{cursor:pointer;border-radius:14px;border:1px solid rgba(0,0,0,0);padding:10px 12px;background:linear-gradient(180deg,#16a34a,#16a34ad1);color:#06110c;font-weight:950;letter-spacing:.2px;box-shadow:0 14px 30px #16a34a2e;transition:transform .06s ease,box-shadow .15s ease;white-space:nowrap}.btn:hover{box-shadow:0 18px 36px #16a34a38}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn.secondary{background:#ffffff0f;border-color:var(--border2);color:var(--text);box-shadow:0 12px 22px #0003}.btn.secondary:hover{border-color:#ffffff38;box-shadow:0 16px 30px #00000038}.layerClipboardActions{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.main .panel.sidebar .layerClipboardActions .btn{width:100%;white-space:nowrap;font-size:12px;padding:9px 8px;text-align:center;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}.btn.upgrade{background:linear-gradient(180deg,#f59e0b,#f59e0bc7);color:#1b1200;box-shadow:0 14px 30px #f59e0b2e}.btn.upgrade:hover{box-shadow:0 18px 34px #f59e0b38}.btn.upgrade.secondary{background:#f59e0b1a;border-color:#f59e0b4d;color:#ffffffeb;box-shadow:0 12px 22px #0003}.btn.upgrade.secondary:hover{border-color:#f59e0b75}.btn.glow{position:relative;isolation:isolate;transform:translateZ(0)}.btn.glow:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:inherit;background:radial-gradient(circle at 30% 30%,#f59e0b57,#f59e0b00 62%);filter:blur(12px);opacity:.45;z-index:-1;will-change:opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;animation:glowPulseOpacity 3.2s ease-in-out infinite;pointer-events:none}.btn.glow:hover:before{opacity:.7}@keyframes glowPulseOpacity{0%,to{opacity:.34}50%{opacity:.62}}@media (prefers-reduced-motion: reduce){.btn.glow:before{animation:none;opacity:.45}}.walletPill.upgradeHint{background:#f59e0b2e;border:1px solid rgba(245,158,11,.3);color:#fffffff0}.upgradeInlineHint{font-size:12px;color:#ffffffb3;margin-top:6px}.btn.ghost{background:#ffffff08;border-color:var(--border2);color:var(--text);box-shadow:none}.btn.ghost:hover{border-color:#ffffff38;background:#ffffff0d}.btn.danger{background:#ff4b4b1a;border-color:#ff4b4b47;color:#ffd6d6;box-shadow:none}.btn.danger:hover{background:#ff4b4b24;border-color:#ff4b4b61}.navBtn.active{border-color:#16a34a73!important;box-shadow:var(--ring)}.panel{background:linear-gradient(180deg,#ffffff12,#ffffff08);border:1px solid var(--border);border-radius:var(--radius);padding:18px;overflow:auto;box-shadow:var(--shadow2);min-height:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.page{margin:18px}.main{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;gap:12px;padding:12px;min-height:0;min-width:0;width:100%;max-width:100%;overflow-x:hidden}.canvasWrap{display:grid;place-items:stretch;min-height:0;min-width:0}.canvasShell{width:min(1180px,100%);height:100%;background:#0000002e;border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr;gap:10px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvasFrame{display:grid;place-items:center;padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.16);background:#ffffff05;position:relative}.stylePreviewOverlayHost{position:sticky;top:10px;margin:0 auto;z-index:60;width:min(780px,calc(100% - 24px));pointer-events:none}.stylePreviewOverlayHost>*{pointer-events:auto}.gridTiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.tile{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#00000029;padding:18px;box-shadow:0 14px 28px #00000038;transition:transform .1s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease;cursor:pointer;overflow:hidden}.tile:hover{transform:translateY(-1px);border-color:#16a34a52;box-shadow:0 18px 38px #00000042;background:#0003}.tileHeader{display:flex;justify-content:space-between;gap:10px;align-items:center}.tileTitle{font-weight:950;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tileSub{color:var(--muted);font-size:12px;margin-top:4px}.tileBadge{font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#00000029;color:#f4f6ffe6}.tileThumb{margin-top:12px;border-radius:18px;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#ffffff08}.tileThumb img{width:100%;display:block}.tileThumb .empty{height:180px;display:grid;place-items:center;color:var(--muted);font-size:12px}.tileActions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;align-items:center}.createTile{background:radial-gradient(900px 600px at 30% 30%,rgba(22,163,74,.22),transparent 60%),radial-gradient(900px 700px at 90% 10%,rgba(139,92,246,.18),transparent 55%),#0000002e;border-color:#ffffff1f}.createTile:hover{border-color:#16a34a66}.plusIcon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,#16a34a,#16a34ab3);color:#06110c;font-weight:950;font-size:26px;box-shadow:0 16px 36px #16a34a38;border:1px solid rgba(255,255,255,.12)}.tagRow{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tag{font-size:11px;color:#f4f6ffe6;border:1px solid rgba(255,255,255,.14);padding:4px 8px;border-radius:999px;background:#0000002e}.stateDot{width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 6px #ffffff0f}.stateDot.saved{background:var(--ok);box-shadow:0 0 0 6px #18d57d24}.stateDot.dirty{background:var(--warn);box-shadow:0 0 0 6px #ffb02024}.toolTiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toolTile{display:flex;align-items:center;gap:10px;padding:12px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:#0000002e;cursor:pointer;transition:transform .1s ease,border-color .12s ease,background .12s ease}.toolTile:hover{transform:translateY(-1px);border-color:#16a34a52;background:#00000038}.toolTile.active{border-color:#508cff8c;box-shadow:0 0 0 3px #508cff2e;background:#1426522e}.toolEmoji{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:18px}.toolText{min-width:0}.toolName{font-weight:950}.toolHint{font-size:12px;color:var(--muted);margin-top:2px}.layersPanel{display:flex;flex-direction:column;height:100%;width:100%;min-width:0}.layersPanel h2{margin:0 0 10px}.layersPanel .layersList{flex:1;overflow:auto;padding-right:6px}.layersList{display:grid;gap:8px}.layerItem{border:1px solid rgba(255,255,255,.1);background:#00000024;border-radius:18px;padding:10px;display:grid;gap:8px}.layerItem.active{border-color:#16a34a73;box-shadow:var(--ring)}.layerTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.layerLeft{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.layerIcon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);flex:none}.layerName{font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layerMeta{font-size:12px;color:var(--muted);margin-top:2px}.layerBtns{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.miniBtn{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#0000002e;color:#f4f6ffeb;font-size:12px;cursor:pointer}.miniBtn:hover{border-color:#16a34a47}.miniBtn.danger{border-color:#ff4b4b4d;color:#ffd6d6}.miniBtn.danger:hover{border-color:#ff4b4b75}.versionList{display:grid;gap:8px;margin-top:8px}.versionItem{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#00000024;padding:10px}.versionItem .left{display:flex;gap:10px;align-items:center;min-width:0}.versionThumb{width:52px;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;overflow:hidden;flex:none}.versionThumb img{width:100%;height:100%;object-fit:cover;display:block}.versionInfo{min-width:0}.versionInfo .t{font-weight:950;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.versionInfo .s{font-size:12px;color:var(--muted)}.mobileOnly{display:none!important}.drawerOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000070;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:start center;padding:12px;z-index:1000}.drawer{width:min(780px,100%);height:min(78vh,720px);border-radius:22px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#282a36fa,#1e202afa);box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:54px 1fr}.drawerHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000002e}.drawerBody{overflow-y:auto;overflow-x:hidden;padding:12px}@media (max-width: 720px){.drawer{height:min(90vh,820px)}}.helpFab{position:fixed;left:16px;bottom:16px;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.14);color:#f4f6ffeb;cursor:pointer;box-shadow:0 16px 36px #00000057;z-index:999}.helpFab:hover{border-color:#16a34a47}@media (max-width: 1200px){.main{grid-template-columns:300px 1fr 360px}}@media (max-width: 980px){.topbar{flex-wrap:wrap}.main{grid-template-columns:1fr}.sidebar{display:none!important}.mobileOnly{display:inline-flex!important}.canvasShell{width:min(1180px,100%);height:100%;background:#0000002e;border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr;gap:10px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvasFrame{padding:12px}.row{flex-wrap:wrap}.row>*{flex:1 1 240px}.gridTiles{grid-template-columns:1fr}}@media (max-width: 560px){.page{margin:10px}.topbar,.btn{padding:10px}.panel{padding:12px}.helpFab{left:12px;bottom:12px}}.createHeader{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.createHeader .left{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}.createHeader h1{margin:0}.createSub{color:var(--muted);font-size:12px;line-height:1.35;max-width:820px}.templateGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.template{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#00000029;padding:16px;box-shadow:0 14px 28px #00000038;cursor:pointer;transition:transform .1s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease;display:flex;flex-direction:column;gap:10px;min-height:260px}.template:hover{transform:translateY(-1px);border-color:#16a34a52;box-shadow:0 18px 38px #00000042;background:#0003}.template.active{border-color:#16a34a8c;box-shadow:var(--ring)}.templateName{font-weight:950;font-size:16px}.templateDesc{color:var(--muted);font-size:12px;line-height:1.35;min-height:32px}.templatePreview{border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;overflow:hidden;height:170px;display:grid}.templateMiniGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;max-height:260px;overflow:auto;padding-right:6px}.templateMini{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#00000029;color:var(--text);font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px;display:grid;gap:8px;cursor:pointer;transition:transform .1s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease;text-align:left}.templateMini:hover{transform:translateY(-1px);border-color:#16a34a52;background:#0003}.templateMini.active{border-color:#16a34a8c;box-shadow:var(--ring)}.templateMiniThumb{aspect-ratio:1 / 1;height:auto;min-height:86px;border-radius:14px;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative}.templateMiniThumbInner{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(.94);transform-origin:center}.templateMiniName{font-weight:950;font-size:12px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stylePreviewBarWrap{position:relative;top:0;left:0;transform:none;z-index:2000;width:100%;pointer-events:none}.stylePreviewBar{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 50px #00000059}.templateMeta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.createLayout{display:grid;grid-template-columns:420px 1fr;gap:18px;min-height:0;align-items:start}.metaForm{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#00000029;padding:16px;box-shadow:0 14px 28px #00000038;display:grid;gap:12px;align-content:start}.previewPanel{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#00000024;padding:16px;box-shadow:0 14px 28px #00000038;display:grid;gap:12px;place-items:center;min-height:0}@media (max-width: 980px){.createLayout,.templateGrid{grid-template-columns:1fr}.templatePreview{height:190px}}.projectsPage{max-width:1320px;margin-left:auto;margin-right:auto}.projectsTop{display:grid;gap:14px}.limitsBanner{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:14px;flex-wrap:wrap;width:100%;box-sizing:border-box}.limitsLeft{display:flex;flex-direction:column;gap:6px;flex:1;min-width:260px}.limitsTitle{font-weight:700}.limitsText{font-size:13px;color:#ffffffdb;overflow-wrap:break-word;word-break:normal}.limitsText.subtle{color:#ffffff9e}.limitsError{margin-top:4px;padding:8px 10px;border-radius:12px;background:#ffc1071a;border:1px solid rgba(255,193,7,.22);color:#ffffffeb;font-size:13px}.limitsRight{display:flex;align-items:center;gap:10px;flex-shrink:0}@media (max-width: 820px){.limitsBanner{flex-direction:column}.limitsRight,.limitsRight .btn{width:100%}}.projectsTitleRow{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.projectsTitle{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}.projectsControls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.projectsFilters{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.segmented{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000029}.segBtn{border:1px solid rgba(0,0,0,0);background:transparent;color:#f4f6ffe0;font-weight:950;padding:8px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}.segBtn:hover{background:#ffffff0f}.segBtn.active{background:linear-gradient(180deg,#16a34a,#16a34ac7);color:#06110c;box-shadow:0 12px 24px #16a34a2e}.projectsCenter{min-height:52vh;display:flex;align-items:center;justify-content:center}.projectsGrid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:18px;align-items:stretch}.projectsTileBig{min-height:420px}.projectsThumbTall .empty{height:240px}.projectsThumbTall img{max-height:340px;object-fit:cover}.albumWrap{width:100%;display:grid;gap:14px;justify-items:center}.albumNav{width:min(980px,100%);display:flex;align-items:center;justify-content:space-between;gap:12px}.albumStage{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.albumCard{width:100%}.albumTile{width:100%;min-height:520px}.albumEmpty{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#00000029;padding:24px;box-shadow:0 14px 28px #00000038;text-align:center;width:min(720px,100%)}@media (max-width: 980px){.projectsCenter{min-height:40vh;align-items:stretch}.projectsGrid{grid-template-columns:1fr}.projectsTileBig{min-height:0}.albumStage{grid-template-columns:1fr}.albumTile{min-height:0}}.albumOne{display:grid;gap:14px}.albumBar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.albumViewport{width:100%;border-radius:26px;border:none;background:radial-gradient(900px 420px at 20% 20%,rgba(22,163,74,.1),transparent 60%),radial-gradient(900px 420px at 80% 30%,rgba(139,92,246,.1),transparent 60%),#0000001a;box-shadow:0 18px 48px #00000047;overflow:hidden}.albumScroll{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.albumSlide{scroll-snap-align:center;flex:0 0 100%;padding:14px 14px 18px;display:flex;justify-content:center;align-items:center}.albumSlideInner{width:min(760px,100%)}.albumHint{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px}.albumDots{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;cursor:pointer}.dot.active{background:#16a34af2;border-color:#16a34aa6;box-shadow:0 0 0 4px #16a34a29}.kbd{padding:2px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#0000002e;color:#f4f6ffeb;font-weight:900;font-size:11px}.pageNoFrame{border:none!important;box-shadow:none!important;background:transparent!important}.infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}.infoCard{border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#00000024;padding:16px;box-shadow:0 14px 28px #00000038;display:grid;gap:10px;align-content:start}.infoCardHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.avatar{width:44px;height:44px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,#16a34a,#16a34ab3);color:#06110c;font-weight:950;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 34px #16a34a2e;flex:none}.statRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.statRow b{font-weight:950}.actionsRow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}@media (max-width: 980px){.infoGrid{grid-template-columns:1fr}}.navLinks{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.navLink{border:none;background:transparent;color:#f4f6ffdb;font-weight:950;padding:10px 12px;border-radius:999px;cursor:pointer}.navLink:hover{background:#ffffff0f}.navLink.active{background:#16a34a24;color:#f4f6fff5;box-shadow:0 10px 24px #16a34a24}.topbarApp{gap:12px}.topbarCenter{display:flex;align-items:center;justify-content:center;min-width:0}.canvasTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.zoomBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stageViewport{width:100%;height:100%;overflow:auto;border-radius:18px;background:#0000001a}.stageViewport.panning{cursor:grabbing}.stageSizer{position:relative}.stageScale{position:absolute;left:0;top:0}.sidebar{min-width:0;max-width:100%;overflow-x:hidden;text-align:left;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.sidebar .row{flex-wrap:wrap}.sidebarClosed{width:0!important;padding:0!important;border:none!important;overflow:hidden!important}.topbarApp{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center}.topbarApp .brand{justify-self:start}.topbarApp .topbarCenter{justify-self:center}.topbarApp .right{justify-self:end}select.input,select.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#0000002e;color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 36px 10px 12px;box-shadow:0 10px 22px #00000024;outline:none}select.input:focus{border-color:#16a34a59}select.input option{background:#0b1510;color:#f4f6fff0}select.select{background-image:linear-gradient(45deg,transparent 50%,rgba(244,246,255,.75) 50%),linear-gradient(135deg,rgba(244,246,255,.75) 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.colorPickerRow{display:flex;align-items:center;gap:10px}.colorInput{width:44px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#00000024;padding:0;cursor:pointer}.colorInput::-webkit-color-swatch-wrapper{padding:6px}.colorInput::-webkit-color-swatch{border:none;border-radius:10px}.colorSwatch{width:36px;height:28px;border-radius:12px;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 20px #0000002e}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.toolTile{color:var(--text)}.toolName{color:#f4f6fff0}.actionCard{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#0000001f;padding:12px;box-shadow:0 16px 30px #0000002e}.actionRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.seg{display:inline-flex;border-radius:999px;padding:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.segBtn{border:none;background:transparent;color:#f4f6ffdb;font-weight:950;padding:8px 10px;border-radius:999px;cursor:pointer}.segBtn.active{background:#16a34a2e;color:#f4f6fff5;box-shadow:0 10px 22px #16a34a24}.moveGrid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:center;justify-items:center}.iconBtn{width:44px;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#f4f6ffeb;font-weight:950;cursor:pointer;box-shadow:0 12px 24px #00000024}.iconBtn:hover{background:#ffffff1a}.iconBtn:disabled{opacity:.45;cursor:not-allowed}.authShell{height:100vh;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto;padding:26px 18px;background:radial-gradient(900px 500px at 20% -10%,rgba(34,197,94,.22),transparent 60%),radial-gradient(900px 520px at 90% 0%,rgba(22,163,74,.18),transparent 62%),radial-gradient(900px 520px at 50% 110%,rgba(34,197,94,.14),transparent 60%),linear-gradient(180deg,#030a06,#040e09)}.authCenter{flex:1 0 auto;min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center}.authCard{width:min(520px,100%);background:#0000003d;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px 18px 16px;box-shadow:0 20px 50px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.authBrand{display:flex;gap:12px;align-items:center;margin-bottom:12px}.authTitle{font-size:20px;font-weight:950;letter-spacing:.2px}.authSubtitle{color:#b7bdd0d1;font-size:13px}.authHero h1{font-size:28px;margin:10px 0 8px;line-height:1.08}.authHero p{margin:0;color:#d2d7e8db}.heroBadge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#22c55e29;border:1px solid rgba(34,197,94,.22);color:#f4f6fff0;font-size:12px;font-weight:800}.oauthRow{display:flex;gap:10px;flex-wrap:wrap}.oauthBtn{flex:1 1 140px;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#0000002e;color:#f4f6ffeb;cursor:pointer;transition:transform .08s ease,background .12s ease,border-color .12s ease}.oauthBtn:hover{transform:translateY(-1px);border-color:#22c55e3d;background:#00000038}.oauthIcon{width:26px;height:26px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#22c55e2e;border:1px solid rgba(34,197,94,.22);font-weight:950}.authFooter{margin-top:14px;text-align:center}.segmented{display:flex;gap:8px;padding:6px;border-radius:18px;background:#0000002e;border:1px solid rgba(255,255,255,.08)}.seg{flex:1;border-radius:14px;padding:10px;border:1px solid transparent;background:transparent;color:#f4f6ffdb;cursor:pointer;font-weight:900}.seg.active{background:#22c55e2e;border-color:#22c55e3d;color:#f4f6fff5}.linkBtn{margin-top:14px;background:transparent;border:none;color:#f4f6ffcc;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.alert{border-radius:16px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);background:#0000002e;margin-bottom:12px}.alert.danger{border-color:#ef444447;background:#ef44441a}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kv{padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#00000029}.kv .k{color:#b7bdd0d1;font-size:12px;font-weight:800}.kv .v{margin-top:4px;color:#f4f6ffeb;font-weight:900;font-size:13px}.modalOverlay,.tourOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.modalDim{position:absolute;top:0;right:0;bottom:0;left:0;background:#060a089e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.tourDim{position:absolute;top:0;right:0;bottom:0;left:0;background:#060a089e;backdrop-filter:none;-webkit-backdrop-filter:none}.modalCard{position:relative;margin:6vh auto;width:min(980px,calc(100vw - 28px));max-height:88vh;overflow:hidden;background:linear-gradient(180deg,#0e1a14fa,#0a120efa);border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:0 40px 120px #0000008c;display:flex;flex-direction:column}.modalHeader{padding:16px 16px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.modalTabs{padding:10px 14px;display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.08)}.tabBtn{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0000002e;color:#f4f6ffe6;font-weight:850;cursor:pointer}.tabBtn.active{border-color:#22c55e4d;background:#22c55e2e}.modalBody{padding:14px;overflow:auto}.modalFooter{padding:12px 14px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end;gap:10px}.legalText{white-space:pre-wrap;line-height:1.45;font-size:14px;color:#f4f6ffeb}.callout{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#00000029;padding:14px}.balanceRow{display:flex;gap:12px;flex-wrap:wrap}.balanceItem{flex:1;min-width:220px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#00000024;padding:12px}.planGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (max-width: 840px){.planGrid{grid-template-columns:1fr}}.planCard{text-align:left;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#00000024;padding:12px;color:#f4f6ffeb;cursor:pointer}.planCard.active{border-color:#22c55e52;background:#22c55e24}.pill.ghost{background:#0000001a;border:1px dashed rgba(255,255,255,.12)}.txRow{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0000001f;padding:10px 12px}.tourOverlay{pointer-events:none}.tourHighlight{position:fixed;border-radius:18px;border:2px solid rgba(34,197,94,.55);box-shadow:0 0 0 9999px #060a0847;pointer-events:none}.tourTip{position:fixed;background:linear-gradient(180deg,#111e17fa,#09100cfa);border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 40px 120px #0000008c;padding:14px;pointer-events:auto}.tourHeader{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.tourTitle{font-weight:950;font-size:18px;line-height:1.15}.tourBody{margin-top:10px;color:#f4f6ffeb;line-height:1.35}.tourActions{margin-top:12px;display:flex;gap:10px;align-items:center}.tourDots{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:360px;margin-left:auto;margin-right:auto}.dot{width:10px;height:10px;border-radius:99px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;cursor:pointer}.dot.active{background:#22c55ed9;border-color:#22c55e66}.kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0000002e;font-weight:900;font-size:12px;margin-right:4px}.walletMini{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.walletPill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffff1a;color:#ffffffeb;font-size:12px;line-height:1;font-weight:700;letter-spacing:.02em;-webkit-user-select:none;user-select:none;white-space:nowrap}.walletPill.plan{background:#22c55e33;color:#fffffff2;text-transform:uppercase}@media (max-width: 860px){.walletMini{gap:6px;padding:6px 8px}.walletPill{padding:5px 8px;font-size:11px}}.profileHeaderRight{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.authBottomNote{position:static;margin:14px auto 10px;width:min(520px,100%);text-align:center;color:#ffffffb8}.legalAcceptRow{margin-top:6px}.checkboxRow{display:flex;align-items:flex-start;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12.5px;color:#f4f6ffe0}.checkboxRow input[type=checkbox]{width:16px;height:16px;margin-top:3px}.toggleWrap{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggleWrap input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.toggleTrack{width:34px;height:20px;border-radius:999px;border:1px solid var(--border2);background:#ffffff1a;box-shadow:inset 0 0 0 1px #0000002e;position:relative;flex:0 0 auto;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease}.toggleTrack:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:#ffffffeb;box-shadow:0 8px 18px #00000059;transition:transform .14s ease}.toggleWrap input:checked+.toggleTrack{background:#16a34a73;border-color:#16a34a99}.toggleWrap input:checked+.toggleTrack:after{transform:translate(14px)}.toggleWrap input:focus-visible+.toggleTrack{box-shadow:var(--ring)}.toggleWrap.disabled{opacity:.55;cursor:not-allowed}.toggleLabel{font-size:12.5px;color:#f4f6ffe0}.linkInline{background:transparent;border:0;padding:0;cursor:pointer;color:#22c55ef2;font-weight:850;text-decoration:underline;text-underline-offset:3px}.linkInline:hover{opacity:.9}.tourStep{margin-top:4px;white-space:normal}.pageShell{padding:18px;max-width:1120px;margin:0 auto}.pageHeader{display:flex;align-items:center;justify-content:space-between;gap:14px}.pageTitle{font-weight:950;font-size:22px}.pageHeaderRight{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.walletBig{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.billingGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.panelCard{background:#00000029;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px;box-shadow:0 10px 30px #0000002e;color:#f4f6ffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panelCardHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}.methodRow{display:flex;gap:10px;flex-wrap:wrap}.methodCard{display:flex;gap:10px;align-items:center;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#00000024;cursor:pointer;min-width:180px;color:#f4f6ffeb}.methodCard:hover{background:#0000002e}.methodCard.active{outline:2px solid rgba(80,140,255,.45)}.methodEmoji{font-size:22px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#508cff1f;border:1px solid rgba(255,255,255,.08)}.methodText{display:flex;flex-direction:column;gap:2px}.amountRow{display:flex;align-items:center;gap:10px}.chip{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000024;color:#f4f6ffeb;cursor:pointer;font-weight:900;letter-spacing:.2px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.chip:hover{background:#0003}.chip:active{transform:translateY(1px)}.chip:focus-visible{outline:2px solid rgba(80,140,255,.45);outline-offset:2px}.quickRow{display:flex;gap:8px;flex-wrap:wrap}.planRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:10px}.planTile{text-align:left;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#00000024;padding:12px;color:#f4f6ffeb;cursor:pointer}.planTile:hover{background:#0000002e}.planTile.active{outline:2px solid rgba(80,140,255,.45)}.planTile.current:not(.active){outline:2px solid rgba(255,255,255,.22);box-shadow:0 0 0 2px #ffffff0f,0 0 24px #ffffff14}.methodMini{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#00000024;cursor:pointer;font-weight:900;color:#f4f6ffeb}.methodMini:hover{background:#0000002e}.methodMini.active{outline:2px solid rgba(80,140,255,.45)}.txList{display:grid;gap:8px}.txRow{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0000001a;color:#f4f6ffeb}@media (max-width: 980px){.billingGrid,.planRow{grid-template-columns:1fr}.pageHeader{flex-direction:column;align-items:stretch}.pageHeaderRight{justify-content:flex-start}}.main{isolation:isolate}.main .panel.sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;scrollbar-gutter:stable;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.main .panel.sidebar .btn{white-space:normal}.main .panel.sidebar label:not(.toggleWrap){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.main .panel.sidebar .toggleLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.main .canvasShell{-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:paint}