:root{--bg:#0a0a0b;--ink:#ededed;--muted:#8a8a93;--faint:#5a5a63;--line:#ffffff14;--glass:#ffffff08;--discord:#5865f2;--accent:#a78bfa;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--fs--1:clamp(.8rem, .77rem + .13vw, .875rem);--fs-0:clamp(1rem, .96rem + .18vw, 1.125rem);--fs-1:clamp(1.25rem, 1.19rem + .28vw, 1.4rem);--fs-2:clamp(1.563rem, 1.46rem + .44vw, 1.75rem);--fs-3:clamp(1.953rem, 1.78rem + .74vw, 2.5rem);--lh-base:1.6;--space-2xs:clamp(.5rem, .48rem + .09vw, .625rem);--space-xs:clamp(.75rem, .72rem + .14vw, .938rem);--space-s:clamp(1rem, .96rem + .18vw, 1.25rem);--space-m:clamp(1.5rem, 1.43rem + .36vw, 1.875rem);--space-l:clamp(2rem, 1.87rem + .54vw, 2.5rem);--radius-sm:.625rem;--radius-md:.875rem;--radius-lg:1.125rem;--radius-pill:999px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--tap:44px}*{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.btn{min-height:var(--tap);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:600;font-size:var(--fs-0);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:0 1.15rem;text-decoration:none;transition:transform .12s,filter .2s,background .2s,border-color .2s;display:inline-flex}.btn-primary{color:#0a0a0b;background:#fafafa}.btn-primary:hover{background:#fff;transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#0a0a0b}.btn-accent:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-ghost:hover{background:#ffffff08;border-color:#ffffff40}.btn-discord{background:var(--discord);color:#fff;width:100%}.btn-discord:hover{filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:default;transform:none}.auth{min-height:100svh;padding:var(--space-m);place-items:center;display:grid;position:relative;overflow:hidden}.auth__glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#7882b429,#0000 60%);width:720px;height:720px;position:fixed;top:50%;left:50%;transform:translate(-50%,-60%)}.auth__card,.ob__card{z-index:1;width:100%;max-width:25rem;padding:var(--space-l) var(--space-m);text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);background:#ffffff06;position:relative;box-shadow:0 30px 80px -30px #000c}.auth__logo{object-fit:contain;filter:drop-shadow(0 0 14px #ffffff2e);width:64px;height:64px;margin:-8px auto 6px;display:block}.auth__title,.ob__title{font-size:var(--fs-2);letter-spacing:-.02em;font-weight:600;font-family:var(--font-display);margin:8px 0 6px}.auth__sub,.ob__sub{margin:0 0 var(--space-m);color:var(--muted);font-size:var(--fs-0);line-height:1.55}.auth__legal{margin:var(--space-s) 0 0;color:var(--faint);font-size:var(--fs--1)}.auth__legal a{color:var(--muted);text-decoration:none}.ob{min-height:100svh;padding:var(--space-m);place-items:center;display:grid}.ob__handle{border:1px solid var(--line);border-radius:var(--radius-md);margin-top:var(--space-2xs);background:#ffffff06;align-items:center;padding-left:14px;display:flex}.ob__handle:focus-within{border-color:var(--accent)}.ob__prefix{color:var(--faint);font-size:var(--fs-0);white-space:nowrap}.ob__handle input{min-width:0;color:var(--ink);font-size:var(--fs-0);font-family:var(--font-body);background:0 0;border:0;outline:0;flex:1;padding:12px 10px}.ob__status{min-height:1.4em;font-size:var(--fs--1);text-align:left;margin:8px 2px 0}.ob__status.ok{color:#4ade80}.ob__status.bad{color:#f87171}.ob__status.muted{color:var(--faint)}.ed{grid-template-columns:minmax(0,1fr);min-height:100svh;display:grid}.ed__bar{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-s);padding:max(var(--space-xs), var(--safe-t)) max(var(--space-m), var(--safe-r)) var(--space-xs) max(var(--space-m), var(--safe-l));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#0a0a0bcc;display:flex;position:sticky;top:0}.ed__brand{font-family:var(--font-display);font-weight:600;font-size:var(--fs-1);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.ed__save{font-size:var(--fs--1);color:var(--faint);text-align:right;min-width:5.5em}.ed__main{grid-template-columns:minmax(0,1fr);gap:0;display:grid}@media (min-width:60rem){.ed__main{grid-template-columns:minmax(0,1fr) clamp(22rem,34vw,28rem)}}.ed__panel{min-width:0;padding:var(--space-m) max(var(--space-m), var(--safe-l));gap:var(--space-l);flex-direction:column;max-width:44rem;display:flex}.ed__preview{border-left:1px solid var(--line);background:#060608;min-height:50vh;position:relative}@media (min-width:60rem){.ed__preview{height:100svh;position:sticky;top:0;overflow:hidden}}.ed__preview-frame{width:100%;height:100%;container-type:inline-size}.grp__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-1);margin:0}.grp__hint{color:var(--faint);font-size:var(--fs--1);margin:-4px 0 4px}.field>label{font-size:var(--fs--1);color:var(--muted)}.input,.textarea,.select{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-0);background:#ffffff06;outline:0;padding:11px 12px}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent)}.row{gap:var(--space-2xs);align-items:center;display:flex}.color-field{align-items:center;gap:10px;display:flex}.color-field input[type=color]{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;block-size:34px;inline-size:42px;padding:0}.seg{border:1px solid var(--line);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.seg button{color:var(--muted);font-size:var(--fs--1);cursor:pointer;font-family:var(--font-body);background:0 0;border:0;padding:8px 12px}.seg button[aria-pressed=true]{color:var(--ink);background:#ffffff14}.link-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffff05;align-items:center;gap:8px;padding:8px;display:flex}.link-row__handle{cursor:grab;color:var(--faint);touch-action:none;padding:4px;display:flex}.link-row__fields{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.icon-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-btn:hover{color:var(--ink);border-color:#ffffff40}.social-grid{grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:8px;display:grid}.social-chip{aspect-ratio:1;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff05;border-radius:10px;place-items:center;font-size:1.1rem;display:grid}.social-chip[aria-pressed=true]{color:var(--ink);border-color:var(--accent);background:#a78bfa1f}.pf{min-height:100svh;padding:var(--space-l) var(--space-s) calc(var(--space-l) + var(--safe-b));place-items:start center;display:grid}.pf__inner{text-align:center;align-items:center;gap:var(--space-s);width:100%;max-width:30rem;padding:var(--space-l) var(--space-m);border-radius:var(--radius-lg);flex-direction:column;display:flex;container-type:inline-size}.pf--glass .pf__inner{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:#ffffff0a}.pf--solid .pf__inner{border:1px solid var(--line);background:#0a0a0c99}.pf__avatar{object-fit:cover;width:clamp(84px,22cqi,116px);height:clamp(84px,22cqi,116px);box-shadow:0 0 0 4px #00000040, 0 0 30px -6px var(--accent);border:2px solid #ffffff1f;border-radius:50%}.pf__name{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,6cqi,1.75rem);font-weight:600}.pf__bio{color:var(--muted);font-size:var(--fs-0);white-space:pre-wrap;max-width:28rem;margin:0;line-height:1.55}.pf__socials{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pf__social{color:var(--ink);opacity:.85;font-size:1.4rem;transition:transform .15s,opacity .2s,color .2s;display:inline-flex}.pf__social:hover{opacity:1;color:var(--accent);transform:translateY(-2px)}.pf__links{flex-direction:column;gap:10px;width:100%;margin-top:4px;display:flex}.pf__link{border-radius:var(--radius-md);width:100%;min-height:52px;color:var(--ink);font-weight:500;font-size:var(--fs-0);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:12px;padding:0 16px;text-decoration:none;transition:transform .14s,border-color .2s,background .2s,box-shadow .2s;display:flex}.pf__link:hover{border-color:var(--accent);box-shadow:0 6px 24px -10px var(--accent);background:#ffffff14;transform:translateY(-2px)}.pf__link-ico{color:var(--accent);flex:none;font-size:1.2rem;display:inline-flex}.pf__link-label{text-align:center;flex:1}.pf__foot{margin-top:var(--space-m);color:var(--faint);font-size:var(--fs--1)}.pf__foot a{color:var(--muted);text-decoration:none}.nf{min-height:100svh;padding:var(--space-l);text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.nf__glow{pointer-events:none;background:radial-gradient(60% 50% at 50% 34%,#7880c824,#0000 70%);position:fixed;inset:0}.nf__stars{pointer-events:none;opacity:.5;background-image:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 70% 60%,#cdd,#0000),radial-gradient(1px 1px at 40% 80%,#fff,#0000),radial-gradient(1.5px 1.5px at 85% 25%,#fff,#0000),radial-gradient(1px 1px at 55% 15%,#bcd,#0000);background-repeat:no-repeat;position:fixed;inset:0}.nf__inner{z-index:1;align-items:center;gap:var(--space-s);flex-direction:column;max-width:34rem;display:flex;position:relative}.nf__logo{object-fit:contain;filter:drop-shadow(0 0 16px #ffffff38);width:64px;height:64px;margin-bottom:var(--space-2xs)}.nf__code{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(#fff,#5a5a68);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,12vw,7rem);font-weight:700;line-height:1}.nf__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-2);margin:0}.nf__sub{color:var(--muted);font-size:var(--fs-0);margin:0;line-height:1.55}.nf__actions{gap:var(--space-2xs);margin-top:var(--space-2xs);flex-wrap:wrap;justify-content:center;display:flex}.pf{position:relative}.pf__inner{z-index:1;position:relative}.pf-fx-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pf--animbg{background:linear-gradient(135deg, var(--g1,#160f2e) 0%, #050507 35%, var(--g2,#0a0a0b) 65%, #050507 100%);background-size:280% 280%;animation:18s infinite pf-grad}@keyframes pf-grad{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.pf__name--gradient{background:linear-gradient(90deg, #fff, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.pf__name--glow{color:#fff;text-shadow:0 0 6px var(--accent), 0 0 22px var(--accent)}.pf__name--rainbow{background:linear-gradient(90deg, var(--accent), #fff, var(--accent));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite pf-shine}@keyframes pf-shine{to{background-position:200%}}.pf--enter-fade .pf__inner{animation:.7s both pf-fade}.pf--enter-rise .pf__inner{animation:.7s cubic-bezier(.2,.7,.2,1) both pf-rise}@keyframes pf-fade{0%{opacity:0}to{opacity:1}}@keyframes pf-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.pf--glow .pf__link{box-shadow:0 0 0 1px #ffffff0d, 0 0 18px -6px var(--accent)}.pf--glow .pf__link:hover{box-shadow:0 6px 26px -8px var(--accent), 0 0 22px -4px var(--accent)}.pf-cursor-hide,.pf-cursor-hide *{cursor:none!important}.pf-cursor{z-index:9999;pointer-events:none;will-change:transform;border-radius:50%;position:fixed;top:0;left:0}.pf-cursor--dot{background:#fff;width:9px;height:9px;margin:-4.5px 0 0 -4.5px}.pf-cursor--ring{border:2px solid #fff;width:30px;height:30px;margin:-15px 0 0 -15px}@media (prefers-reduced-motion:reduce){.pf--enter-fade .pf__inner,.pf--enter-rise .pf__inner,.pf__name--rainbow,.pf--animbg{animation:none!important}}.pf{perspective:1100px;place-items:safe center;position:relative;overflow:hidden}.pf__bg{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pf__scrim{z-index:0;background:linear-gradient(#00000059,#0000009e);position:absolute;inset:0}.pf__grain{z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%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)'/%3E%3C/svg%3E");position:absolute;inset:0}.pf__inner{max-width:var(--card-w,25rem);transform-style:preserve-3d;will-change:transform;gap:clamp(.7rem,3.2cqi,1.15rem);padding:clamp(1.4rem,5cqi,2.2rem);transition:transform .18s cubic-bezier(.2,.7,.2,1)}.pf--glass .pf__inner{-webkit-backdrop-filter:blur(22px)saturate(1.25);background:linear-gradient(#ffffff13,#ffffff06);border:1px solid #ffffff1a;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0006,0 40px 90px -45px #000000f2}.pf--solid .pf__inner{background:#0c0c10b8;border:1px solid #ffffff14;box-shadow:0 40px 90px -45px #000000f2}.pf__banner{border-radius:var(--radius-lg) var(--radius-lg) 0 0;align-self:stretch;height:clamp(96px,30cqi,148px);margin:calc(-1*clamp(1.4rem,5cqi,2.2rem)) calc(-1*clamp(1.4rem,5cqi,2.2rem)) 0;position:relative;overflow:hidden}.pf__banner img{object-fit:cover;width:100%;height:100%}.pf__banner:after{content:"";background:linear-gradient(#0000 40%,#00000080);position:absolute;inset:0}.pf__avatar-wrap{place-items:center;width:clamp(96px,30cqi,176px);height:clamp(96px,30cqi,176px);display:grid;position:relative}.pf__avatar-wrap--overlap{z-index:1;margin-top:clamp(-108px,-20cqi,-50px)}.pf__avatar{object-fit:cover;z-index:2;border:3px solid #ffffff29;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 10px 34px -10px #000c}.pf__avatar--ph{color:var(--muted);font-size:2.2rem;font-family:var(--font-display);background:#15151c;place-items:center;display:grid}.pf__deco--glow .pf__avatar{box-shadow:0 0 0 3px #ffffff1a, 0 0 26px -2px var(--accent), 0 0 64px -10px var(--accent)}.pf__deco--ring:before{content:"";border:2px solid var(--accent);opacity:.85;border-radius:50%;position:absolute;inset:-7px}.pf__deco--gradient:before,.pf__deco--spin:before{content:"";background:conic-gradient(from 0deg, var(--accent), #fff, var(--accent), #fff, var(--accent));border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 4px))}.pf__deco--spin:before{animation:4.5s linear infinite pf-spin}@keyframes pf-spin{to{transform:rotate(360deg)}}.pf__name{font-size:clamp(1.4rem,7cqi,2.6rem);font-weight:700}.pf__bio{font-size:clamp(.9rem,3.6cqi,1.05rem)}.pf__socials{gap:clamp(8px,2.4cqi,14px)}.pf__social{border:1px solid var(--line);opacity:.92;background:#ffffff0b;border-radius:50%;place-items:center;width:clamp(38px,10cqi,60px);height:clamp(38px,10cqi,60px);font-size:clamp(1.05rem,2.8cqi,1.5rem);display:grid}.pf__social:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-3px)}.pf__link{background:linear-gradient(#ffffff0f,#ffffff08);border:1px solid #ffffff1a;min-height:clamp(50px,13cqi,72px);position:relative;overflow:hidden}.pf__link:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff24 50%,#0000 65%);transition:transform .7s;position:absolute;inset:0;transform:translate(-130%)}.pf__link:hover:after{transform:translate(130%)}.pf__link:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:linear-gradient(#ffffff17,#ffffff0a)}.pf__audio{border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffff0b;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.pf__audio-btn{cursor:pointer;background:var(--accent);color:#0a0a0b;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:1.05rem;display:grid}.pf__audio-meta{text-align:left;flex:1;min-width:0;overflow:hidden}.pf__audio-title{font-size:var(--fs--1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pf__audio-artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pf__viz{flex:none;align-items:flex-end;gap:2px;height:24px;display:flex}.pf__viz span{background:var(--accent);opacity:.85;border-radius:2px;width:3px;height:4px}.pf__splash{z-index:60;cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(16px);background:#0505088c;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.pf__splash--hide{opacity:0;pointer-events:none}.pf__splash-inner{flex-direction:column;align-items:center;gap:16px;display:flex}.pf__splash img{object-fit:cover;width:92px;height:92px;box-shadow:0 0 40px -8px var(--accent);border:2px solid #ffffff2e;border-radius:50%}.pf__splash-name{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2)}.pf__splash-cta{color:var(--muted);font-size:var(--fs--1);letter-spacing:.24em;text-transform:uppercase;animation:2.2s infinite pf-pulse}@keyframes pf-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.pf__deco--spin:before,.pf__splash-cta{animation:none}}.upmodal{z-index:100;padding:var(--space-m);-webkit-backdrop-filter:blur(8px);background:#05050899;place-items:center;display:grid;position:fixed;inset:0}.upmodal__card{width:min(92vw,24rem);padding:var(--space-l) var(--space-m);border-radius:var(--radius-lg);border:1px solid var(--line);text-align:center;background:#121218f0;box-shadow:0 30px 80px -30px #000000e6}.upmodal__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-1)}.upmodal__name{color:var(--muted);font-size:var(--fs--1);white-space:nowrap;text-overflow:ellipsis;margin:6px 0 16px;overflow:hidden}.upmodal__bar{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.upmodal__fill{background:linear-gradient(90deg, var(--accent,#a78bfa), #fff);border-radius:999px;height:100%;transition:width .2s}.upmodal__pct{font-family:var(--font-display);font-weight:600;font-size:var(--fs-2);margin-top:10px}.upmodal__hint{color:var(--faint);margin-top:6px;font-size:11px}.pf__widgets{flex-direction:column;gap:10px;width:100%;display:flex}.pf__widget{width:100%}.pf__dc,.pf__sp,.pf__txt{border-radius:var(--radius-md);border:1px solid var(--line);text-align:left;background:#ffffff0b;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.pf__txt{display:block}.pf__dc-ico{color:#c7ccf8;background:#5865f22e;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font-size:1.15rem;display:grid}.pf__dc--empty .pf__dc-ico,.pf__dc--loading .pf__dc-ico{opacity:.8}.pf__dc-avatar-wrap{flex:none;width:40px;height:40px;position:relative}.pf__dc-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px;display:block}.pf__dc-avatar--ph{color:#c7ccf8;background:#5865f22e;place-items:center;font-size:1.05rem;display:grid}.pf__dc-dot{border:2.5px solid #0a0a0b;border-radius:50%;width:13px;height:13px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 0 1px #00000040}.pf__dc-meta{flex:1;min-width:0;overflow:hidden}.pf__dc-name{font-size:var(--fs--1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pf__dc-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pf__dc-verb,.pf__dc-detail{color:var(--faint)}.pf__sp{align-items:stretch}.pf__sp-ico{color:#1ed760;background:#1ed76029;border-radius:10px;flex:none;align-self:center;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid}.pf__sp-art-wrap{flex:none;align-self:center;width:52px;height:52px;position:relative}.pf__sp-art{object-fit:cover;border-radius:8px;width:52px;height:52px;display:block}.pf__sp-art--ph{color:#1ed760;background:#1ed76024;place-items:center;font-size:1.3rem;display:grid}.pf__sp-badge{color:#1ed760;border:1px solid var(--line);background:#0a0a0b;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;display:grid;position:absolute;bottom:-5px;right:-5px}.pf__sp-meta{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;display:flex;overflow:hidden}.pf__sp-title{font-size:var(--fs--1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.pf__sp-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pf__sp-bar{background:#ffffff1f;border-radius:2px;height:4px;margin-top:3px;position:relative;overflow:hidden}.pf__sp-fill{background:#1ed760;border-radius:2px;height:100%;transition:width 1s linear;position:absolute;inset:0 auto 0 0}.pf__sp-times{color:var(--faint);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;display:flex}.pf__sp--empty .pf__sp-meta,.pf__dc--empty .pf__dc-meta,.pf__dc--loading .pf__dc-meta{gap:2px}.pf__txt-title{font-size:var(--fs--1);margin-bottom:4px;font-weight:700}.pf__txt-body{font-size:var(--fs--1);color:var(--muted);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.5}.an{gap:var(--space-s);flex-direction:column;display:flex}.an__stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.an__stat{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff06;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.an__stat-ico{color:var(--accent);margin-bottom:4px;font-size:1rem;line-height:1}.an__stat-num{font-family:var(--font-display);font-weight:600;font-size:var(--fs-2);letter-spacing:-.02em;line-height:1.05}.an__stat-lbl{font-size:var(--fs--1);color:var(--muted)}.an__chart{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff06;padding:14px 16px}.an__chart-head{font-size:var(--fs--1);color:var(--muted);justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.an__chart-sum{color:var(--ink)}.an__spark{align-items:flex-end;gap:3px;height:84px;display:flex}.an__bar{background:color-mix(in srgb, var(--accent) 60%, transparent);border-radius:3px 3px 0 0;flex:1 1 0;min-width:0;transition:background .15s}.an__bar:hover{background:var(--accent)}.an__top{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff06;padding:14px 16px}.an__top-head{font-size:var(--fs--1);color:var(--muted);margin-bottom:10px}.an__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.an__row{border-radius:var(--radius-sm);isolation:isolate;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.an__row-meter{z-index:-1;background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:var(--radius-sm);position:absolute;inset:0 auto 0 0}.an__row-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs--1);color:var(--ink);flex:1;overflow:hidden}.an__row-count{font-family:var(--font-display);font-weight:600;font-size:var(--fs--1);color:var(--muted);flex:none}.an__empty{font-size:var(--fs--1);color:var(--faint);margin:0}.dvf{width:100%;height:100%;padding:var(--space-s);place-items:start center;display:grid;overflow:auto}.dvf__device{width:100%;margin:0 auto;position:relative}.dvf:not([data-device=desktop]) .dvf__device{border:1px solid var(--line);background:#060608;border-radius:2rem;overflow:hidden;box-shadow:0 30px 80px -30px #000000d9,inset 0 0 0 1px #ffffff05}.dvf__device--bare{box-shadow:none;background:0 0;border:0;border-radius:0;height:100%}.dvf__notch{flex:none;place-items:center;height:26px;display:grid}.dvf__notch:before{content:"";background:#ffffff24;border-radius:999px;width:36%;max-width:130px;height:6px;margin-top:9px}.dvf__screen{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:auto;container-type:inline-size}.dvf:not([data-device=desktop]) .dvf__screen{border-radius:0 0 2rem 2rem;max-height:calc(100svh - 8rem)}.dvf__device--bare .dvf__screen{height:100%}.ed__pv-toolbar{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--space-2xs) var(--space-s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#060608d1;display:flex;position:sticky;top:0}.ed__pv-toolbar .seg{width:auto}.ed__preview{flex-direction:column;display:flex}.am{z-index:120;padding:var(--space-m);-webkit-backdrop-filter:blur(8px);background:#0505089e;place-items:center;display:grid;position:fixed;inset:0}.am__card{border-radius:var(--radius-lg);border:1px solid var(--line);background:#121218f0;flex-direction:column;width:min(94vw,46rem);max-height:min(86vh,44rem);display:flex;overflow:hidden;box-shadow:0 30px 80px -30px #000000e6}.am__head{justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--space-m);border-bottom:1px solid var(--line);flex:none;display:flex}.am__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-1)}.am__body{padding:var(--space-m);overflow-y:auto}.am__state{justify-content:center;align-items:center;gap:var(--space-m);min-height:9rem;padding:var(--space-l);color:var(--muted);font-size:var(--fs--1);text-align:center;flex-direction:column;display:flex}.am__grid{gap:var(--space-m);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));display:grid}.am__item{flex-direction:column;gap:6px;display:flex;position:relative}.am__thumb{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;background:#ffffff08;width:100%;padding:0;display:block;position:relative;overflow:hidden}.am__thumb:hover{border-color:var(--accent)}.am__thumb img,.am__thumb video{object-fit:cover;width:100%;height:100%;display:block}.am__glyph{width:100%;height:100%;color:var(--muted);place-items:center;font-size:1.8rem;display:grid}.am__meta{justify-content:space-between;align-items:baseline;gap:6px;min-width:0;display:flex}.am__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:11px;overflow:hidden}.am__size{color:var(--faint);flex:none;font-size:10px}.am__del{-webkit-backdrop-filter:blur(4px);background:#0a0a0eb3;width:30px;height:30px;position:absolute;top:6px;right:6px}.am__del:hover:not(:disabled){color:#ff8484;border-color:#ff848480}.am__del:disabled{opacity:.5;cursor:default}.rpt{cursor:pointer;color:var(--faint);font-family:var(--font-body);font-size:var(--fs--1);text-underline-offset:2px;background:0 0;border:0;padding:4px 6px;text-decoration:underline}.rpt:hover{color:var(--muted)}.rpt--done{color:var(--muted);cursor:default;text-decoration:none}.adm{max-width:70rem;padding:var(--space-l) var(--space-m);gap:var(--space-l);flex-direction:column;margin:0 auto;display:flex}.adm__head{flex-direction:column;gap:4px;display:flex}.adm__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-3);letter-spacing:-.02em;margin:0}.adm__sub{color:var(--muted);font-size:var(--fs--1);margin:0}.adm__section{gap:var(--space-s);flex-direction:column;display:flex}.adm__empty{color:var(--faint);margin:0}.adm__faint{color:var(--faint)}.adm__reports{gap:var(--space-2xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.adm__report{justify-content:space-between;align-items:flex-start;gap:var(--space-s);padding:var(--space-xs);border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff05;flex-wrap:wrap;display:flex}.adm__report-main{flex-direction:column;flex:18rem;gap:4px;min-width:0;display:flex}.adm__handle{font-family:var(--font-display);color:var(--ink);font-weight:600;text-decoration:none}.adm__handle:hover{color:var(--accent)}.adm__dn{color:var(--muted);font-size:var(--fs--1);margin-top:2px;display:block}.adm__meta{color:var(--faint);font-size:var(--fs--1);white-space:nowrap}.adm__reason{color:var(--ink);font-size:var(--fs--1);overflow-wrap:anywhere;margin:0;line-height:1.5}.adm__actions{align-items:center;gap:var(--space-2xs);flex-wrap:wrap;display:flex}.adm__btn{min-height:32px;font-size:var(--fs--1);padding:0 .7rem}.adm__btn--danger{color:#f87171;border-color:#f8717159}.adm__btn--danger:hover{background:#f8717114;border-color:#f8717199}.adm__err{color:#f87171;font-size:var(--fs--1)}.adm__pill{border-radius:var(--radius-pill);font-size:var(--fs--1);text-transform:capitalize;border:1px solid var(--line);padding:2px 8px;font-weight:600;display:inline-block}.adm__pill--active{color:#4ade80;background:#4ade8014;border-color:#4ade804d}.adm__pill--suspended{color:#fbbf24;background:#fbbf2414;border-color:#fbbf244d}.adm__pill--banned{color:#f87171;background:#f8717114;border-color:#f871714d}.adm__table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);overflow-x:auto}.adm__table{border-collapse:collapse;width:100%;font-size:var(--fs--1)}.adm__table th,.adm__table td{text-align:left;padding:var(--space-2xs) var(--space-xs);white-space:nowrap;vertical-align:middle}.adm__table th{color:var(--muted);border-bottom:1px solid var(--line);font-weight:600}.adm__table tbody tr+tr td{border-top:1px solid var(--line)}.adm__table tbody tr:hover{background:#ffffff05}.adm__num{text-align:right;font-variant-numeric:tabular-nums}.pro-badge{border-radius:var(--radius-pill);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);vertical-align:middle;background:#a78bfa1f;border:1px solid #a78bfa59;align-items:center;gap:4px;margin-left:6px;padding:1px 7px;font-size:.625rem;font-weight:600;line-height:1.4;display:inline-flex}.is-locked{opacity:.55}.is-locked .seg button,button.is-locked{cursor:not-allowed}.pricing{align-items:center;gap:var(--space-l);min-height:100svh;padding:calc(var(--space-l) + var(--safe-t)) var(--space-m) calc(var(--space-l) + var(--safe-b));flex-direction:column;display:flex;position:relative;overflow:hidden}.pricing__glow{filter:blur(50px);pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 30%,#a78bfa2e,#0000 60%);width:900px;height:700px;position:fixed;top:0;left:50%;transform:translate(-50%)}.pricing__head{z-index:1;text-align:center;align-items:center;gap:var(--space-2xs);flex-direction:column;max-width:36rem;display:flex;position:relative}.pricing__brand{font-family:var(--font-display);font-weight:600;font-size:var(--fs-1);margin-bottom:var(--space-xs);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.pricing__brand img{object-fit:contain;filter:drop-shadow(0 0 12px #ffffff2e);width:34px;height:34px}.pricing__title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-3);letter-spacing:-.03em;background:linear-gradient(#fff,#b9b3d6);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.pricing__sub{color:var(--muted);font-size:var(--fs-0);margin:0;line-height:1.6}.pricing__grid{z-index:1;gap:var(--space-m);grid-template-columns:1fr;width:100%;max-width:56rem;display:grid;position:relative}@media (min-width:48rem){.pricing__grid{grid-template-columns:1fr 1fr;align-items:stretch}}.pricing__card{gap:var(--space-s);padding:var(--space-l) var(--space-m);border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);background:#ffffff06;flex-direction:column;display:flex;position:relative;box-shadow:0 30px 80px -40px #000c}.pricing__card--premium{background:linear-gradient(#a78bfa1a,#ffffff05);border-color:#a78bfa80;box-shadow:0 30px 90px -30px #a78bfa73}.pricing__badge{top:-.75rem;right:var(--space-m);border-radius:var(--radius-pill);background:var(--accent);color:#0a0a0b;font-family:var(--font-display);font-weight:600;font-size:var(--fs--1);letter-spacing:.01em;box-shadow:0 8px 24px -8px var(--accent);padding:4px 12px;position:absolute}.pricing__tier{font-family:var(--font-display);font-weight:600;font-size:var(--fs-1);align-items:center;gap:8px;display:inline-flex}.pricing__tier-ico{color:var(--accent)}.pricing__price{align-items:baseline;gap:8px;display:flex}.pricing__amount{font-family:var(--font-display);font-weight:700;font-size:var(--fs-3);letter-spacing:-.03em;line-height:1}.pricing__per{color:var(--faint);font-size:var(--fs--1)}.pricing__blurb{color:var(--muted);font-size:var(--fs--1);margin:-4px 0 0;line-height:1.5}.pricing__list{padding:var(--space-2xs) 0;gap:var(--space-2xs);flex-direction:column;flex:1;margin:0;list-style:none;display:flex}.pricing__feat{font-size:var(--fs-0);color:var(--ink);align-items:center;gap:10px;display:flex}.pricing__feat-ico{width:1.6rem;height:1.6rem;color:var(--muted);background:#ffffff0d;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:.95rem;display:inline-flex}.pricing__feat--on .pricing__feat-ico{color:var(--accent);background:#a78bfa29}.pricing__cta{width:100%;margin-top:auto}.pricing__fine{text-align:center;color:var(--faint);font-size:var(--fs--1);margin:0}.pricing__foot{z-index:1;color:var(--faint);font-size:var(--fs--1);position:relative}.pricing__foot a{color:var(--muted)}.pricing__spin{animation:.8s linear infinite pricing-spin}@keyframes pricing-spin{to{transform:rotate(360deg)}}.tpl-grid{gap:var(--space-s);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.tpl-card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-m);gap:var(--space-2xs);background:#ffffff06;flex-direction:column;display:flex;overflow:hidden}.tpl-card__apply{width:100%;margin-top:var(--space-2xs)}.ed{background:radial-gradient(130% 80% at 50% -20%,#15121f 0%,#0a0a0b 58%);flex-direction:column;min-height:100svh;display:flex}.ed__bar{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--space-s);height:64px;padding:0 max(var(--space-m), var(--safe-r)) 0 max(var(--space-m), var(--safe-l));-webkit-backdrop-filter:blur(16px)saturate(1.2);border-bottom:1px solid var(--line);background:#0a0a0cb8;display:flex}.ed__brand{font-family:var(--font-display);font-weight:600;font-size:var(--fs-1);letter-spacing:-.01em;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.ed__brand img{object-fit:contain;width:30px;height:30px}.ed__bar-actions{align-items:center;gap:8px;display:flex}.ed__undo{gap:3px;display:flex}.btn-sm{min-height:38px;font-size:var(--fs--1);border-radius:11px;padding:0 .9rem}.ed__save{font-size:var(--fs--1);color:var(--faint);text-align:right;min-width:4.2em;transition:color .2s}.ed__main{grid-template-columns:226px minmax(0,1fr) clamp(22rem,30vw,30rem);display:grid}.ed__rail,.ed__content{height:calc(100svh - 64px);overflow-y:auto}.ed__rail{padding:var(--space-s);border-right:1px solid var(--line);flex-direction:column;gap:3px;display:flex}.ed__tab{color:var(--muted);font-family:var(--font-body);font-size:var(--fs-0);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:11px 13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}.ed__tab svg{opacity:.85;flex:none;font-size:1.15rem}.ed__tab:hover{color:var(--ink);background:#ffffff0a}.ed__tab[aria-current=true]{color:var(--ink);background:linear-gradient(100deg, color-mix(in srgb, var(--accent) 22%, transparent), color-mix(in srgb, var(--accent) 7%, transparent));border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.ed__tab[aria-current=true] svg{color:var(--accent);opacity:1}.ed__content-inner{gap:var(--space-l);flex-direction:column;max-width:40rem;margin:0 auto;display:flex}.ed__preview{border-left:1px solid var(--line);background:#060608;flex-direction:column;height:calc(100svh - 64px);min-height:0;display:flex;position:static;overflow:hidden}.ed__pv-toolbar{border-bottom:1px solid var(--line);background:#060608d9;flex:none;justify-content:center;padding:10px;display:flex;position:static}.ed__preview-frame{flex:1;width:100%;height:auto;min-height:0;overflow:hidden;container-type:inline-size}.grp{gap:var(--space-s);flex-direction:column;display:flex}.grp__head{flex-direction:column;gap:3px;display:flex}.grp__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-2);letter-spacing:-.02em;margin:0}.grp__hint{color:var(--faint);font-size:var(--fs--1);margin:0;line-height:1.5}.field{flex-direction:column;gap:8px;display:flex}.field>label{font-size:var(--fs--1);color:var(--muted);align-items:center;gap:8px;font-weight:500;display:flex}.field__val{color:var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-left:auto}.field.card{padding:var(--space-s);border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff05}.empty{color:var(--faint);font-size:var(--fs--1);margin:0}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.input,.textarea{border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-0);background:#ffffff06;border-radius:12px;outline:0;padding:11px 13px;transition:border-color .15s,background .15s}.input:focus,.textarea:focus{border-color:var(--accent);background:#ffffff0a}.textarea{resize:vertical;min-height:5rem}.seg{border:1px solid var(--line);background:#ffffff05;border-radius:13px;flex-wrap:wrap;gap:3px;width:fit-content;max-width:100%;padding:3px;display:inline-flex}.seg button{color:var(--muted);font-family:var(--font-body);font-size:var(--fs--1);text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:0 auto;padding:7px 14px;font-weight:500;transition:background .15s,color .15s}.seg button:hover:not([disabled]){color:var(--ink);background:#ffffff0d}.seg button[aria-pressed=true]{color:#0a0a0b;background:var(--accent);box-shadow:0 2px 10px -2px color-mix(in srgb, var(--accent) 60%, transparent)}.seg button[disabled]{opacity:.4;cursor:not-allowed}.icon-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);cursor:pointer;background:#ffffff05;border-radius:11px;flex:none;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid}.icon-btn:hover:not(:disabled){color:var(--ink);background:#ffffff0a;border-color:#ffffff40}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.tgl{border:1px solid var(--line);color:var(--muted);font-family:var(--font-body);font-size:var(--fs--1);cursor:pointer;background:#ffffff05;border-radius:12px;align-items:center;gap:9px;padding:9px 14px 9px 11px;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex}.tgl__dot{background:#ffffff1f;border-radius:999px;flex:none;width:30px;height:18px;transition:background .15s;position:relative}.tgl__dot:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .18s cubic-bezier(.2,.7,.2,1);position:absolute;top:2px;left:2px}.tgl--on{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.tgl--on .tgl__dot{background:var(--accent)}.tgl--on .tgl__dot:after{transform:translate(12px)}.ava-row{align-items:center;gap:var(--space-s);flex-wrap:wrap;display:flex}.ava-row__img,.ava-row__ph{object-fit:cover;border:1px solid var(--line);border-radius:50%;flex:none;width:68px;height:68px}.ava-row__ph{color:var(--faint);font-family:var(--font-display);background:#1a1a22;place-items:center;font-size:1.6rem;display:grid}.ava-row__btns{flex-wrap:wrap;gap:8px;display:flex}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:#ffffff1f;border-radius:999px;height:6px}input[type=range]::-moz-range-track{background:#ffffff1f;border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:18px;height:18px;box-shadow:0 2px 10px -2px color-mix(in srgb, var(--accent) 70%, transparent);border:3px solid #0a0a0b;border-radius:50%;margin-top:-6px;transition:transform .1s}input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid #0a0a0b;border-radius:50%;width:16px;height:16px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}*{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff21 padding-box content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff42 padding-box content-box}.cp{display:inline-block;position:relative}.cp__swatch{border:1px solid var(--line);cursor:pointer;background:#ffffff06;border-radius:12px;align-items:center;gap:10px;padding:6px 13px 6px 6px;transition:border-color .15s;display:inline-flex}.cp__swatch:hover{border-color:#ffffff40}.cp__chip{border:1px solid #ffffff2e;border-radius:8px;flex:none;width:28px;height:28px}.cp__hex{font-family:var(--font-display);font-size:var(--fs--1);letter-spacing:.03em;color:var(--ink)}.cp__pop{z-index:60;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);background:#121218fa;border-radius:16px;flex-direction:column;gap:11px;width:236px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 24px 64px -20px #000000e6}.cp__sv{cursor:crosshair;touch-action:none;border-radius:11px;width:100%;height:148px;position:relative}.cp__sv-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000073,0 1px 4px #00000080}.cp__hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;width:100%;height:13px;position:relative}.cp__hue-thumb{pointer-events:none;background:#fff;border-radius:50%;width:17px;height:17px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000073,0 1px 4px #00000080}.cp__row{align-items:center;gap:9px;display:flex}.cp__preview{border:1px solid var(--line);border-radius:8px;flex:none;width:30px;height:30px}.cp__hexinput{border:1px solid var(--line);min-width:0;color:var(--ink);font-family:var(--font-display);font-size:var(--fs--1);letter-spacing:.03em;text-transform:uppercase;background:#ffffff08;border-radius:9px;outline:0;flex:1;padding:9px 11px}.cp__hexinput:focus{border-color:var(--accent)}.cp__presets{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.cp__preset{aspect-ratio:1;cursor:pointer;border:1px solid #ffffff24;border-radius:6px;padding:0;transition:transform .12s}.cp__preset:hover{transform:scale(1.14)}@media (max-width:68rem){.ed__main{grid-template-columns:62px minmax(0,1fr)}.ed__tab span{display:none}.ed__tab{justify-content:center;padding:12px 0}.ed__preview{display:none}}.ed__main{grid-template-columns:220px var(--panel-w,440px) 6px minmax(0, 1fr)}.ed__content{padding:var(--space-m)}.ed__content-inner{gap:var(--space-m);flex-direction:column;width:100%;max-width:none;margin:0;display:flex}.grp{border:1px solid var(--line);padding:var(--space-m);gap:var(--space-s);background:linear-gradient(#ffffff08,#ffffff03);border-radius:18px;box-shadow:inset 0 1px #ffffff08}.grp__title{font-size:var(--fs-1)}.ed__resizer{cursor:col-resize;touch-action:none;height:calc(100svh - 64px);position:relative}.ed__resizer:after{content:"";background:var(--line);width:2px;transition:background .15s,box-shadow .15s;position:absolute;top:0;bottom:0;left:2px}.ed__resizer:hover:after,.ed__resizer:active:after{background:var(--accent);box-shadow:0 0 12px -1px var(--accent)}.ed__preview{background:radial-gradient(120% 60% at 50% 0,#14111d 0%,#060608 60%)}.dvf{place-items:center}.ed__bar-l{align-items:center;display:flex}.ed__handle{border-left:1px solid var(--line);color:var(--faint);font-family:var(--font-display);font-size:var(--fs--1);letter-spacing:.02em;margin-left:14px;padding-left:14px}.ed__bar-r{align-items:center;gap:9px;display:flex}.ed__undo{border:1px solid var(--line);background:#ffffff05;border-radius:11px;gap:2px;padding:3px;display:flex}.icon-btn--bare{background:0 0;border:0;border-radius:8px;width:30px;height:30px}.icon-btn--bare:hover:not(:disabled){background:#ffffff0f;border-color:#0000}.ed__save{font-size:var(--fs--1);color:var(--muted);align-items:center;gap:7px;padding:0 6px 0 2px;display:inline-flex}.ed__save-dot{background:var(--faint);border-radius:50%;width:7px;height:7px;transition:background .2s}.ed__save--saving{color:var(--muted)}.ed__save--saving .ed__save-dot{background:#fbbf24;animation:1s ease-in-out infinite ed-pulse}.ed__save--saved{color:#86efac}.ed__save--saved .ed__save-dot{background:#4ade80}.ed__save--error{color:#fca5a5}.ed__save--error .ed__save-dot{background:#f87171}@keyframes ed-pulse{0%,to{opacity:.35}50%{opacity:1}}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p,0%), #ffffff1f var(--p,0%))}input[type=range]::-moz-range-track{background:#ffffff1f}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:999px;height:6px}@media (max-width:68rem){.ed__main{grid-template-columns:60px 1fr}.ed__resizer,.ed__preview,.ed__tab span{display:none}.ed__tab{justify-content:center;padding:12px 0}}