.wobbi-mascot{flex:none;display:block;overflow:visible}.wobbi-mascot [data-eye]{transform-box:fill-box;transform-origin:50%}.wobbi-mascot [data-part=body]{transition:opacity .16s}@media (prefers-reduced-motion:reduce){.wobbi-mascot *{transition:none!important}}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#242032;font-synthesis:none;-webkit-font-smoothing:antialiased;--surface:#fff;--ink:#242032;--muted:#6e657b;--purple:#7751e8;--line:#eae7ef;--soft:#f4f0ff;background:#fbfafc;font-family:Nunito Variable,Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.4}button:not(:disabled):active{scale:.96}button{transition:background-color .16s,box-shadow .16s,scale .13s,color .16s}.disclosure-motion{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.2,0,0,1),opacity .14s ease-in,transform .18s ease-in,visibility 0s linear .22s;display:grid;transform:translateY(-4px)}.disclosure-motion.is-open{opacity:1;visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .24s cubic-bezier(.2,0,0,1),opacity .18s ease-out,transform .22s cubic-bezier(.2,0,0,1),visibility linear;transform:translateY(0)}.disclosure-motion-clip{min-height:0;overflow:hidden}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #a184fa}input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #a184fa}h1,h2,p{margin:0}h1,h2{text-wrap:balance}h1{letter-spacing:-.7px;font-size:26px;font-weight:900;line-height:1.25}h2{font-size:14px;font-weight:850}p{text-wrap:pretty}.wobbi-app{min-height:100dvh}@media (width>=761px){html,body,#root{height:100%;overflow:hidden}.wobbi-app{height:100dvh;overflow:hidden}}.app-header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:24px;height:80px;padding:0 28px 0 15px;display:flex}.brand-image{align-items:center;height:76px;display:flex}.brand-image img{object-fit:contain;display:block}.app-header nav{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-button{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.icon-button:hover{background:var(--soft)}.primary{background:var(--purple);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 19px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 2px 3px #5633aa14}.primary:hover{background:#6540d2}.export-button{margin-left:16px;padding:13px 22px}.github-cta{color:#fff;white-space:nowrap;background:#242032;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:13px;font-weight:850;text-decoration:none;transition:background-color .16s,box-shadow .16s,scale .13s;display:inline-flex;box-shadow:0 2px 3px #2420321f}.github-cta:hover{background:#111218;box-shadow:0 4px 10px #24203224}.github-cta:active{scale:.96}.creation-workspace{grid-template-columns:340px minmax(0,1fr);height:calc(100dvh - 80px);min-height:650px;display:grid}.customizer{border-right:1px solid var(--line);scrollbar-width:thin;scrollbar-color:#ded6ef transparent;scrollbar-width:thin;scrollbar-color:#b9a9e8 transparent;background:#fff;min-height:0;padding:27px 24px 20px;overflow:auto}.customizer::-webkit-scrollbar{width:8px}.customizer::-webkit-scrollbar-track{background:0 0}.customizer::-webkit-scrollbar-thumb{background:#b9a9e8 padding-box padding-box;border:2px solid #0000;border-radius:999px}.customizer::-webkit-scrollbar-thumb:hover{background:#9175de padding-box padding-box}.intro{color:var(--muted);margin-top:7px;margin-bottom:16px;font-size:13px}.mascot-name-field{gap:5px;margin-bottom:22px;display:grid}.mascot-name-field span{color:var(--muted);font-size:10px;font-weight:800}.mascot-name-field input{width:100%;min-height:40px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:#f8f7fa;border:0;border-radius:8px;padding:8px 10px;font-weight:800}.violet-dot{color:var(--purple)}.choice-section{margin-bottom:24px}.choice:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.42}.choice-section h2{margin-bottom:11px}.choice-grid{gap:7px;display:grid}.choice-grid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.choice{min-height:80px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 2px;display:flex}.choice svg{max-width:100%}.eye-preview{place-items:center;width:100%;height:48px;display:grid;overflow:hidden}.eye-preview .wobbi-mascot{width:72px;max-width:none;height:48px}.mouth-preview,.face-detail-preview{place-items:center;width:100%;height:48px;display:grid;overflow:hidden}.face-detail-preview .wobbi-mascot,.mouth-preview .wobbi-mascot{width:72px;max-width:none;height:48px}.choice span{white-space:nowrap;font-size:9px;font-weight:700;line-height:1.3}.choice:hover{background:#f9f6ff;box-shadow:inset 0 0 0 1px #c7b6f4}.choice[aria-pressed=true],.reaction-tile[aria-pressed=true]{background:#f5f0ff;box-shadow:inset 0 0 0 1.5px #916cf3}.choice[aria-pressed=true] span{color:#6040b7}.eyes-choice,.mouth-choice,.nose-choice,.brows-choice{color:var(--choice-ink);background:var(--choice-surface);box-shadow:inset 0 0 0 1px #0000001a}.eyes-choice:hover,.mouth-choice:hover,.nose-choice:hover,.brows-choice:hover{color:var(--choice-ink);background:color-mix(in srgb, var(--choice-surface) 92%, var(--choice-ink));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--choice-ink) 24%, transparent)}.eyes-choice[aria-pressed=true],.mouth-choice[aria-pressed=true],.nose-choice[aria-pressed=true],.brows-choice[aria-pressed=true]{color:var(--choice-ink);background:var(--choice-surface);box-shadow:inset 0 0 0 2px var(--choice-ink), inset 0 0 0 4px var(--choice-surface)}.eyes-choice span,.mouth-choice span,.nose-choice span,.brows-choice span,.eyes-choice[aria-pressed=true] span,.mouth-choice[aria-pressed=true] span,.nose-choice[aria-pressed=true] span,.brows-choice[aria-pressed=true] span{color:var(--choice-ink)}.choice-grid-toggle{color:#7651ca;justify-content:center;align-items:center;gap:5px;width:100%;min-height:40px;margin-top:5px;font-size:11px;font-weight:800;display:flex}.choice-grid-toggle:hover{color:#6040b7;background:var(--soft);border-radius:8px}.choice-grid-toggle svg,.details-chevron{transition:rotate .18s cubic-bezier(.2,0,0,1)}.choice-grid-toggle[aria-expanded=true] svg,.details-button[aria-expanded=true] .details-chevron{rotate:180deg}.choice-more .choice-grid{padding-top:7px}.inline-color-control{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.appearance-disclosure{background:#f8f7fa;border-radius:10px;margin:-10px 0 24px}.appearance-trigger{cursor:pointer;color:#5f566c;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.appearance-trigger:hover{color:#4f3c78}.appearance-trigger svg{transition:rotate .18s cubic-bezier(.2,0,0,1)}.appearance-trigger[aria-expanded=true] svg{rotate:180deg}.appearance-content{padding:0 12px 14px}.appearance-content .inline-color-control{border-top:0;margin-top:10px;padding-top:0}.appearance-content>.inline-color-control:first-child{margin-top:0}.depth-control{margin-top:14px}.depth-control h3,.thickness-control>span{color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:800}.depth-control>div{background:#ebe8f0;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid}.depth-control button{border-radius:6px;min-height:34px;font-size:11px;font-weight:750}.depth-control button[aria-pressed=true]{color:#6342bf;background:#fff;box-shadow:0 1px 3px #2c20381c}.thickness-control{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;margin-top:14px;display:grid}.thickness-control>span{margin:0}.thickness-control output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.thickness-control input,.hue-control input{appearance:none;background:0 0;border:0;grid-column:1/-1;width:100%;height:24px;margin:0;padding:0}.thickness-control input::-webkit-slider-runnable-track{background:#d8d2e3;border:0;border-radius:999px;height:5px}.thickness-control input::-webkit-slider-thumb{background:var(--purple);appearance:none;border:3px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 3px #2f214633}.hue-control input::-webkit-slider-thumb{background:var(--purple);appearance:none;border:3px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 3px #2f214633}.inline-color-control h3{color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:800}.inline-color-control .color-picker{margin-top:0}.swatches{flex-wrap:wrap;align-items:center;gap:10px;padding:3px;display:flex}.swatch{border:3px solid #fff;border-radius:100%;width:30px;min-width:30px;height:30px;position:relative;box-shadow:0 0 0 1px #19102209}.swatch:before{content:"";border-radius:50%;position:absolute;inset:-7px}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px #9470ef}.rainbow-button{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;place-items:center;width:31px;height:31px;padding:2px;display:grid}.rainbow-button span{background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:25px;line-height:1;display:grid}.text-button{color:var(--muted);align-items:center;gap:5px;min-height:36px;padding:8px 0;font-size:12px;display:inline-flex}.text-button:hover{color:var(--purple)}.details-button{width:100%;box-shadow:inset 0 0 0 1px var(--line);border-radius:11px;align-items:center;gap:10px;padding:15px 12px;font-size:13px;font-weight:800;display:flex}.details-button span{text-align:left;flex:1}.details-button:hover{background:var(--soft)}.details-button[aria-expanded=true]{color:#6040b7;background:var(--soft)}.details-motion .details-disclosure{padding-top:22px}.details-disclosure .detail-colors{margin-bottom:10px}.stage{flex-direction:column;gap:0;min-width:0;padding:14px 18px 20px;display:flex;overflow:auto}.mascot-stage{isolation:isolate;border-radius:16px;flex-direction:column;flex:1;min-height:355px;display:flex;position:relative}.pause-button{z-index:2;background:#ffffffa6;position:absolute;top:16px;right:16px;box-shadow:0 1px 3px #30204008}.mascot-center{flex:1;justify-content:center;align-items:center;min-height:330px;display:flex;position:relative}.mascot-hit{outline-offset:10px;background:0 0;border-radius:40%;padding:0;display:block}.mascot-hit:hover{background:0 0}.mascot-hit .wobbi-mascot{width:clamp(240px,28vw,410px);height:auto;max-height:47vh}.reactions{background:#fff;border-radius:16px;margin-top:12px;padding:23px 24px 17px;position:relative}.reaction-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.reaction-heading h2{font-size:17px;font-weight:900}.reaction-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.reaction-more .reaction-grid{padding-top:9px}.reaction-chevron{transition:rotate .18s cubic-bezier(.2,0,0,1)}.text-button[aria-expanded=true] .reaction-chevron{rotate:180deg}.reaction-tile{box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-height:110px;padding:8px 4px 10px;display:flex;position:relative}.reaction-tile .wobbi-mascot{max-width:100%;height:auto}.reaction-tile>span:last-child{font-size:11px;font-weight:700}.reaction-tile:hover{background:#faf7ff}.color-targets{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;display:grid}.color-target{min-height:67px;box-shadow:inset 0 0 0 1px var(--line);border-radius:9px;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;font-size:10px;display:flex}.color-target>span{color:#fff;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;box-shadow:inset 0 0 0 1px #24203215}.color-target[aria-pressed=true]{background:var(--soft);box-shadow:inset 0 0 0 1.5px #7950d5}.color-picker{box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;margin-top:10px;padding:11px}.color-picker .swatches{justify-content:space-between;gap:7px}.color-picker .swatch{width:27px;min-width:27px;height:27px}.picker-layout{grid-template-columns:1fr 96px;align-items:start;gap:10px 12px;margin-top:15px;display:grid}.color-plane{touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:8px;width:100%;height:118px;position:relative;box-shadow:0 1px 3px #251b341f}.color-plane i{pointer-events:none;border:3px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0005}.hue-control{grid-column:1;gap:3px;display:grid}.hue-control span{color:var(--muted);font-size:10px}.hue-control input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#f44,#ff0,#3d6,#2dd,#46f,#a4f,#f44);border:0;border-radius:999px;height:7px}.hue-control input::-webkit-slider-thumb{background:#fff;margin-top:-4px}.hex-controls{flex-direction:column;flex:1;grid-area:1/2/span 2;gap:4px;min-width:0;display:flex}.hex-controls label{color:var(--muted);font-size:10px}.hex-controls input{border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:7px;width:100%;padding:7px 5px;font-size:11px}.hex-controls .primary{min-height:36px;padding:6px;font-size:11px}.color-error{color:#bd3556;min-height:18px;font-size:9px}.detail-row{justify-content:space-between;align-items:center;gap:10px;padding:13px 3px;font-size:12px;font-weight:700;display:flex}.detail-row input[type=checkbox]{accent-color:var(--purple);width:20px;height:20px}.checkerboard{background-image:conic-gradient(#f1edf5 25%, white 0 50%, #f1edf5 0 75%, white 0);background-size:20px 20px}.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}.notification{color:#fff;opacity:0;pointer-events:none;z-index:50;background:#2b223b;border-radius:12px;max-width:90vw;padding:13px 20px;font-size:12px;transition:opacity .18s,transform .18s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);box-shadow:0 10px 40px #29124925}.notification.visible{opacity:1;transform:translate(-50%)}.export-dialog{width:min(900px,100vw - 32px);color:var(--ink);border:0;border-radius:21px;max-height:calc(100dvh - 32px);padding:0;overflow:hidden;box-shadow:0 24px 100px #21123c33}.export-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#29203955}.export-shell{background:#fff;flex-direction:column;height:min(760px,100dvh - 32px);max-height:calc(100dvh - 32px);display:flex}.dialog-heading{border-bottom:1px solid var(--line);background:#fff;flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding:26px 32px 20px;display:flex}.dialog-heading h2{letter-spacing:-.6px;font-size:27px;font-weight:900}.dialog-heading p{color:var(--muted);margin-top:6px;font-size:13px}.dialog-heading .icon-button{background:#f7f4fa;flex:none}.dialog-body{overscroll-behavior:contain;scrollbar-color:#a58be4 transparent;scrollbar-width:thin;min-height:0;padding:22px 32px 28px;overflow-y:auto}.dialog-body::-webkit-scrollbar{width:9px;height:9px}.code-preview pre::-webkit-scrollbar{width:9px;height:9px}.dialog-body::-webkit-scrollbar-track{background:0 0}.code-preview pre::-webkit-scrollbar-track{background:0 0}.dialog-body::-webkit-scrollbar-thumb{background:#a58be4 padding-box padding-box;border:2px solid #0000;border-radius:999px}.code-preview pre::-webkit-scrollbar-thumb{background:#a58be4 padding-box padding-box;border:2px solid #0000;border-radius:999px}.export-kinds{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.export-kind{text-align:left;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;align-items:center;gap:15px;min-height:91px;padding:19px 17px;display:flex;position:relative}.export-kind>svg{flex:none;width:30px;height:30px}.export-kind strong{font-size:15px;font-weight:900;display:block}.export-kind small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.export-kind[aria-pressed=true]{background:var(--soft);box-shadow:inset 0 0 0 1.5px #7950d5}.export-kind .selected-check{color:var(--purple);width:17px;height:17px;position:absolute;top:10px;right:10px}.export-options{border-top:1px solid var(--line);grid-template-columns:1fr 215px;gap:32px;margin-top:24px;padding-top:24px;display:grid}.export-options.is-code{grid-template-columns:minmax(0,1fr);gap:0}.export-options label{margin-bottom:13px;font-size:12px;font-weight:800;display:block}.export-options input:not([type=checkbox]),.export-options select{border:1px solid var(--line);width:100%;color:inherit;background:#fff;border-radius:9px;margin-top:7px;padding:10px 12px;font-size:13px;display:block}.format-options{flex-wrap:wrap;gap:8px;margin:8px 0 17px;display:flex}.format-options button{box-shadow:inset 0 0 0 1px var(--line);border-radius:8px;align-items:center;gap:7px;min-height:40px;padding:9px 13px;font-size:12px;display:inline-flex}.format-options img{object-fit:contain;width:18px;height:18px}.format-options button[aria-pressed=true]{background:var(--soft);color:#7751ca;box-shadow:inset 0 0 0 1px #7950d5}.export-preview{background:#f3efff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:15px;display:flex}.export-preview p{color:var(--muted);text-align:center;font-size:10px}.export-advanced-trigger{width:100%;color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 0;font-size:11px;display:flex}.export-advanced-trigger svg{transition:rotate .18s cubic-bezier(.2,0,0,1)}.export-advanced-trigger[aria-expanded=true] svg{rotate:180deg}.export-advanced .disclosure-motion-clip{padding-top:2px}.export-help{color:var(--muted);font-size:12px;line-height:1.7}.code-delivery{border:1px solid var(--line);background:#171321;border-radius:13px;grid-template-columns:190px minmax(0,1fr);min-height:300px;margin-top:20px;display:grid;overflow:hidden}.code-file-tree{background:#211a2e;border-right:1px solid #ffffff18;padding:14px 10px}.code-file-tree h3{color:#bdb2ce;letter-spacing:.08em;text-transform:uppercase;margin:0 8px 9px;font-size:10px;font-weight:800}.code-file-tree ul{margin:0;padding:0;list-style:none}.code-file-tree button{color:#dcd4e9;text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:36px;padding:7px 9px;font:11px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.code-file-tree button[aria-pressed=true]{color:#fff;background:#7950d5}.code-file-tree button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-file-tree button img{object-fit:contain;flex:none;width:16px;height:16px}.code-preview{flex-direction:column;min-width:0;display:flex}.code-preview-heading{color:#fff;border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;min-height:49px;padding:8px 12px 8px 16px;display:flex}.code-preview-heading strong{text-overflow:ellipsis;white-space:nowrap;font:11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.code-preview-heading button{color:#fff;background:#ffffff14;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:11px;display:inline-flex}.code-preview-heading button:hover{background:#fff2}.code-preview pre{color:#e8e2f0;scrollbar-color:#7655c6 #211a2e;scrollbar-width:thin;tab-size:2;white-space:pre;min-height:0;max-height:330px;margin:0;padding:16px;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.dialog-footer{border-top:1px solid var(--line);background:#fff;flex:none;justify-content:flex-end;align-items:center;gap:12px;padding:16px 32px;display:flex;box-shadow:0 -10px 24px #24163608}.dialog-footer .text-button{padding:10px;font-size:13px}.export-error{color:#b72e53;margin-top:12px;font-size:12px}.export-progress{width:100%;height:4px;accent-color:var(--purple)}.footer-status{min-width:0;margin-right:auto}.dialog-note{color:var(--muted);margin-right:auto;font-size:10px}@media (width>=1550px){.app-header{padding-inline:max(28px,50vw - 1072px)}.creation-workspace{grid-template-columns:clamp(370px,19vw,420px) minmax(0,1fr);width:100%;max-width:2200px;margin-inline:auto}.customizer{padding:32px clamp(28px,2vw,38px)}.choice{min-height:89px}.choice span{font-size:10px}.intro{margin-bottom:31px}.stage{padding:24px clamp(26px,2vw,40px) 30px}.mascot-hit .wobbi-mascot{width:clamp(410px,22vw,520px);max-height:52vh}.choice-section{margin-bottom:28px}}@media (width>=1900px){.reaction-heading,.reaction-grid{width:min(100%,1280px);margin-inline:auto}.reaction-grid{grid-template-columns:repeat(6,minmax(160px,205px));justify-content:center;gap:10px}}@media (width<=1150px){.github-cta{width:42px;padding:0}.github-cta span,.github-cta .lucide-star{display:none}.creation-workspace{grid-template-columns:310px minmax(0,1fr)}.customizer{padding:25px 18px}.stage{padding:12px}.mascot-hit .wobbi-mascot{width:295px}.reactions{padding:20px 16px}.reaction-grid{gap:6px}.reaction-tile{min-height:95px}.reaction-tile>span:last-child{font-size:10px}.reaction-tile svg{width:66px}}@media (width<=760px){.github-cta{display:none}.app-header{gap:3px;height:68px;padding:0 14px 0 4px}.brand-image{height:64px}.brand-image img{width:145px;height:60px}.app-header nav{gap:1px;margin-left:auto}.app-header .icon-button{width:40px;height:40px}.export-button{min-height:40px;margin-left:6px;padding:10px 12px;font-size:12px}.creation-workspace{flex-direction:column;height:auto;min-height:0;display:flex}.stage{order:0;padding:10px 10px 0;overflow:visible}.mascot-stage{min-height:315px}.mascot-center{min-height:195px}.mascot-hit .wobbi-mascot{width:220px;max-height:240px}.reactions{padding:17px 12px 12px}.reaction-heading h2{font-size:15px}.reaction-grid{scrollbar-width:thin;margin-top:-6px;padding:9px 2px 4px;display:flex;overflow-x:auto}.reaction-tile{min-width:78px;min-height:98px}.customizer{border:0;border-radius:16px;order:1;margin:10px;padding:27px 24px;overflow:visible}.customizer h1{font-size:24px}.choice{min-height:88px}.choice span{font-size:10px}.choice-section{margin-bottom:24px}.swatches{gap:13px}.picker-layout{grid-template-columns:minmax(0,1fr) 110px}.hex-controls{max-width:155px}.export-dialog{border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:94dvh;margin:0;animation:.22s cubic-bezier(.22,1,.36,1) export-sheet-in;position:fixed;inset:auto 0 0}.export-shell{height:94dvh;max-height:94dvh}.dialog-heading{padding:20px 18px 16px}.dialog-body{padding:16px 18px 22px}.dialog-heading h2{font-size:22px}.dialog-heading p{font-size:12px}.export-kinds{gap:8px}.export-kind{gap:8px;min-height:90px;padding:13px 10px}.export-kind>svg{width:23px;height:23px}.export-kind strong{font-size:12px}.export-kind small{font-size:10px}.export-options{grid-template-columns:1fr;gap:10px;margin-top:18px;padding-top:17px}.export-preview,.dialog-note{display:none}.dialog-footer{padding:12px 18px max(12px, env(safe-area-inset-bottom));gap:5px}.dialog-footer .primary{padding:11px 13px;font-size:12px}.color-targets{grid-template-columns:repeat(4,1fr)}.code-delivery{grid-template-columns:1fr}.code-file-tree{border-bottom:1px solid #ffffff18;border-right:0;overflow-x:auto}.code-file-tree ul{gap:4px;display:flex}.code-file-tree li{flex:none}.code-file-tree button{width:auto;max-width:180px}.code-preview pre{max-height:260px}}@keyframes export-sheet-in{0%{opacity:.7;transform:translateY(28px)}}@media (width<=480px){.brand-image img{width:124px}.export-button{width:40px;padding:0}.export-button span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}button:not(:disabled):active{scale:1}.export-dialog{animation:none}}@media (height<=760px) and (width>=761px){.creation-workspace{min-height:530px}.mascot-stage{min-height:275px}.mascot-center{min-height:180px}.mascot-hit .wobbi-mascot{width:260px;max-height:260px}.reactions{padding:17px 20px 12px}.reaction-tile{min-height:94px}.reaction-tile .wobbi-mascot{width:64px}}