.profile-studio-v7,.pet-studio-v7{position:relative;overflow:hidden}.profile-studio-v7:before,.pet-studio-v7:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-240px;top:-240px;background:radial-gradient(circle,rgba(122,96,255,.18),transparent 65%);pointer-events:none}.v7-studio-grid,.v7-pet-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;margin-top:18px}.v7-pet-grid{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}.v7-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v7-control{display:grid;gap:7px;padding:12px;border:1px solid #25252b;border-radius:14px;background:#0d0d10}.v7-control.wide{grid-column:1/-1}.v7-control>span{font:500 8px/1.3 'DM Mono',monospace;letter-spacing:.1em;color:#777}.v7-control input,.v7-control select{width:100%;background:#09090b;color:#eee;border:1px solid #29292f;border-radius:10px;padding:9px}.v7-control input[type=color]{height:38px;padding:4px}.appearance-preview-v7{--v7-accent:#ff334f;--v7-secondary:#7b61ff;--v7-bg:#08080a;--v7-radius:24px;min-height:255px;border-radius:var(--v7-radius);border:1px solid color-mix(in srgb,var(--v7-accent) 35%,#2a2a30);background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--v7-secondary) 22%,transparent),transparent 35%),var(--v7-bg);padding:24px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 0 calc(28px * var(--v7-glow,1)) color-mix(in srgb,var(--v7-accent) 14%,transparent)}.appearance-preview-v7>span{font:8px 'DM Mono',monospace;color:#777}.appearance-preview-v7 strong{font-size:28px;margin-top:8px}.appearance-preview-v7 small{color:var(--v7-accent);margin-top:2px}.appearance-preview-v7 p{color:#aaa}.pet-stage-v7{min-height:310px;border:1px solid #24242b;border-radius:22px;background:radial-gradient(circle at 50% 70%,rgba(255,255,255,.05),transparent 43%),#09090b;display:grid;place-items:center;overflow:visible}.pet-level-line-v7{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 12px;border:1px solid #24242b;border-radius:12px}.pet-level-line-v7 strong{font-size:18px}.pet-level-line-v7 span{font:9px 'DM Mono',monospace;color:#777}.xp-pack-v7{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:8px}.xp-pack-v7 button{border:1px solid #292930;background:#101014;color:#bbb;border-radius:10px;padding:9px;font:8px 'DM Mono',monospace}.xp-pack-v7 button:hover{color:#fff;border-color:#555}.v7-mini-settings{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid #24242a}.v7-mini-settings>span{font:9px 'DM Mono',monospace;color:#777}@media(max-width:850px){.v7-studio-grid,.v7-pet-grid{grid-template-columns:1fr}.v7-control-grid{grid-template-columns:1fr}.v7-control.wide{grid-column:auto}}

.font-chip-v7{display:flex;align-items:center;justify-content:space-between;gap:12px}.font-chip-v7 input{width:20px;height:20px;accent-color:var(--v7-accent,#ff334f)}.appearance-preview-v7 strong{font-family:var(--v7-display-font,Inter,system-ui,sans-serif);letter-spacing:var(--v7-display-tracking,-.055em);text-shadow:0 0 calc(18px * var(--v7-display-glow,0)) color-mix(in srgb,var(--v7-accent) 55%,transparent)}.appearance-preview-v7 small{font-family:var(--v7-username-font,Inter,system-ui,sans-serif);letter-spacing:var(--v7-username-tracking,.02em);text-shadow:0 0 calc(14px * var(--v7-username-glow,0)) color-mix(in srgb,var(--v7-accent) 55%,transparent)}.appearance-preview-v7 p{font-family:var(--v7-body-font,Inter,system-ui,sans-serif)}.appearance-preview-v7[data-display-case=upper] strong{text-transform:uppercase}.appearance-preview-v7[data-display-case=lower] strong{text-transform:lowercase}.appearance-preview-v7[data-display-case=normal] strong{text-transform:none}.appearance-preview-v7[data-username-case=upper] small{text-transform:uppercase}.appearance-preview-v7[data-username-case=lower] small{text-transform:lowercase}.appearance-preview-v7[data-username-case=normal] small{text-transform:none}.appearance-preview-v7[data-name-gradient='1'] strong{background:linear-gradient(110deg,var(--v7-accent),var(--v7-secondary),#fff);background-clip:text;-webkit-background-clip:text;color:transparent}