html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgba(0,0,0,0);--un-ring-shadow:0 0 rgba(0,0,0,0);--un-shadow-inset: ;--un-shadow:0 0 rgba(0,0,0,0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.i-carbon\:chevron-down{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;}.i-carbon\:chevron-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m16 10l10 10l-1.4 1.4l-8.6-8.6l-8.6 8.6L6 20z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;}.i-carbon\:locked,[i-carbon\:locked=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M24 14h-2V8a6 6 0 0 0-12 0v6H8a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V16a2 2 0 0 0-2-2M12 8a4 4 0 0 1 8 0v6h-8Zm12 20H8V16h16Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;}.i-material-symbols-download-rounded,[i-material-symbols-download-rounded=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 15.575q-.2 0-.375-.062T11.3 15.3l-3.6-3.6q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L11 12.15V5q0-.425.288-.712T12 4t.713.288T13 5v7.15l1.875-1.875q.3-.3.713-.288t.712.313q.275.3.288.7t-.288.7l-3.6 3.6q-.15.15-.325.213t-.375.062M6 20q-.825 0-1.412-.587T4 18v-2q0-.425.288-.712T5 15t.713.288T6 16v2h12v-2q0-.425.288-.712T19 15t.713.288T20 16v2q0 .825-.587 1.413T18 20z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;}[i-carbon\:moon=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;}[i-carbon\:sun=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;}[i-material-symbols-refresh=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V4h2v7h-7V9h4.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.925 0 3.475-1.1T17.65 14h2.1q-.7 2.65-2.85 4.325T12 20'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;width:1em;height:1em;}.mx-auto,[mx-auto=""]{margin-left:auto;margin-right:auto;}.my{margin-top:1rem;margin-bottom:1rem;}.mb-4,[mb-4=""]{margin-bottom:1rem;}.mt-2,[mt-2=""]{margin-top:0.5rem;}.mt-4,[mt-4=""]{margin-top:1rem;}.mt-6,[mt-6=""]{margin-top:1.5rem;}[mb-2=""]{margin-bottom:0.5rem;}[ml-2=""]{margin-left:0.5rem;}[mr-1=""]{margin-right:0.25rem;}.block,[block=""]{display:block;}.inline-block,[inline-block=""]{display:inline-block;}.hidden,[hidden=""]{display:none;}.max-w-2xl,[max-w-2xl=""]{max-width:42rem;}.w-full,[w-full=""]{width:100%;}[w3=""]{width:0.75rem;}.flex,[flex~="\~"]{display:flex;}.inline-flex,[inline-flex=""]{display:inline-flex;}[flex~="row"]{flex-direction:row;}.cursor-pointer,[cursor-pointer=""]{cursor:pointer;}.list-decimal,[list-decimal=""]{list-style-type:decimal;}.list-disc,[list-disc=""]{list-style-type:disc;}.items-center,[items-center=""]{align-items:center;}.justify-center,[justify-center=""]{justify-content:center;}[justify-between=""]{justify-content:space-between;}.gap-2,[gap-2=""]{grid-gap:0.5rem;gap:0.5rem;}.space-y-1>:not([hidden])~:not([hidden]),[space-y-1=""]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.25rem * var(--un-space-y-reverse));}.space-y-4>:not([hidden])~:not([hidden]),[space-y-4=""]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse));}.p-1,[p-1=""]{padding:0.25rem;}.py-8,[py-8=""]{padding-top:2rem;padding-bottom:2rem;}[px-4=""]{padding-left:1rem;padding-right:1rem;}.pl-5,[pl-5=""]{padding-left:1.25rem;}.text-center,[text-center=""]{text-align:center;}.text-left,[text-left=""]{text-align:left;}.text-2xl,[text-2xl=""]{font-size:1.5rem;line-height:2rem;}.text-base,[text-base=""]{font-size:1rem;line-height:1.5rem;}.text-sm,[text-sm=""]{font-size:0.875rem;line-height:1.25rem;}.text-xs,[text-xs=""]{font-size:0.75rem;line-height:1rem;}.font-extrabold,[font-extrabold=""]{font-weight:800;}.font-semibold,[font-semibold=""]{font-weight:600;}[leading-relaxed=""]{line-height:1.625;}.tracking-wide,[tracking-wide=""]{letter-spacing:0.025em;}.dark .dark\:text-neutral-200,.dark [dark\:text-neutral-200=""]{--un-text-opacity:1;color:rgba(229,229,229,var(--un-text-opacity));}.hover\:text-violet-400:hover,[hover\:text-violet-400=""]:hover{--un-text-opacity:1;color:rgba(167,139,250,var(--un-text-opacity));}.text-neutral-300,[text-neutral-300=""]{--un-text-opacity:1;color:rgba(212,212,212,var(--un-text-opacity));}.text-neutral-400,[text-neutral-400=""]{--un-text-opacity:1;color:rgba(163,163,163,var(--un-text-opacity));}.text-neutral-600,[text-neutral-600=""]{--un-text-opacity:1;color:rgba(82,82,82,var(--un-text-opacity));}.text-neutral-800,[text-neutral-800=""]{--un-text-opacity:1;color:rgba(38,38,38,var(--un-text-opacity));}.tab,[tab=""]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.op-100,[op-100=""]{opacity:1;}.op-50,.op-50\>\<i,[op-50=""]{opacity:0.5;}.op-80\>\<p,[op-80=""]{opacity:0.8;}.transition-colors,[transition-colors=""]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}[transition-opacity=""]{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--surface-gradient: linear-gradient(145deg, rgba(255,255,255,.95), rgba(255,255,255,.85));--dark-surface: linear-gradient(145deg, rgba(30,30,40,.95), rgba(20,20,30,.85));--primary-color: #764ba2;--primary-light: #9f6fc8;--primary-dark: #5a3880;--shadow-small: 0 2px 8px rgba(0,0,0,.08);--shadow-medium: 0 8px 24px rgba(0,0,0,.12);--shadow-large: 0 24px 48px rgba(0,0,0,.15);--shadow-color: rgba(118, 75, 162, .25);--border-radius: 16px;--border-radius-small: 12px;--border-radius-large: 24px;--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.68, -.55, .265, 1.55);--preview-panel-width: 200px;--content-spacing: 20px;--content-max-width: 1200px;--page-gutter: clamp(16px, 4vw, 48px);--layout-gap: clamp(16px, 3vw, 40px);--ad-max-width: 240px;--ad-column-width: min( var(--ad-max-width), max(0px, calc((100vw - (2 * var(--page-gutter)) - (2 * var(--layout-gap)) - var(--content-max-width)) / 2)) )}html{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%);background-size:400% 400%;animation:gradientShift 20s ease infinite;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;position:relative}html:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);backdrop-filter:blur(100px);z-index:0}body{margin:0;padding:0;position:relative;z-index:1}.page-layout{display:flex;justify-content:center;align-items:flex-start;gap:var(--layout-gap);padding:var(--page-gutter);min-height:100vh;width:100%;box-sizing:border-box}.page-content{flex:1 1 var(--content-max-width);max-width:var(--content-max-width);display:flex;flex-direction:column;gap:var(--content-spacing);min-width:0}.ad-column{flex:0 0 var(--ad-column-width);width:var(--ad-column-width);max-width:var(--ad-max-width);box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;padding:var(--content-spacing) 0;gap:var(--content-spacing)}.ad-column>*{max-width:100%}.content-ad{margin:var(--content-spacing) 0;padding:calc(var(--content-spacing) * .75);border-radius:var(--border-radius);background:rgba(255,255,255,.6);box-shadow:0 12px 32px #00000014,inset 0 1px #fff6}html.dark .content-ad{background:rgba(30,30,40,.6);box-shadow:0 12px 32px #0000004d,inset 0 1px #ffffff0d}html.dark{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 25%,#0f3460 50%,#533483 75%,#1a1a2e 100%);background-size:400% 400%;color-scheme:dark}html.dark:before{background:rgba(0,0,0,.3)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}a{text-decoration:none;color:inherit;transition:var(--transition-smooth)}.emoji-maker-container{display:grid;grid-template-columns:260px 1fr;gap:var(--content-spacing);max-width:100%;width:100%;margin:0;padding:calc(var(--content-spacing) * 1.6);background:var(--surface-gradient);backdrop-filter:blur(40px) saturate(180%);border-radius:var(--border-radius-large);box-shadow:0 20px 60px #0000001a,0 0 0 1px #ffffff80 inset,0 0 120px #764ba21a;border:1px solid rgba(255,255,255,.18);min-height:calc(100vh - 200px);position:relative;overflow:hidden}.emoji-maker-container:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(118,75,162,.1) 0%,transparent 70%);animation:rotate 30s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html.dark .emoji-maker-container{background:var(--dark-surface);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a inset,0 0 120px #764ba233}.preview-section{display:flex;flex-direction:column;align-items:center;gap:var(--content-spacing);position:sticky;top:0;height:fit-content;padding:0 var(--content-spacing)}.canvas-container{position:relative;width:var(--preview-panel-width);height:var(--preview-panel-width)}.canvas-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:var(--primary-gradient);filter:blur(40px);opacity:.3;border-radius:50%;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.95);opacity:.3}50%{transform:scale(1.05);opacity:.5}}.canvas-wrapper{position:relative;width:100%;height:100%;padding:var(--content-spacing);box-sizing:border-box;margin:0 auto;background:linear-gradient(145deg,#ffffff,#f0f0f5);border-radius:var(--border-radius-large);box-shadow:inset 0 2px 4px #0000000f,inset 0 -2px 4px #ffffff80,0 10px 40px #764ba226;display:flex;align-items:center;justify-content:center;overflow:hidden}html.dark .canvas-wrapper{background:linear-gradient(145deg,#2a2a3a,#1a1a2a);box-shadow:inset 0 2px 4px #0000004d,inset 0 -2px 4px #ffffff0d,0 10px 40px #764ba240}.emoji-canvas{width:140px!important;height:140px!important;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));transition:transform .3s cubic-bezier(.4,0,.2,1)}.canvas-pop{animation:canvasPop .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes canvasPop{0%{transform:scale(1) rotate(0)}40%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0)}}.action-buttons{display:flex;flex-direction:column;gap:var(--content-spacing);width:var(--preview-panel-width);margin:0 auto}.btn-primary{position:relative;width:100%;padding:calc(var(--content-spacing) * .7) calc(var(--content-spacing) * 1.2);background:var(--primary-gradient);color:#fff;border:none;border-radius:var(--border-radius-small);font-size:15px;font-weight:600;letter-spacing:.5px;cursor:pointer;overflow:hidden;transition:var(--transition-smooth);box-shadow:0 4px 20px var(--shadow-color),inset 0 1px #fff3;display:flex;align-items:center;justify-content:center;gap:calc(var(--content-spacing) * .4)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px var(--shadow-color),inset 0 1px #ffffff4d}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-icon-wrapper{display:flex;align-items:center;font-size:20px}.btn-text{font-weight:600}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover .btn-shine{left:100%}.export-group{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--content-spacing) * .4)}.btn-export{padding:calc(var(--content-spacing) * .5) calc(var(--content-spacing) * .8);background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border:1px solid rgba(118,75,162,.2);border-radius:var(--border-radius-small);color:var(--primary-dark);font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:calc(var(--content-spacing) * .3);box-shadow:0 2px 8px #0000000d}.btn-export:hover{background:rgba(118,75,162,.1);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #764ba233}html.dark .btn-export{background:rgba(40,40,50,.8);color:#ffffffe6;border-color:#ffffff1a}html.dark .btn-export:hover{background:rgba(118,75,162,.3);border-color:var(--primary-light)}.editor-section{display:flex;flex-direction:column;gap:var(--content-spacing);min-height:0}.tab-bar{display:flex;gap:calc(var(--content-spacing) * .4);padding:calc(var(--content-spacing) * .3);background:rgba(255,255,255,.6);backdrop-filter:blur(10px);border-radius:var(--border-radius);position:relative;box-shadow:inset 0 1px 3px #0000000d,0 1px #fffc}html.dark .tab-bar{background:rgba(30,30,40,.6);box-shadow:inset 0 1px 3px #0000004d,0 1px #ffffff0d}.tab-indicator{display:none}.tab-button{position:relative;width:auto;min-width:calc(var(--content-spacing) * 2.8);height:auto;padding:calc(var(--content-spacing) * .4) calc(var(--content-spacing) * .5);background:transparent;border:none;border-radius:var(--border-radius-small);cursor:pointer;transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;z-index:1}.tab-button:hover:not(.active){background:rgba(118,75,162,.1)}.tab-button.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px var(--shadow-color)}.tab-icon-wrapper{width:calc(var(--content-spacing) * 1.4);height:calc(var(--content-spacing) * 1.4);display:flex;align-items:center;justify-content:center}.tab-icon-wrapper img{width:100%;height:100%;object-fit:contain;filter:grayscale(20%);transition:var(--transition-smooth)}.tab-button.active .tab-icon-wrapper img{filter:brightness(0) invert(1)}.tab-label{display:block;font-size:10px;font-weight:600;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.options-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--content-spacing);scrollbar-width:thin;scrollbar-color:rgba(118,75,162,.3) transparent;border-radius:var(--border-radius);background:rgba(255,255,255,.3);backdrop-filter:blur(10px)}.options-container::-webkit-scrollbar{width:8px}.options-container::-webkit-scrollbar-track{background:rgba(118,75,162,.05);border-radius:4px}.options-container::-webkit-scrollbar-thumb{background:rgba(118,75,162,.3);border-radius:4px}.options-container::-webkit-scrollbar-thumb:hover{background:rgba(118,75,162,.5)}html.dark .options-container{background:rgba(30,30,40,.3)}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:var(--content-spacing);padding:var(--content-spacing)}.option-item{position:relative;aspect-ratio:1;padding:8px;background:linear-gradient(145deg,#ffffff,#f8f8fc);border:2px solid transparent;border-radius:var(--border-radius-small);cursor:pointer;transition:var(--transition-smooth);overflow:hidden;box-shadow:0 2px 8px #0000000d}.option-item:hover{transform:translateY(-2px) scale(1.05);border-color:var(--primary-light);box-shadow:0 8px 20px #764ba233,inset 0 0 0 1px #764ba21a;background:linear-gradient(145deg,#fafaff,#f0f0ff)}.option-item.selected{border:2px solid var(--primary-color);transform:scale(1.05)}html.dark .option-item{background:linear-gradient(145deg,#2a2a3a,#1e1e2e);box-shadow:0 2px 8px #0000004d}html.dark .option-item:hover{background:linear-gradient(145deg,#3a3a4a,#2a2a3a);box-shadow:0 8px 20px #764ba24d,inset 0 0 0 1px #764ba233}.option-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.option-inner img{width:36px;height:36px;object-fit:contain;transition:var(--transition-smooth)}.option-hover-effect{position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(118,75,162,.2) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;pointer-events:none}.option-item:hover .option-hover-effect{width:100px;height:100px}@media (max-width: 768px){:root{--preview-panel-width: 160px;--content-spacing: 16px;--page-gutter: 12px;--layout-gap: 12px}.ad-column{display:none}.page-layout{padding:var(--page-gutter)}.emoji-maker-container{grid-template-columns:1fr;padding:calc(var(--content-spacing) * 1.5);margin:0;gap:calc(var(--content-spacing) * 1.5);align-content:start}.preview-section{position:static;flex-direction:column;align-items:center;gap:calc(var(--content-spacing) * 1.2);padding:0}.canvas-container{width:var(--preview-panel-width);height:var(--preview-panel-width)}.emoji-canvas{width:120px!important;height:120px!important}.canvas-pop{animation:none!important}.option-item,.option-item:hover,.option-item.selected,.option-item:active{transform:none!important}.option-item:hover{background:none;box-shadow:0 2px 8px #0000000d}.action-buttons{width:100%;max-width:280px}.btn-primary{padding:calc(var(--content-spacing) * .8) calc(var(--content-spacing) * 1.2);font-size:16px}.tab-button{width:auto;height:auto;padding:calc(var(--content-spacing) * .5) calc(var(--content-spacing) * .7);flex-direction:column;gap:4px}.tab-label{display:block;font-size:9px}.tab-indicator{display:none}.tab-button.active{background:var(--primary-gradient);color:#fff}.options-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:calc(var(--content-spacing) * .8)}.option-item{padding:10px;min-height:68px}.option-inner img{width:40px;height:40px}}@media (max-width: 480px){:root{--preview-panel-width: 140px;--content-spacing: 12px}.emoji-maker-container{padding:var(--content-spacing)}.emoji-canvas{width:100px!important;height:100px!important}.options-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.option-item{padding:8px;min-height:60px}.option-inner img{width:36px;height:36px}}@keyframes slidein{60%{transform:scale(1.06)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}html.dark .canvas-glow{opacity:.2}html.dark .btn-primary,html.dark .tab-indicator{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)}