:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef4ff;background:radial-gradient(circle at top,#4297ff42,#0000 28%),linear-gradient(#07111f 0%,#0a1629 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#eef4ff;background:#07111f}a{color:inherit}button,input,select{font:inherit}img{max-width:100%;display:block}.page-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:2.5rem 0 4rem}.hero{gap:.85rem;margin-bottom:2rem;display:grid}.eyebrow{color:#8fc2ff;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.85rem}.hero h1{margin:0;font-size:clamp(2.4rem,4vw,4.4rem);line-height:1.03}.hero-copy{color:#c0d2ee;max-width:52rem;margin:0;font-size:1.06rem;line-height:1.7}.hero-actions{gap:.8rem;margin-top:.4rem;display:flex}.tip-jar-link{color:#eef4ff;background:#ffffff08;border:1px solid #8fc2ff38;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.15rem;text-decoration:none;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.tip-jar-link:hover{background:#4e87ff1f;border-color:#8fc2ff66;transform:translateY(-1px)}.studio-shell{gap:1.25rem;display:grid}.dropzone,.panel{background:#091427db;border:1px solid #93b9ff24;border-radius:1.35rem;box-shadow:0 18px 48px #0000003d}.dropzone{padding:1.8rem 2rem;position:relative;overflow:hidden}.file-input{opacity:0;cursor:pointer;position:absolute;inset:0}.dropzone-label{font-size:1.25rem;font-weight:700;display:block}.dropzone-copy,.muted-copy{color:#9eb4d4;margin:.55rem 0 0;line-height:1.65}.editor-grid,.preview-grid,.slack-preview-grid{gap:1.25rem;display:grid}.editor-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}.preview-grid,.slack-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:1.45rem}.panel h2{margin:0 0 .9rem;font-size:1.08rem}.panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.ratio-chip{color:#cfe0ff;white-space:nowrap;background:#4882ff26;border-radius:999px;padding:.55rem .9rem;font-weight:600}.editor-panel{gap:1rem;display:grid}.cropper-shell{background-color:#07111f;background-image:linear-gradient(45deg,#ffffff08 25%,#0000 25%),linear-gradient(-45deg,#ffffff08 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff08 75%),linear-gradient(-45deg,#0000 75%,#ffffff08 75%),none;background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:1rem;min-height:480px;position:relative;overflow:hidden}.empty-state{color:#9eb4d4;text-align:center;background:#ffffff05;border-radius:1rem;place-items:center;min-height:220px;padding:1rem;display:grid}.slider-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-panel{align-content:start;gap:1rem;display:grid}.field-stack,.note-list{gap:.95rem;display:grid}.field{gap:.45rem;display:grid}.field span{color:#d8e4f8;font-weight:600}.field-help{color:#91a8cb;line-height:1.5}.select-input,.text-input{width:100%;color:inherit;background:#ffffff08;border:1px solid #8db1ff2e;border-radius:.9rem;padding:.82rem 1rem}.range-input{accent-color:#6c87ff;width:100%}.number-field{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid}.number-field span{color:#9eb4d4;font-weight:500}.primary-button{color:#f7fbff;cursor:pointer;background:linear-gradient(135deg,#4e87ff,#7a68ff);border:0;border-radius:999px;justify-content:center;align-items:center;padding:.92rem 1.2rem;display:inline-flex}.primary-button:disabled{opacity:.55;cursor:not-allowed}.output-preview-shell{min-height:320px}.output-preview,.plain-preview{border-radius:1rem;place-items:center;min-height:320px;padding:1.25rem;display:grid}.output-preview{background-color:#091522;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0d 75%),linear-gradient(-45deg,#0000 75%,#ffffff0d 75%),none;background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.plain-preview{background:#fff}.output-preview-image{image-rendering:auto;width:min(280px,100%)}.metric-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.metric-card{background:#ffffff08;border-radius:1rem;padding:1rem}.metric-label{color:#9eb4d4;font-size:.9rem;display:block}.metric-value{margin-top:.35rem;font-size:1.2rem;display:block}.validation-list{gap:.75rem;margin-top:1rem;display:grid}.validation-row{background:#ffffff08;border-radius:.95rem;justify-content:space-between;gap:1rem;padding:.9rem 1rem;display:flex}.validation-pass{color:#8de7b5}.validation-fail{color:#ffba76}.slack-card{color:#1d2430;background:#f8fafc;border-radius:1rem;grid-template-columns:auto 1fr;gap:.9rem;padding:1rem;display:grid}.slack-card-dark{color:#edf2fa;background:#1a1d21}.slack-card-label{color:inherit;opacity:.72;grid-column:1/-1;font-size:.85rem;font-weight:700}.slack-avatar{color:#fff;background:#4a154b;border-radius:.7rem;place-items:center;width:2.2rem;height:2.2rem;font-size:.82rem;font-weight:700;display:grid}.slack-content{gap:.45rem;display:grid}.slack-name,.slack-line{margin:0}.slack-name{font-weight:700}.slack-name span{opacity:.62;margin-left:.4rem;font-weight:500}.slack-line{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.slack-line-repeat{margin-top:.2rem}.slack-emoji-slot{justify-content:center;align-items:center;display:inline-flex}.slack-emoji-placeholder{background:#7a68ff33;border-radius:.35rem;width:20px;height:20px}.profile-preview{gap:1rem;display:grid}.avatar-surface{background-color:#091522;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0d 75%),linear-gradient(-45deg,#0000 75%,#ffffff0d 75%),none;background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-radius:999px;place-items:center;width:180px;height:180px;display:grid}.avatar-preview-image{object-fit:cover;border-radius:inherit;width:100%;height:100%}.error-copy{color:#ff9ab5;margin:1rem 0 0}@media (max-width:900px){.editor-grid,.preview-grid,.slack-preview-grid,.slider-row,.metric-stack{grid-template-columns:1fr}.panel-header{flex-direction:column}.cropper-shell{min-height:360px}}@media (max-width:640px){.page-shell{width:min(100% - 1rem,1180px);padding-top:1.5rem}.dropzone,.panel{padding:1rem}}