#settings-modal .settings-content-area:has(#tab-profile:not(.hidden)){background:radial-gradient(ellipse at 82% 0,#232447 0,#161a2d 40%,#111525 80%)!important;padding:54px clamp(20px,3.5vw,56px) 22px!important}#settings-modal #tab-profile{max-width:1180px}#tab-profile .profile-studio-wrap{gap:20px}.studio-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:224px;overflow:hidden;border:1px solid #97aaff36;border-radius:24px;background:#101735;box-shadow:0 20px 48px #080a1b52}.studio-hero-art{position:absolute;inset-block:0;inset-inline-end:0;width:72%;height:100%;object-fit:cover;object-position:right 48%;z-index:-2}.studio-hero::after{position:absolute;inset:0;z-index:-1;content:'';background:linear-gradient(90deg,#101735 20%,#101735f5 31%,#10173584 47%,transparent 66%)}[dir=rtl] .studio-hero-art{transform:scaleX(-1)}[dir=rtl] .studio-hero::after{transform:scaleX(-1)}.studio-hero-copy{max-width:56%;padding:28px 34px}.studio-hero-mark{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #b6bdff4a;border-radius:8px;color:#d7dcff;background:#7987ef1e;font-size:10px;font-weight:800;letter-spacing:.15em}.studio-hero-mark>span{color:#9ffaff}.studio-hero h1{margin:12px 0 8px;font-size:clamp(28px, 3.6vw, 48px);line-height:1.12;color:#f6f7ff}.studio-hero p{max-width:270px;margin:0;color:#b9c6e8;font-size:14px;line-height:1.6}.studio-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(254px,1fr);gap:18px;align-items:start}.studio-layout .studio-preview-section{grid-area:1/2;position:sticky;top:12px;padding:15px;background:#171d32;border:1px solid #a6aff525;border-radius:19px;text-align:start}.studio-layout .studio-preview-label{display:flex;align-items:center;gap:8px;color:#e8ecff;font-size:13px}.studio-live-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#7ef3d6;box-shadow:0 0 0 4px #7ef3d621}.studio-preview-hint{margin:12px 3px 1px;color:#aebade;font-size:12px;line-height:1.45}.studio-layout #studio-preview-card{width:100%}.studio-layout #studio-preview-card .preview-banner{height:124px;background-position:65% 48%}.studio-layout #studio-preview-card .preview-header-row{gap:8px;padding-inline:15px}.studio-layout #studio-preview-card .preview-badges-row{flex-wrap:wrap;justify-content:end}.studio-layout #studio-preview-card .preview-info-body{padding:15px}.studio-controls-grid{grid-area:1/1;display:grid;gap:12px;min-width:0}.studio-layout .studio-control-card{padding:17px;border:1px solid #a6aff525;border-radius:17px;background:#171d30;box-shadow:0 5px 15px #0a0d1d25}.studio-layout .control-card-title{display:flex;gap:10px;align-items:center;margin:0 0 7px;font-size:15px;color:#f0f2ff}.studio-control-index{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:8px;background:#8d9bff24;color:#c9d4ff;font-size:10px;font-variant-numeric:tabular-nums}.studio-layout .section-hint{color:#aebadd;font-size:12px;line-height:1.6;margin:0 0 12px}.studio-layout .form-group{margin:0}.studio-layout .studio-banner-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.studio-layout .studio-banner-tools label{margin:0;font-size:12px}.studio-layout .studio-banner-tools .file-btn{cursor:pointer;border-radius:9px}.studio-layout .studio-banner-url{margin-top:12px}.studio-layout .color-field label,.studio-layout .studio-banner-url label{color:#b5c3e3;font-size:12px}.studio-layout :is(.modal-input,.modal-textarea){width:100%;box-sizing:border-box;border:1px solid #a4b8ff2e;border-radius:10px;background:#101629;color:#f1f4ff;box-shadow:none}.studio-layout :is(.modal-input,.modal-textarea)::placeholder{color:#91a0c1}.studio-layout .modal-textarea{min-height:104px}.studio-layout .char-counter{text-align:end;color:#aebade;font-size:12px;margin-top:5px}.studio-art-preset{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;padding:5px 9px 5px 5px;padding-inline:5px 9px;border:1px solid #8a9aff50;border-radius:11px;background:linear-gradient(100deg,#2b2854,#202644);color:#f0edff;text-align:start;font-family:inherit;font-size:12px;font-weight:650;line-height:1.4;cursor:pointer}.studio-art-preset img{width:67px;height:36px;object-fit:cover;object-position:68% center;border-radius:7px}.studio-art-symbol{margin-inline-start:auto;color:#a4fcf7}.studio-layout .decorations-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studio-layout .deco-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:9px 4px;border:1px solid #a6b5ff24;border-radius:12px;color:#d9e0fa;background:#202741;font-family:inherit;font-size:11px;line-height:1.25}.studio-frame-avatar{position:relative;width:40px;height:40px;flex:0 0 40px}.studio-frame-avatar img{position:relative;z-index:3;display:block;width:100%;height:100%;border-radius:12px;object-fit:cover}.studio-frame-avatar .avatar-deco-ring{inset:-3px;border-radius:15px;animation:none}.studio-layout :is(.deco-choice,.preset-pill,.studio-art-preset):hover{border-color:#a6b8fa;color:#fff}.studio-layout :is(.deco-choice,.preset-pill,.studio-art-preset)[aria-pressed=true]{border-color:#99f4f0;background:#243d53;box-shadow:inset 0 0 0 1px #99f4f04d;color:#fff}.studio-gradient-preview{--gradient-direction:90deg;height:44px;margin-bottom:10px;border:1px solid #a5b5f748;border-radius:10px;background:linear-gradient(var(--gradient-direction),var(--theme-primary,#1e1f22),var(--theme-accent,#111214));box-shadow:inset 0 1px #ffffff25}[dir=rtl] .studio-gradient-preview{--gradient-direction:270deg}.studio-layout .gradient-pickers-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:8px}.studio-layout .color-field{display:grid;gap:5px;min-width:0;padding:8px 10px;border:1px solid #a5b5f733;border-radius:10px;background:#11182a;color:#d9e0fa;font-size:12px;cursor:pointer}.studio-layout .color-field:focus-within,.studio-layout .color-field:hover{border-color:#99f4f0}.studio-layout .color-field-inner{gap:7px}.studio-layout .color-field-inner span{direction:ltr;font-family:ui-monospace,monospace;color:#e2eaff}.studio-layout .color-picker-input{width:36px;height:34px;flex-shrink:0;border-color:#a5b5f748;cursor:pointer}.studio-layout .gradient-presets-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:7px}.studio-layout .preset-pill{display:grid;gap:6px;padding:5px;border:1px solid #a6b5ff24;border-radius:10px;background:#202741;color:#dfe5fd;text-align:center;font-size:11px;line-height:1.25}.studio-palette-swatch{display:block;height:32px;border:1px solid #ffffff38;border-radius:6px;background:linear-gradient(135deg,var(--studio-swatch-primary),var(--studio-swatch-accent))}.studio-layout .earned-badge-chip{background:#202b46;border-color:#a6b5ff33}.studio-layout .no-badges-msg{color:#b2bfdf}#tab-profile .studio-footer-actions{position:sticky;bottom:0;z-index:5;margin:0;padding:10px;border-radius:15px;background:#181e32f5;border:1px solid #9eaef63d;box-shadow:0 -6px 26px #090d1e60}#tab-profile #save-studio-profile-btn{width:auto;margin:0;padding:10px 18px;min-height:42px;border:1px solid #b7beff56;border-radius:10px;color:#101531;font-size:13px;font-weight:800;background:linear-gradient(110deg,#abafff,#84ebf0);box-shadow:none}#tab-profile :is(button,input,textarea):focus-visible{outline:2px solid #aaf8f3;outline-offset:2px}@media (max-width:950px){.studio-layout{display:flex;flex-direction:column}.studio-layout .studio-preview-section{position:static;width:100%;box-sizing:border-box}.studio-layout #studio-preview-card{max-width:368px}.studio-layout .studio-controls-grid{width:100%}}@media (max-width:700px){#settings-modal .settings-content-area:has(#tab-profile:not(.hidden)){padding:16px 13px 14px!important}#tab-profile .profile-studio-wrap{gap:13px}.studio-hero{min-height:167px;border-radius:18px}.studio-hero-copy{max-width:64%;padding:18px 14px}.studio-hero h1{font-size:28px}.studio-hero p{font-size:12px}.studio-hero-art{width:75%}.studio-hero::after{background:linear-gradient(90deg,#101735 18%,#101735f2 30%,#1017357d 52%,transparent 76%)}.studio-layout .studio-control-card{padding:13px}#tab-profile #save-studio-profile-btn{width:100%}}@media (max-width:365px){.studio-layout .decorations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}