:root{--bg-0:#080905;--bg-1:#0c0e08;--bg-2:#12140c;--surface-1:#15170f;--surface-2:#1b1e14;--surface-3:#21241a;--lime:#b7ff00;--lime-soft:#d4ff5c;--lime-glow:#b7ff008c;--lime-glow-soft:#b7ff0047;--charcoal:#0c0e08;--text:#f4f6ee;--text-secondary:#c6cdb8;--text-muted:#8d947f;--silver:#aeb5a8;--silver-strong:#e9ece3;--silver-line:#aeb5a859;--border-subtle:#e9ece31a;--border-lime:#b7ff0061;--glass-border:#e9ece31f;--shadow:0 18px 45px #00000080;--shadow-lg:0 30px 80px #0009;--shadow-inset:inset 0 1px 0 #ffffff0f;--rim-glow:0 0 0 1px #b7ff0073, 0 0 26px #b7ff0047;--radius-xl:40px;--radius-lg:26px;--radius-md:18px;--radius-sm:12px;--radius-pill:999px;--line:#b7ff00cc;--facet-panel:polygon(28px 0%, calc(100% - 28px) 0%, 100% 28px, 100% calc(100% - 28px), calc(100% - 28px) 100%, 28px 100%, 0% calc(100% - 28px), 0% 28px);--facet-panel-sm:polygon(16px 0%, calc(100% - 16px) 0%, 100% 16px, 100% calc(100% - 16px), calc(100% - 16px) 100%, 16px 100%, 0% calc(100% - 16px), 0% 16px);--facet-btn:polygon(18px 0%, calc(100% - 18px) 0%, 100% 50%, calc(100% - 18px) 100%, 18px 100%, 0% 50%);--facet-badge:polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);--glow-panel:drop-shadow(0 20px 40px #0000008c) drop-shadow(0 0 20px #b7ff0024);--glow-panel-hover:drop-shadow(0 26px 55px #0009) drop-shadow(0 0 32px #b7ff004d);--glow-btn:drop-shadow(0 8px 20px #b7ff004d) drop-shadow(0 0 14px #b7ff0038);--glow-btn-hover:drop-shadow(0 10px 26px #b7ff006b) drop-shadow(0 0 22px #b7ff0066);color:var(--text);background:var(--bg-0);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background-color:var(--bg-0);background-image:linear-gradient(160deg, var(--bg-1), var(--bg-0) 50%, var(--bg-2));margin:0;position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:0;pointer-events:none;filter:blur(min(9vw,90px));will-change:transform;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#b7ff0042 0%,#b7ff001a 45%,#0000 72%);width:62vw;height:62vw;animation:46s ease-in-out infinite alternate marbleDrift1;top:-18vw;left:-16vw}body:after{background:radial-gradient(circle,#b7ff0033 0%,#b7ff0012 45%,#0000 72%);width:58vw;height:58vw;animation:58s ease-in-out infinite alternate marbleDrift2;bottom:-20vw;right:-14vw}@keyframes marbleDrift1{0%{transform:translate(0)scale(1)}50%{transform:translate(7vw,5vw)rotate(20deg)scale(1.15)}to{transform:translate(-4vw,9vw)rotate(-10deg)scale(.95)}}@keyframes marbleDrift2{0%{transform:translate(0)scale(1)}50%{transform:translate(-6vw,-7vw)rotate(-18deg)scale(1.1)}to{transform:translate(5vw,-3vw)rotate(12deg)scale(.92)}}a{color:inherit}.app-shell{min-height:100vh;position:relative}.app-shell:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle at 42% 62%,#b7ff0029 0%,#0000 46%),linear-gradient(#e9ece309 1px,#0000 1px),linear-gradient(90deg,#e9ece309 1px,#0000 1px);background-size:100% 100%,42px 42px,42px 42px;animation:75s ease-in-out infinite alternate marbleDrift2;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 0,#000,#0000 75%);mask-image:radial-gradient(circle at 50% 0,#000,#0000 75%)}.app-shell>*{z-index:1;position:relative}.topbar{z-index:10;border:1px solid var(--border-lime);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(20px)saturate(160%);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff0f, 0 0 30px #b7ff001a;background:linear-gradient(160deg,#15170ff0,#0a0b06e6);justify-content:space-between;align-items:center;gap:20px;margin:14px;padding:12px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-weight:900;display:flex}.brand-mark{object-fit:cover;border-radius:11px;width:36px;height:36px;box-shadow:0 0 0 1px #b7ff0099,0 0 16px #b7ff0099}.brand-name{letter-spacing:.01em;color:var(--silver-strong);font-size:1rem}.brand-name-accent{color:var(--lime);text-shadow:0 0 14px #b7ff00a6}.topbar nav{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.topbar nav a{border-radius:var(--radius-pill);letter-spacing:.01em;color:var(--text-secondary);padding:9px 14px;font-size:.85rem;font-weight:700;text-decoration:none;transition:box-shadow .2s,color .2s,background .2s}.topbar nav a:hover{color:var(--silver-strong);background:#b7ff001f}.topbar nav a.active{color:var(--charcoal);background:var(--lime);clip-path:var(--facet-btn);filter:drop-shadow(0 0 16px #b7ff00b3);font-weight:800}.page{max-width:1180px;margin:0 auto;padding:34px 20px 80px}.page h1{letter-spacing:-.01em;color:var(--text);margin:0 0 22px;font-size:1.7rem;font-weight:900}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.glass-panel{clip-path:var(--facet-panel);-webkit-backdrop-filter:blur(26px)saturate(160%);filter:var(--glow-panel);background:linear-gradient(165deg,#21241a9e,#0f110a6b);margin-bottom:26px;padding:30px 30px 26px;transition:filter .3s;position:relative}.glass-panel:before{content:"";clip-path:var(--facet-panel);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #b7ff004d}.glass-panel:after{content:"";clip-path:var(--facet-panel);pointer-events:none;background:linear-gradient(118deg,#0000 40%,#ffffff1a 50%,#0000 60%);position:absolute;inset:0}.glass-panel:has(a:hover,button:hover){filter:var(--glow-panel-hover)}.glass-panel h2{color:var(--text);margin:0 0 12px;font-size:1.1rem;font-weight:800}.glass-panel h2:not(:first-child){margin-top:6px}.glass-panel>*{position:relative}.glass-panel p{color:var(--text-secondary)}.icon-badge{width:48px;height:48px;clip-path:var(--facet-badge);border:1.5px solid var(--border-lime);color:var(--lime);filter:drop-shadow(0 0 14px #b7ff004d);background:linear-gradient(155deg,#b7ff0047,#b7ff000f);place-items:center;margin-bottom:16px;animation:5s ease-in-out infinite floatY;display:grid}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.icon-badge svg{width:22px;height:22px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin-bottom:8px;font-size:.72rem;font-weight:800;display:block}.field-error{color:#ff8a75;margin:-4px 0 8px;font-size:.85rem;font-weight:700}.field-note{color:var(--text-muted);margin:4px 0 8px;font-size:.9rem}.primary-btn,.secondary-btn,button{clip-path:var(--facet-btn);cursor:pointer;color:var(--text);border:0;justify-content:center;align-items:center;gap:6px;padding:13px 22px;font-family:inherit;font-size:.95rem;font-weight:800;text-decoration:none;transition:transform .16s,filter .2s,border-color .2s,background .2s;display:inline-flex}.primary-btn{background:linear-gradient(135deg, var(--lime-soft), var(--lime));color:var(--charcoal);filter:var(--glow-btn);animation:4s ease-in-out infinite btnPulse}.primary-btn:hover{filter:var(--glow-btn-hover);animation-play-state:paused;transform:translateY(-2px)}@keyframes btnPulse{0%,to{filter:var(--glow-btn)}50%{filter:var(--glow-btn-hover)}}.secondary-btn,button:not(.primary-btn){border:1.5px solid var(--border-lime);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);background:#1b1e14a6}.secondary-btn:hover,button:not(.primary-btn):hover{border-color:var(--lime);background:var(--surface-3);filter:drop-shadow(0 0 14px #b7ff004d);transform:translateY(-1px)}button:active{transform:translateY(1px)scale(.97)}button:disabled{opacity:.4;cursor:not-allowed;filter:none!important;animation:none!important;transform:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:2px}input,select{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-1);width:100%;color:var(--text);margin:8px 0 18px;padding:12px 15px;font-family:inherit;font-size:.95rem;display:block}input::placeholder{color:var(--text-muted)}input[type=color]{height:44px;padding:4px}input[type=range],input[type=checkbox]{accent-color:var(--lime)}label{color:var(--text-secondary);margin:10px 0;font-weight:700;display:block}.status-pill{border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--border-lime);color:var(--text);box-shadow:0 0 14px var(--lime-glow-soft);align-items:center;gap:8px;padding:8px 16px;font-weight:800;display:inline-flex}.status-pill:before{content:"";background:var(--lime);width:8px;height:8px;box-shadow:0 0 8px 2px var(--lime-glow);border-radius:50%}.dashboard-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-header-row select{width:auto;margin:0}.project-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:6px;display:grid}.project-card{clip-path:var(--facet-panel-sm);-webkit-backdrop-filter:blur(18px)saturate(150%);filter:drop-shadow(0 12px 26px #00000073);background:linear-gradient(165deg,#21241a94,#0f110a66);flex-direction:column;transition:transform .2s,filter .2s;display:flex;position:relative}.project-card:before{content:"";clip-path:var(--facet-panel-sm);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #b7ff0038}.project-card:hover{filter:drop-shadow(0 20px 40px #00000080)drop-shadow(0 0 20px #b7ff004d);transform:translateY(-3px)}.project-card:hover:before{box-shadow:inset 0 0 0 1.5px #b7ff0080}.project-card-swatch{border-bottom:1px solid var(--border-lime);background-image:repeating-linear-gradient(135deg,#0000001f 0 2px,#0000 2px 12px);height:64px;position:relative}.project-card-swatch:after{content:"";background:linear-gradient(#ffffff0f,#00000040);position:absolute;inset:0}.project-card-body{padding:14px 16px 16px}.project-card-link{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:1rem;font-weight:800;text-decoration:none;display:block;overflow:hidden}.project-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:.8rem;display:flex}.project-card-meta .chip{border-radius:var(--radius-pill);border:1px solid var(--silver-line);color:var(--text-secondary);background:#b7ff0014;padding:2px 9px;font-weight:700}.project-card-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.project-card-actions button{width:auto;margin:0;padding:7px 12px;font-size:.78rem}.folder-input{width:110px;margin:0;padding:7px 12px;font-size:.78rem}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state-icon{width:46px;height:46px;clip-path:var(--facet-badge);border:1.5px solid var(--border-lime);color:var(--lime);filter:drop-shadow(0 0 12px #b7ff0040);background:#b7ff001a;place-items:center;margin:0 auto 12px;display:grid}.template-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:18px;display:grid}.template-card{clip-path:var(--facet-panel-sm);-webkit-backdrop-filter:blur(18px)saturate(150%);filter:drop-shadow(0 12px 26px #0006);background:linear-gradient(165deg,#21241a94,#0f110a66);padding:18px;transition:transform .2s,filter .2s;position:relative}.template-card:before{content:"";clip-path:var(--facet-panel-sm);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #b7ff0033}.template-card:hover{filter:drop-shadow(0 18px 36px #00000073)drop-shadow(0 0 18px #b7ff0047);transform:translateY(-3px)}.template-preview{border-radius:var(--radius-sm);border:1px solid #e9ece324;place-items:center;height:170px;margin-bottom:6px;display:grid;position:relative;overflow:visible}.template-preview:before,.template-preview:after{content:"";border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border-subtle);z-index:-1;position:absolute;inset:10px -6px -6px 10px}.template-preview:after{background:var(--surface-1);opacity:.9;inset:18px -12px -12px 18px}.template-preview span{text-align:center;text-shadow:0 1px 4px #0009;padding:0 14px;font-weight:800}.editor-page{grid-template-columns:220px minmax(0,1fr) 260px;gap:16px;padding:18px;display:grid}.toolrail{height:max-content;max-height:calc(100vh - 36px);overflow-y:auto}.toolrail button{width:100%;margin:8px 0;display:flex}.toolrail h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:18px 0 6px;font-size:.78rem;font-weight:800}.toolrail h2:first-of-type{margin-top:0}details.toolrail summary{cursor:pointer;color:var(--text);padding:2px 0 4px;font-size:1.05rem;font-weight:900;list-style:none}details.toolrail summary::-webkit-details-marker{display:none}details.toolrail summary:before{content:"▾ ";color:var(--lime);text-shadow:0 0 8px var(--lime-glow);display:inline-block}details.toolrail:not([open]) summary:before{content:"▸ "}.canvas-column{flex-direction:column;gap:14px;min-width:0;display:flex}.canvas-wrap{text-align:center;overflow:auto}.canvas-wrap canvas{box-shadow:var(--shadow-lg);background:#fff;border-radius:4px}.canvas-status-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.canvas-status-bar button{width:auto}.btn-row{gap:8px;display:flex}.btn-row button{flex:1;margin:0}.align-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 4px;display:grid}.align-grid button{margin:0;padding:10px}.check-row{color:var(--text-secondary);align-items:center;gap:8px;margin:8px 0;font-weight:600;display:flex}.check-row input{width:auto;margin:0}.layers-panel{flex-direction:column;display:flex}.layers-empty{color:var(--text-muted);font-size:.9rem}.layers-list{max-height:38vh;margin:0 0 8px;padding:0;list-style:none;overflow-y:auto}.layer-row{border-radius:var(--radius-sm);align-items:center;gap:6px;margin-bottom:4px;padding:6px 8px;transition:background .15s;display:flex}.layer-row:hover{background:#e9ece30d}.layer-row.active{box-shadow:0 0 0 1px var(--lime);background:#b7ff0029}.layer-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;outline:none;flex:1;margin:0;padding:2px 4px;font-weight:700;overflow:hidden;box-shadow:none!important}.layer-name:hover{transform:none}.layer-controls{gap:2px;display:flex}.icon-btn{width:28px;height:28px;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-subtle);margin:0;padding:0}.icon-btn svg{width:15px;height:15px}.icon-btn.danger{color:#ff8a75;border-color:#ff8a7566}.icon-btn.danger:hover{border-color:#ff8a75;box-shadow:0 0 12px #ff8a754d}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.image-library-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-height:32vh;margin:0 0 8px;padding:0;list-style:none;display:grid;overflow-y:auto}.image-library-item{position:relative}.image-library-thumb{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border-subtle);width:100%;margin:0;padding:4px;overflow:hidden}.image-library-thumb img{object-fit:contain;width:100%;height:100%;display:block}.image-library-delete{position:absolute;top:2px;right:2px}.payment-handle{color:var(--text);text-shadow:0 0 16px var(--lime-glow-soft);align-items:center;gap:10px;font-size:1.4rem;font-weight:800;display:flex}.payment-handle button{width:auto;margin:0}.order-row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.order-row select{width:auto;margin:0}.status-pill.status-payment_pending,.status-pill.status-payment_received,.status-pill.status-payment_issue,.status-pill.status-refunded{box-shadow:none;background:var(--surface-2);border-color:var(--silver-line);margin-left:10px;padding:4px 12px;font-size:.75rem}.status-pill.status-payment_verified,.status-pill.status-access_granted{margin-left:10px;padding:4px 12px;font-size:.75rem}.status-pill.status-payment_issue{border-color:#ff8a7566}@media (width<=900px){.editor-page,.hero-grid{grid-template-columns:1fr}.topbar{border-radius:30px;flex-direction:column;align-items:flex-start}.toolrail{max-height:none}.canvas-column{order:-1}.topbar{-webkit-backdrop-filter:blur(12px)saturate(130%)}.app-shell:before{background-size:30px 30px}body{animation-duration:100s}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}