.avatar-tools-page{background:radial-gradient(circle at 50% -18%, #805cff21, transparent 35%), linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), var(--background);background-size:auto,56px 56px,56px 56px,auto;min-height:100vh;padding:0 32px 28px;position:relative;overflow:hidden}.avatar-tools-page:before{content:"";background:linear-gradient(180deg, #06080d05, var(--background));pointer-events:none;position:absolute;inset:0}.avatar-tools-glow{pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.avatar-tools-glow-one{background:#5b7cff21;width:480px;height:480px;top:-310px;left:8%}.avatar-tools-glow-two{background:#ec489917;width:420px;height:420px;bottom:10%;right:-270px}.avatar-tools-header,.avatar-tools-hero,.avatar-workspace,.avatar-tools-footer{z-index:1;width:min(1120px,100%);margin-inline:auto;position:relative}.avatar-tools-back:hover{color:#fff;border-color:rgba(var(--accent-rgb), .34);background:rgba(var(--accent-rgb), .08)}.avatar-tools-hero{grid-template-columns:auto 1fr;align-items:start;gap:20px;padding:64px 0 38px;display:grid}.avatar-tools-title-icon{color:#a98dff;background:#805cff21;border:1px solid #8b6cff52;border-radius:15px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 18px 48px #805cff24}.avatar-tools-title-icon svg{width:28px;height:28px}.avatar-tools-hero span{color:#9e82ff;font-family:var(--font-geist-mono), monospace;font-size:var(--font-size-meta);letter-spacing:.16em;font-weight:670}.avatar-tools-hero h1{color:#f5f7fb;letter-spacing:-.052em;word-break:keep-all;margin:10px 0 11px;font-size:clamp(32px,4vw,46px);line-height:1.1}.avatar-tools-hero p{color:#838c9c;word-break:keep-all;max-width:680px;margin:0;font-size:13px;line-height:1.7}.avatar-workspace{border:1px solid var(--border-strong);background:#0b0f18f5;border-radius:20px;grid-template-columns:minmax(340px,.8fr) minmax(500px,1.2fr);display:grid;overflow:hidden;box-shadow:0 34px 90px #0000005c,inset 0 1px #ffffff09}.avatar-preview-panel{border-right:1px solid var(--border);background:radial-gradient(circle at 50% 30%,#805cff1c,#0000 55%),#05080e75;flex-direction:column;align-items:center;padding:30px;display:flex}.avatar-preview-heading{color:#9da6b5;width:100%;font-size:var(--font-size-meta);justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.avatar-preview-heading>div{align-items:center;gap:8px;display:flex}.avatar-preview-heading small{color:#677181;font:12px var(--font-geist-mono), monospace}.avatar-status-dot{background:#9e82ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #9e82ffbf}.avatar-canvas-shell{aspect-ratio:1;background:linear-gradient(145deg,#ffffff1a,#ffffff05);place-items:center;width:min(300px,80vw);padding:8px;transition:border-radius .16s;display:grid;box-shadow:0 28px 64px #00000061}.avatar-canvas-shell.shape-circle{border-radius:50%}.avatar-canvas-shell.shape-rounded{border-radius:24%}.avatar-canvas-shell.shape-square{border-radius:12px}.avatar-canvas-shell canvas{width:100%;height:100%;display:block}.avatar-preview-panel>p{color:#778191;min-height:32px;font-size:var(--font-size-meta);text-align:center;word-break:keep-all;margin:22px 0 16px;line-height:1.6}.avatar-download{color:#fff;width:min(300px,100%);min-height:44px;font-size:var(--font-size-meta);cursor:pointer;background:linear-gradient(145deg,#6f7dff,#825cff);border:1px solid #805cff80;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:650;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 1px #fff3,0 14px 30px #5f4adc33}.avatar-download:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 18px 36px #5f4adc45}.avatar-download svg{width:19px;height:19px}.avatar-controls-panel{padding:8px 28px}.avatar-control-section{border-bottom:1px solid var(--border);padding:23px 0}.avatar-control-section:last-child{border-bottom:0}.avatar-control-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.avatar-control-heading>div{align-items:center;gap:9px;display:flex}.avatar-control-heading svg{color:#8d77ed;width:19px;height:19px}.avatar-control-heading h2{color:#e7eaf1;letter-spacing:-.015em;margin:0;font-size:13px}.avatar-control-heading>span{color:#5f6979;font-size:var(--font-size-meta)}.avatar-control-heading>button{color:#8993a3;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:7px;padding:6px 9px}.avatar-control-heading>button:hover{color:#fff;background:#805cff17;border-color:#805cff4d}.avatar-text-field{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:9px 12px;display:grid}.avatar-text-field>span,.avatar-color-grid label>span{color:#9ba4b3;font-size:var(--font-size-meta);font-weight:620}.avatar-text-field input{color:#edf0f6;min-height:40px;font:13px var(--font-geist-mono), monospace;text-transform:uppercase;background:#04070cb3;border:1px solid #ffffff17;border-radius:9px;outline:none;padding:0 12px}.avatar-text-field input:focus{border-color:#805cff8c;box-shadow:0 0 0 3px #805cff1a}.avatar-text-field input:disabled{opacity:.42;cursor:not-allowed}.avatar-text-field small{color:#596372;font-size:var(--font-size-meta);grid-column:2}.avatar-upload-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px;display:grid}.avatar-file-input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.avatar-upload-row>label{color:#b5a8ec;min-height:38px;font-size:var(--font-size-meta);cursor:pointer;background:#805cff14;border:1px solid #805cff47;border-radius:8px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.avatar-upload-row>label:hover{color:#fff;background:#805cff21}.avatar-upload-row>label svg,.avatar-upload-row>button svg{width:17px;height:17px}.avatar-upload-row>span{color:#687282;font-size:var(--font-size-meta);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar-upload-row>button{color:#7f8998;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.avatar-upload-row>button:hover{color:#ffaaa8;background:#ff5a5512;border-color:#ff6e693d}.avatar-segmented{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.avatar-segmented button{color:#747e8e;min-height:38px;font-size:var(--font-size-meta);cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:8px;transition:color .15s,border-color .15s,background .15s}.avatar-segmented button:hover{color:#dfe3ec;background:#ffffff09}.avatar-segmented button.selected{color:#fff;background:linear-gradient(145deg,#805cff2e,#805cff12);border-color:#805cff61;box-shadow:inset 0 1px #ffffff0a}.avatar-color-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px;display:grid}.avatar-color-grid label{background:#04070c7a;border:1px solid #ffffff12;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:9px 10px;display:flex}.avatar-color-grid input{cursor:pointer;background:0 0;border:0;border-radius:6px;width:30px;height:26px;padding:0;overflow:hidden}.avatar-color-grid input:disabled{opacity:.3;cursor:not-allowed}.avatar-range-control{gap:8px;margin-top:13px;display:grid}.avatar-range-control>span{color:#8d96a5;font-size:var(--font-size-meta);justify-content:space-between;align-items:center;display:flex}.avatar-range-control output{color:#ae9cff;font:12px var(--font-geist-mono), monospace}.avatar-range-control input{accent-color:#8068ea;cursor:pointer;width:100%}.avatar-tools-back:focus-visible,.avatar-download:focus-visible,.avatar-control-heading button:focus-visible,.avatar-upload-row>button:focus-visible,.avatar-segmented button:focus-visible,.avatar-file-input:focus-visible+label{outline-offset:2px;outline:2px solid #9e82ff}@media (width<=900px){.avatar-workspace{grid-template-columns:1fr}.avatar-preview-panel{border-right:0;border-bottom:1px solid var(--border)}.avatar-canvas-shell{width:min(280px,70vw)}}@media (width<=560px){.avatar-tools-page{padding-inline:18px}.avatar-tools-hero{grid-template-columns:1fr;padding-top:42px}.avatar-tools-hero h1{font-size:34px}.avatar-preview-panel{padding:24px 18px}.avatar-controls-panel{padding-inline:17px}.avatar-text-field{grid-template-columns:1fr}.avatar-text-field small{grid-column:1}.avatar-upload-row{grid-template-columns:1fr auto}.avatar-upload-row>label{justify-content:center}.avatar-upload-row>span{grid-area:2/1/auto/-1}.avatar-color-grid{grid-template-columns:1fr}.avatar-color-grid label{min-height:44px}}@media (prefers-reduced-motion:reduce){.avatar-tools-back,.avatar-canvas-shell,.avatar-download,.avatar-segmented button{transition:none}}