:root{font-family:"DM Sans",system-ui,sans-serif;color:#111827;background:#f9fafb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #b8336a;outline-offset:2px}[hidden]{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{padding:31px 20px 24px 26px;display:flex;flex-direction:column;border-right:1px solid #e8e9ec}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:700;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#161820;color:white;font-size:22px;line-height:1}.brand-mark span{color:#ec8bae}.sidebar-main{margin-top:69px}.nav-context{font-size:12px;color:#737987;margin:0 0 12px 12px}.nav-active{display:block;background:#fdf2f7;color:#6b1d3e;border-radius:7px;padding:10px 12px;text-decoration:none;font-size:14px;font-weight:600}.nav-note{color:#747985;font-size:13px;line-height:1.55;margin:18px 12px}.sidebar-foot{margin-top:auto;color:#7d8390;font-size:12px;line-height:1.6}.sidebar-foot span{display:block;margin-top:28px}.workspace{padding:31px clamp(24px,3.5vw,58px) 60px;min-width:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:30px}.page-head h1{font-size:32px;letter-spacing:-.045em;margin:0 0 7px;line-height:1.1}.page-head p{font-size:14px;color:#666d79;margin:0}.account-area{display:flex;align-items:center;gap:12px;min-height:36px}.discord-button,.save-button{border:0;background:#181a22;color:white;text-decoration:none;border-radius:6px;padding:10px 15px;font-size:13px;font-weight:600;white-space:nowrap}.discord-button span{margin-left:14px}.signed-in{font-size:13px;color:#5f6672}.logout-button,.text-button{border:0;background:none;color:#9d2858;font-size:13px;font-weight:600;padding:5px}.workspace-grid{display:grid;grid-template-columns:minmax(310px,480px) minmax(360px,1fr);gap:clamp(24px,3vw,48px);align-items:start}.controls{min-width:0}.control-section{background:white;border:1px solid #e7e9ec;border-radius:8px;padding:22px 24px;margin-bottom:16px}.section-heading,.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}.section-heading h2,.preview-heading h2{font-size:18px;letter-spacing:-.025em;margin:0}.section-heading>span,.preview-heading>span{font-size:12px;color:#858b97}.discord-identity{display:flex;align-items:center;gap:14px}.identity-avatar{position:relative;width:50px;height:50px;flex:none}.identity-avatar>img:first-child{width:50px;height:50px;border-radius:50%;object-fit:cover;background:#f3f4f6}.avatar-decoration{position:absolute;width:64px;height:64px;left:-7px;top:-7px;object-fit:contain}.discord-identity strong{font-size:15px}.discord-identity p{font-size:12px;color:#747985;margin:5px 0 0}.badge-row,.profile-badges{display:flex;gap:6px;flex-wrap:wrap}.badge-row{margin-top:15px}.badge-row:empty{display:none}.badge-row span{font-size:11px;padding:5px 7px;background:#fdf2f7;color:#6b1d3e;border-radius:4px}.field-hint{font-size:12px;line-height:1.5;color:#8a909b;margin:16px 0 0}.template-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template-option{border:1px solid #e4e6ea;background:white;border-radius:7px;padding:7px;text-align:left;font-size:12px;color:#4c5360}.template-option.selected{border-color:#b8336a;color:#812549}.template-option>span:last-child{display:block;padding:7px 2px 2px}.template-swatch{height:64px;display:block;position:relative;overflow:hidden;border-radius:3px}.template-swatch i,.template-swatch b{position:absolute;display:block}.template-swatch i{width:19px;height:19px;border-radius:50%;top:12px;left:12px}.template-swatch b{width:50%;height:6px;top:17px;left:38px;border-radius:2px}.swatch-minimal{background:#eeeae4}.swatch-minimal i,.swatch-minimal b{background:#37342f}.swatch-poster{background:#dd6a45}.swatch-poster i,.swatch-poster b{background:#fff1d6}.swatch-night{background:#17191d}.swatch-night i,.swatch-night b{background:#d4e3ca}.layout-row{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:13px}.segmented{display:flex;gap:3px;background:#f3f4f6;border-radius:6px;padding:3px}.segmented button{border:0;background:transparent;border-radius:4px;color:#6f7681;padding:6px 10px;font-size:12px}.segmented button.selected{background:white;color:#272a31;font-weight:600}.control-section label{display:block;font-size:13px;font-weight:600;margin:14px 0 7px}.control-section input,.control-section textarea{width:100%;border:1px solid #d9dde3;border-radius:6px;background:#fff;padding:10px 11px;font-size:13px;color:#1b2029;resize:vertical}.control-section input::placeholder,.control-section textarea::placeholder{color:#9da2aa}.link-heading{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.link-heading label{margin-bottom:9px}.link-row{display:grid;grid-template-columns:30% 1fr 25px;gap:6px;margin-bottom:7px}.link-row input{min-width:0}.remove-link{border:0;background:none;color:#8b909a;font-size:20px}.text-button:disabled{opacity:.4;cursor:default}.actions{padding:2px 0 0}.save-button{width:100%;padding:13px 18px;background:#b8336a;font-size:14px}.save-button:disabled{opacity:.6}.actions p{color:#777e89;font-size:12px;line-height:1.5;margin:10px 0}.actions a{color:#9d2858;overflow-wrap:anywhere}.preview-wrap{min-width:0;position:sticky;top:28px}.preview-heading{margin-bottom:14px}.preview-stage{background:#f1eff0;border:1px solid #e6e4e6;border-radius:9px;min-height:600px;padding:clamp(18px,3vw,42px);display:grid;place-items:center}.preview-caption{font-size:12px;color:#9297a0;text-align:center;margin:13px 0}.profile-card{width:min(100%,430px);min-height:520px;padding:36px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .2s,color .2s;font-size:14px}.profile-top{display:flex;align-items:center;gap:17px}.profile-avatar{position:relative;width:72px;height:72px;flex:none;border-radius:50%;background:currentColor;display:grid;place-items:center}.profile-avatar>img:first-child{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar>span{font-size:32px;color:#fff}.profile-avatar .profile-decoration{position:absolute;width:94px;height:94px;left:-11px;top:-11px;object-fit:contain}.profile-account h2{font-size:21px;line-height:1.1;letter-spacing:-.035em;margin:0 0 5px}.profile-handle{margin:0;font-size:12px;opacity:.65}.profile-content{margin-top:42px}.profile-headline{font-size:30px;font-weight:700;letter-spacing:-.05em;line-height:1.08;margin:0 0 15px}.profile-bio{font-size:14px;line-height:1.55;opacity:.8;margin:0}.profile-badges{margin-top:18px}.profile-badges span{font-size:11px;padding:5px 8px;background:rgba(0,0,0,.08);border-radius:3px}.profile-links{display:grid;gap:8px;margin-top:29px}.profile-links a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:12px 14px;font-size:13px;font-weight:600;transition:transform .15s}.profile-links a:hover{transform:translateY(-2px)}.profile-credit{display:block;margin-top:auto;padding-top:40px;font-size:11px;opacity:.5}.theme-minimal{background:#eeeae4;color:#25231f}.theme-minimal .profile-links a{border:1px solid #96938c}.theme-poster{background:#dd6a45;color:#fff4df}.theme-poster .profile-headline{font-size:42px;text-transform:uppercase;line-height:.98}.theme-poster .profile-links a{background:#fff1d6;color:#6f2c1c}.theme-poster .profile-badges span{background:#b74e32}.theme-night{background:#17191d;color:#e6eadf}.theme-night .profile-headline{font-weight:500}.theme-night .profile-links a{background:#2c302d}.theme-night .profile-badges span{background:#30382f;color:#d7e3cd}.layout-split .profile-top{align-items:flex-start;flex-direction:column}.layout-split .profile-content{margin-top:22px}.layout-split .profile-links{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-split .profile-links a{min-width:0;gap:5px}.public-view{min-height:100vh;background:#f2f2f2;display:flex;flex-direction:column;align-items:center;padding:25px 16px 35px}.public-brand{font-weight:700;text-decoration:none;align-self:flex-start;margin:0 auto 35px;width:min(100%,430px)}.public-view .profile-card{width:min(100%,430px);min-height:620px}.public-end{font-size:12px;color:#80858d;margin:25px 0 0}.public-end a{font-weight:600}.public-error{margin:auto;text-align:center}
@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{padding:14px 22px;border-bottom:1px solid #e8e9ec;border-right:0}.sidebar-main,.sidebar-foot{display:none}.workspace{padding:26px 22px 50px}.workspace-grid{grid-template-columns:minmax(290px,1fr) minmax(320px,1fr);gap:20px}.control-section{padding:20px}.preview-stage{padding:18px}.profile-card{padding:28px}}
@media(max-width:720px){.workspace{padding:22px 16px 40px}.page-head{align-items:flex-start;margin-bottom:25px}.page-head h1{font-size:26px}.page-head p{max-width:230px;line-height:1.45}.discord-button{padding:9px 10px;font-size:12px}.account-area{max-width:160px;justify-content:flex-end;flex-wrap:wrap}.workspace-grid{display:flex;flex-direction:column}.controls,.preview-wrap{width:100%}.preview-wrap{position:static;order:-1}.preview-stage{min-height:0;padding:16px}.preview-stage .profile-card{min-height:460px}.preview-heading>span{display:none}.profile-headline{font-size:27px}.theme-poster .profile-headline{font-size:35px}.control-section{padding:19px}.public-view .profile-card{min-height:540px}}
@media(max-width:390px){.page-head{flex-direction:column}.account-area{max-width:none}.link-row{grid-template-columns:1fr 25px}.link-row input:nth-child(2){grid-column:1;grid-row:2}.link-row button{grid-column:2;grid-row:1/3}.template-option{padding:5px}.template-swatch{height:50px}.profile-card{padding:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.empty-links{font-size:12px;opacity:.65;margin:0}
.guild-badge{width:20px;height:20px;object-fit:contain;margin-top:7px}.badge-row span img{width:14px;height:14px;vertical-align:-2px;margin-right:4px}
.refresh-discord{display:inline-block;margin-top:12px;font-size:12px;font-weight:600;color:#9d2858;text-decoration:none}.refresh-discord:hover{text-decoration:underline}.published-tools{display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;margin-top:14px}.published-tools a,.published-tools button{border:0;background:none;padding:0;font-size:12px;font-weight:600;color:#812549;text-decoration:none}.published-tools a:hover,.published-tools button:hover{text-decoration:underline}.published-tools button:disabled{opacity:.5}.published-tools #unpublish-profile{color:#737987}
.auth-status{margin:-12px 0 24px;padding:12px 15px;background:#fffbeb;border:1px solid #f2dca3;border-radius:6px;color:#704814;font-size:13px;line-height:1.5}
.atmosphere-section .color-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px}.atmosphere-section .color-controls label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:11px 12px;border:1px solid #e3e5e9;border-radius:6px;font-weight:500}.atmosphere-section .color-controls input[type=color]{width:34px;height:30px;padding:2px;border:0;background:transparent;cursor:pointer}.atmosphere-section input[type=file]{font-size:12px;padding:7px;border-style:dashed}.atmosphere-section input[type=file]::file-selector-button{border:0;border-radius:4px;background:#fdf2f7;color:#812549;padding:7px 10px;margin-right:10px;font-weight:600;cursor:pointer}.atmosphere-section input[type=file]:disabled{opacity:.55;cursor:not-allowed}.asset-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:6px 0 15px;font-size:11px;color:#858b97}.asset-row button{padding:0;border:0;background:none;color:#9d2858;font-size:11px;font-weight:600}.atmosphere-section select{width:100%;min-height:39px;border:1px solid #d9dde3;border-radius:6px;background:#fff;padding:8px 10px;color:#1b2029;font:inherit;font-size:13px}.range-label{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.range-label label{margin-bottom:5px}.range-label output{font-size:12px;color:#6d737e}.atmosphere-section input[type=range]{padding:0;border:0;accent-color:#b8336a}.switch-list{display:grid;gap:8px;margin-top:17px}.switch-list label{display:flex;align-items:center;gap:9px;margin:0;font-weight:500;line-height:1.3}.switch-list input[type=checkbox]{width:16px;height:16px;margin:0;padding:0;accent-color:#b8336a;flex:none}.atmosphere-section .field-hint{margin-top:17px}.preview-stage .profile-page{height:100%}
@media(max-width:390px){.atmosphere-section .color-controls{grid-template-columns:1fr}.layout-row{align-items:flex-start;flex-direction:column;gap:8px}}
.playlist-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 8px}.playlist-heading strong{font-size:13px}.playlist-heading button,.track-remove{padding:4px 0;border:0;background:none;color:#9d2858;font-size:12px;font-weight:600}.playlist-heading button:disabled{opacity:.45;cursor:default}.track-row{display:grid;gap:7px;padding:14px 0;border-top:1px solid #eceef1}.track-row input{margin:0}.track-heading{display:flex;justify-content:space-between;align-items:center}.track-heading strong{font-size:12px;color:#4f5560}.track-asset-status{font-size:11px;color:#858b97;margin:-2px 0 5px}
.preset-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:15px 0 18px}.preset-options button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:8px;border:1px solid #d9dde3;border-radius:6px;background:#fff;color:#313743;text-align:left;font-size:11px;cursor:pointer}.preset-options button:hover,.preset-options button:focus-visible{border-color:#9d2858}.preset-options i{display:block;width:100%;height:30px;border-radius:3px;background:#111019;border-left:14px solid #c6adff}.preset-options [data-preset=ocean] i{background:#081722;border-color:#7bd4e8}.preset-options [data-preset=rose] i{background:#351b29;border-color:#ffb2b7}.preset-options [data-preset=forest] i{background:#142019;border-color:#afdb9c}.option-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px}.option-row .segmented{flex:none}.option-row .segmented button{padding:6px 8px}.option-row .segmented button.selected{box-shadow:0 1px 3px #00000012}@media(max-width:520px){.preset-options{grid-template-columns:repeat(2,minmax(0,1fr))}.option-row{align-items:flex-start;flex-direction:column;gap:6px}.option-row .segmented{width:100%;display:flex}.option-row .segmented button{flex:1}}
.editor-jump{display:flex;gap:6px;flex-wrap:wrap;margin:-12px 0 24px}.editor-jump a{display:inline-block;padding:7px 10px;border:1px solid #e1e3e8;border-radius:6px;background:#fff;color:#565d69;text-decoration:none;font-size:12px}.editor-jump a:hover,.editor-jump a:focus-visible{border-color:#b8336a;color:#8b2450}.control-section{scroll-margin-top:16px}@media(max-width:720px){.editor-jump{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.editor-jump a{white-space:nowrap}}
.customizer-section select,.atmosphere-section select{width:100%;min-height:38px;padding:8px 10px;border:1px solid #d9dde3;border-radius:6px;background:#fff;color:#1b2029;font:inherit;font-size:13px}.customizer-section select:focus-visible,.atmosphere-section select:focus-visible{outline:2px solid #b8336a;outline-offset:2px}
.preset-options{grid-template-columns:repeat(5,minmax(0,1fr))}.preset-options [data-preset=kwj] i{background:#16191b;border-color:#66d9ff}@media(max-width:520px){.preset-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
.banner-crop{margin-top:12px}.banner-crop-window{width:min(100%,280px);aspect-ratio:14 / 9;overflow:hidden;border:1px solid #cdd3dd;border-radius:9px;background:#e8e8ec;cursor:grab;touch-action:none;user-select:none}.banner-crop-window:active{cursor:grabbing}.banner-crop-window img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.banner-crop .field-hint{margin:7px 0 0}.atmosphere-section #reset-banner-crop{margin:3px 0 14px}