:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f4f7;font-synthesis:none;background:#15161b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:#2b2d36;border:1px solid #454855;border-radius:8px;padding:.45rem .7rem}button:hover:not(:disabled){background:#373a45}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #7c87ffa6}button:disabled{cursor:wait;opacity:.55}button.primary{background:#5865f2;border-color:#7a83f7;font-weight:700}input[type=text],input:not([type]),select{background:#1b1d24;border:1px solid #454855;border-radius:8px;padding:.45rem .6rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}.app-header{padding:1rem clamp(1rem,3vw,2rem) 0}.app-header h1{margin:0;font-size:clamp(1.35rem,3vw,1.8rem)}.app-header p{color:#a6a9b5;margin:.15rem 0 0}.editor-layout{flex:1;grid-template-columns:minmax(230px,270px) minmax(290px,330px) minmax(320px,1fr);grid-template-areas:"picker controls preview";align-items:start;gap:1rem;width:100%;max-width:1440px;margin:0 auto;padding:1rem clamp(1rem,3vw,2rem);display:grid}.picker-region{grid-area:picker;min-width:0}.controls-region{grid-area:controls;min-width:0}.preview-region{grid-area:preview;min-width:0}.panel{background:#202229;border:1px solid #343640;border-radius:14px;padding:.9rem}.panel h2,.favorites-panel h2{color:#b7bac5;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem}.emoji-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.2rem;margin:.75rem 0;display:grid}.emoji-grid button{background:0 0;border-color:#0000;padding:.35rem 0;font-size:1.25rem;line-height:1.1}.emoji-grid button[aria-pressed=true]{background:#343744;border-color:#7c87ff}.emoji-input{gap:.4rem;display:flex}.emoji-input input{width:100%;min-width:0}.controls-panel fieldset{border:0;margin:.9rem 0;padding:0}.controls-panel legend{color:#8f93a1;margin-bottom:.45rem;font-size:.75rem;font-weight:700}.control-row{grid-template-columns:minmax(88px,.8fr) minmax(90px,1.4fr) 54px;align-items:center;gap:.45rem;margin:.42rem 0;font-size:.8rem;display:grid}.control-row input[type=range]{width:100%;min-width:0}.control-row output{color:#a6a9b5;text-align:right;font-variant-numeric:tabular-nums}.toggle-row{gap:.45rem;margin-top:.65rem;font-size:.8rem;display:grid}.toggle-row label,.outline-controls>label{align-items:center;gap:.45rem;display:flex}.outline-controls{border-top:1px solid #343640;margin-top:.8rem;padding-top:.7rem}.color-control{justify-content:space-between;align-items:center;margin:.6rem 0;font-size:.8rem;display:flex}.color-control input{width:3rem;padding:.1rem}.favorite-start{margin-top:.6rem}.favorite-form{margin-top:.65rem}.favorite-form>label{color:#b7bac5;margin-bottom:.35rem;font-size:.8rem;display:block}.favorite-form>div{flex-wrap:wrap;gap:.4rem;display:flex}.favorite-form input{flex:130px;min-width:0}.panel-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.panel-heading p{color:#8f93a1;margin:.25rem 0 0;font-size:.78rem}.size-control{color:#a6a9b5;gap:.25rem;font-size:.72rem;display:grid}.preview-stage{place-items:center;min-height:260px;margin:1rem 0;display:grid;position:relative}.checkerboard{aspect-ratio:1;background-color:#292b33;background-image:linear-gradient(45deg,#383a45 25%,#0000 25%),linear-gradient(-45deg,#383a45 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#383a45 75%),linear-gradient(-45deg,#0000 75%,#383a45 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:16px;place-items:center;width:min(100%,240px);display:grid;overflow:hidden}.checkerboard canvas{width:100%;height:100%;display:block}.render-status{color:#c9cbd3;font-size:.75rem;position:absolute;bottom:.4rem}.preview-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.favorites-panel{margin-top:1rem}.favorite-list{flex-wrap:wrap;gap:.7rem;margin-top:.7rem;display:flex}.favorite-item{width:78px;position:relative}.favorite-apply{width:100%;padding:.35rem;overflow:hidden}.favorite-apply canvas{width:100%;height:auto;display:block}.favorite-apply span{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;display:block;overflow:hidden}.favorite-remove{border-radius:50%;width:1.45rem;height:1.45rem;padding:0;position:absolute;top:-.35rem;right:-.35rem}.app-footer{color:#858895;padding:.75rem clamp(1rem,3vw,2rem) 1rem;font-size:.75rem}.app-footer a{color:#b2b6ff}.notice{z-index:10;background:#171820;border:1px solid #6e77e8;border-radius:10px;align-items:center;gap:.8rem;max-width:min(92vw,620px);padding:.65rem .75rem;font-size:.82rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0008}.notice.error{border-color:#d56b77}.notice button{background:0 0;border:0;margin-left:auto;padding:0 .35rem;font-size:1.2rem}@media (width<=940px){.editor-layout{grid-template-columns:minmax(230px,.9fr) minmax(290px,1.1fr);grid-template-areas:"preview preview""picker controls"}.preview-stage{min-height:220px}}@media (width<=620px){.app-header p{font-size:.85rem}.editor-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""picker""controls";padding-inline:.75rem}.preview-stage{min-height:auto}.checkerboard{width:min(72vw,240px)}.emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.control-row{grid-template-columns:86px minmax(80px,1fr) 52px}}@media (width<=380px){.emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.control-row{grid-template-columns:78px minmax(70px,1fr) 48px;gap:.3rem}}