/* Legacy feature layout. Visual ownership: interface.css. */
@layer legacy {
:root{--premium:#d6b66f;--ui-accent:#80b497;--ui-accent-strong:#577e68}
/* Shared controls; visual changes to action alignment remain scoped to Forms. */
.profile-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}.profile-title h2{margin:0}.profile-title .vip-badge{align-self:center}.profile-name{display:flex;align-items:center;gap:9px;min-width:0}.profile-app-badge{display:inline-flex;align-items:center;height:19px;padding:2px 5px;border-radius:4px;background:#5865f233;color:#dce0ff;font-size:10px;font-weight:700;line-height:1;flex-shrink:0}
body .vip-badge,body .premium-crown{display:inline-flex;align-items:center;justify-content:center;align-self:center;color:var(--premium,#d6b66f);border-color:#d6b66f44;background:#d6b66f0c;text-decoration:none;min-width:24px;min-height:24px;padding:4px;line-height:1}.premium-crown img,.vip-badge img{width:16px;height:16px;filter:none!important}.premium-crown .ui-icon{width:16px;height:16px}.premium-crown:focus-visible{outline:2px solid var(--premium);outline-offset:3px}
body .vip-header-button,body .premium-action{color:#e1c585;border-color:#c0a15e66;background:#c9a75d12}body .vip-header-button:hover,body .vip-header-button.is-vip-active,body .premium-action:hover{background:#c9a75d22;border-color:#d6b66f;box-shadow:none}body .vip-header-button img{filter:none}.premium-feedback{display:grid;gap:10px;padding:18px;border:1px solid #c9a75d55;border-radius:12px;background:#c9a75d08}.premium-feedback>strong{display:flex;align-items:center;gap:9px;color:#dfc185}.premium-feedback p{margin:0;line-height:1.6}.premium-feedback .button{justify-self:start}
.image-upload{display:grid;gap:10px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-1)}.image-upload strong{font-size:.85rem}.image-upload small{color:var(--text-400);line-height:1.6;overflow-wrap:anywhere}.image-upload .image-upload-pick{justify-self:start;max-width:100%;gap:9px;white-space:normal}.image-upload-input{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}.image-upload-preview{width:auto;max-width:100%;max-height:160px;object-fit:contain;border-radius:8px;border:1px solid var(--line)}.image-upload-status{font-size:.8rem;line-height:1.6;margin:0;color:var(--text-300)}.image-upload-filename{overflow-wrap:anywhere}.image-upload[data-upload-state=error] .image-upload-status{color:var(--danger)}.image-upload:focus-within{outline:2px solid var(--accent);outline-offset:3px}.image-upload [hidden]{display:none!important}
.forms-workspace .forms-button-content{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0}.forms-workspace .forms-button-label{overflow-wrap:anywhere}.forms-workspace .button{justify-content:center;align-items:center;padding-inline:14px}.forms-workspace .forms-button-content .ui-icon{width:16px;height:16px}.forms-workspace .forms-switch{appearance:none;-webkit-appearance:none;display:block;width:44px;height:25px;border:1px solid #55615c;border-radius:99px;background:#28332f;cursor:pointer;position:relative;flex-shrink:0;transition:background .15s}.forms-workspace .forms-switch::before{content:'';position:absolute;left:3px;top:3px;width:17px;height:17px;background:#d4ded8;border-radius:50%;transition:transform .15s}.forms-workspace .forms-switch:checked{background:var(--accent-strong);border-color:var(--accent)}.forms-workspace .forms-switch:checked::before{transform:translateX(19px);background:#f0f5f1}.forms-workspace .forms-switch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.discord-embed .discord-embed-upper{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start}.discord-embed .discord-embed-copy{min-width:0;overflow-wrap:anywhere}.discord-embed .forms-preview-thumbnail{width:80px;height:80px;object-fit:contain;margin:0;grid-column:2;grid-row:1}.discord-embed .discord-embed-footer{display:flex;align-items:center;gap:7px;margin-top:12px;min-width:0;overflow-wrap:anywhere}.discord-embed .forms-preview-footer-icon{width:20px;height:20px;margin:0;object-fit:cover;border-radius:50%;flex-shrink:0}.discord-embed .forms-preview-image{display:block;max-width:100%;max-height:360px;object-fit:contain;margin:12px 0 0}.discord-component-emoji{display:inline-block;width:18px;height:18px;object-fit:contain;margin-right:5px}
.forms-workspace .discord-button.primary{background:#5865f2!important;color:#fff!important}.forms-workspace .discord-button.secondary{background:#4e5058!important;color:#fff!important}.forms-workspace .discord-button.success{background:#248046!important;color:#fff!important}.forms-workspace .discord-button.danger{background:#da373c!important;color:#fff!important}.forms-workspace .discord-button.link{background:#4e5058!important;color:#fff!important}.forms-workspace .discord-button:disabled{opacity:1!important;cursor:default}
.sentinel-workspace{display:grid;gap:20px;min-width:0}.sentinel-workspace>.config-card{padding:20px}.sentinel-workspace h2{font-size:1rem}.sentinel-workspace .forms-list-item{min-width:0}.profile-title+.announcement-grid{align-items:start}
@media(max-width:640px){.profile-title{gap:9px}.profile-name{flex-wrap:wrap}.image-upload{padding:13px}.discord-embed .forms-preview-thumbnail{width:64px;height:64px}.discord-embed .discord-embed-upper{gap:10px}.sentinel-workspace .forms-list-item{flex-direction:column;align-items:stretch}.sentinel-workspace .forms-toolbar{flex-wrap:wrap}}

[data-premium-notice]{position:fixed;right:20px;bottom:20px;z-index:160;width:min(420px,calc(100vw - 40px));box-shadow:0 15px 40px #0008;background:#151b20}

.sentinel-workspace .config-card{content-visibility:visible;contain-intrinsic-size:none}

body .premium-crown{flex:0 0 26px;width:26px;max-width:26px;height:26px;justify-self:start}.forms-field>label,.image-upload>strong,.premium-field .toggle-copy strong{display:flex;align-items:center;gap:8px}.config-nav [data-config-section=profile] .ui-icon{color:var(--premium)}.vip-hero::after{content:'';width:100px;height:95px;background:url('/assets/icons/premium.svg') center/contain no-repeat;opacity:.08}

body .button.primary{background:var(--accent-strong);color:var(--text-100);box-shadow:none}body .button.primary:hover{background:var(--brand-600);box-shadow:0 6px 18px #0002}

}