#editor{--ground: radial-gradient(circle, rgb(255, 242, 249) 0%, rgb(232, 206, 224) 55%, rgb(168, 134, 160) 130%);--frills: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cpath transform='translate(34 40)' d='M0 -7Q0 0 7 0Q0 0 0 7Q0 0 -7 0Q0 0 0 -7Z' fill='%23ffffff' opacity='0.75'/%3E%3Cpath transform='translate(176 22)' d='M0 -4Q0 0 4 0Q0 0 0 4Q0 0 -4 0Q0 0 0 -4Z' fill='%23ffffff' opacity='0.6'/%3E%3Cpath transform='translate(118 120)' d='M0 -9Q0 0 9 0Q0 0 0 9Q0 0 -9 0Q0 0 0 -9Z' fill='%23ffffff' opacity='0.55'/%3E%3Cpath transform='translate(226 168)' d='M0 -6Q0 0 6 0Q0 0 0 6Q0 0 -6 0Q0 0 0 -6Z' fill='%23ffffff' opacity='0.7'/%3E%3Cpath transform='translate(58 206)' d='M0 -5Q0 0 5 0Q0 0 0 5Q0 0 -5 0Q0 0 0 -5Z' fill='%23d98ab9' opacity='0.35'/%3E%3Cpath transform='translate(150 236)' d='M0 -4Q0 0 4 0Q0 0 0 4Q0 0 -4 0Q0 0 0 -4Z' fill='%23ffffff' opacity='0.6'/%3E%3Cpath transform='translate(240 70)' d='M0 -3Q0 0 3 0Q0 0 0 3Q0 0 -3 0Q0 0 0 -3Z' fill='%23d98ab9' opacity='0.4'/%3E%3Cpath transform='translate(92 54) scale(1.3)' d='M0 3C-4-1-5-4-2.5-5.5S0-4 0-3C0-4 0.5-6 2.5-5.5S4-1 0 3Z' fill='%23d98ab9' opacity='0.3'/%3E%3Cpath transform='translate(200 116) scale(1.1)' d='M0 3C-4-1-5-4-2.5-5.5S0-4 0-3C0-4 0.5-6 2.5-5.5S4-1 0 3Z' fill='%23ffffff' opacity='0.55'/%3E%3Cpath transform='translate(28 140) scale(1.0)' d='M0 3C-4-1-5-4-2.5-5.5S0-4 0-3C0-4 0.5-6 2.5-5.5S4-1 0 3Z' fill='%23ffffff' opacity='0.5'/%3E%3Cpath transform='translate(176 196) scale(1.4)' d='M0 3C-4-1-5-4-2.5-5.5S0-4 0-3C0-4 0.5-6 2.5-5.5S4-1 0 3Z' fill='%23d98ab9' opacity='0.25'/%3E%3Ccircle cx='70' cy='96' r='1.6' fill='%23ffffff' opacity='0.7'/%3E%3Ccircle cx='150' cy='70' r='1.2' fill='%23ffffff' opacity='0.6'/%3E%3Ccircle cx='250' cy='230' r='1.5' fill='%23ffffff' opacity='0.6'/%3E%3Ccircle cx='100' cy='176' r='1.2' fill='%23d98ab9' opacity='0.35'/%3E%3Ccircle cx='12' cy='238' r='1.4' fill='%23ffffff' opacity='0.6'/%3E%3Ccircle cx='212' cy='8' r='1.1' fill='%23d98ab9' opacity='0.4'/%3E%3Ccircle cx='130' cy='10' r='1.3' fill='%23ffffff' opacity='0.5'/%3E%3C/svg%3E");--doodles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cg fill='none' stroke='%238d4d7c' stroke-opacity='.16' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='translate(30 34) rotate(-12) scale(1.1)' d='M0 8C-10 0-10-8-4-9C-1-9.5 0-7 0-6C0-7 1-9.5 4-9C10-8 10 0 0 8Z'/%3E%3Cpath transform='translate(112 26) rotate(8) scale(1)' d='M-10 6V-4L-5 1L0-8L5 1L10-4V6ZM-10 9H10'/%3E%3Cpath transform='translate(196 40) rotate(-6) scale(1)' d='M-9-3L-5-8H5L9-3L0 8ZM-9-3H9M-5-8L-2-3L0 8M5-8L2-3L0 8'/%3E%3Cpath transform='translate(286 30) rotate(10) scale(1)' d='M-8 0L-6 9H6L8 0ZM-9 0C-9-6-4-9 0-9C4-9 9-6 9 0ZM-3 0L-2 9M3 0L2 9M0-9V-12'/%3E%3Cpath transform='translate(340 80) rotate(-14) scale(0.9)' d='M0 0L-10-6V6ZM0 0L10-6V6ZM-1.8 0A1.8 1.8 0 1 0 1.8 0A1.8 1.8 0 1 0-1.8 0'/%3E%3Cpath transform='translate(70 98) rotate(20) scale(1)' d='M3-9A9 9 0 1 0 9 3A7 7 0 1 1 3-9Z'/%3E%3Cpath transform='translate(150 96) rotate(0) scale(0.8)' d='M0-10Q0 0 10 0Q0 0 0 10Q0 0-10 0Q0 0 0-10Z'/%3E%3Cpath transform='translate(240 104) rotate(-8) scale(1.15)' d='M-11 4C-6 4-3 0 2-2L9-5L10 1C6 1 3 4 2 8H-11ZM8.5 1L9.5 9'/%3E%3Cpath transform='translate(36 170) rotate(10) scale(1.05)' d='M0-6V7M0-2C-4-10-11-8-9-2C-8 1-3 1 0-1M0-2C4-10 11-8 9-2C8 1 3 1 0-1M0 1C-3 2-8 4-6 8C-4 10-1 6 0 3M0 1C3 2 8 4 6 8C4 10 1 6 0 3M0-6L-3-10M0-6L3-10'/%3E%3Cpath transform='translate(124 168) rotate(-10) scale(1)' d='M-6 6A3 2.4 0 1 0 0 6A3 2.4 0 1 0-6 6ZM0 6V-8L8-10V3M8 3A3 2.4 0 1 1 2 3A3 2.4 0 1 1 8 3M0-4L8-6'/%3E%3Cpath transform='translate(206 176) rotate(0) scale(1.05)' d='M3.6 -6.0A3.6 3.6 0 1 0 -3.6 -6.0A3.6 3.6 0 1 0 3.6 -6.0M6.8 1.6A3.6 3.6 0 1 0 4.6 -5.3A3.6 3.6 0 1 0 6.8 1.6M0.6 7.0A3.6 3.6 0 1 0 6.4 2.7A3.6 3.6 0 1 0 0.6 7.0M-6.4 2.7A3.6 3.6 0 1 0 -0.6 7.0A3.6 3.6 0 1 0 -6.4 2.7M-4.6 -5.3A3.6 3.6 0 1 0 -6.8 1.6A3.6 3.6 0 1 0 -4.6 -5.3M-2 0A2 2 0 1 0 2 0A2 2 0 1 0-2 0'/%3E%3Cpath transform='translate(292 166) rotate(18) scale(1)' d='M-3.5-1H3.5V9H-3.5ZM-2.5-1V-6L2.5-9V-1M-4.5 3H4.5'/%3E%3Cpath transform='translate(346 214) rotate(-8) scale(0.9)' d='M0.0 -10.0 L2.5 -3.5 L9.5 -3.1 L4.1 1.3 L5.9 8.1 L0.0 4.3 L-5.9 8.1 L-4.1 1.3 L-9.5 -3.1 L-2.5 -3.5Z'/%3E%3Cpath transform='translate(60 250) rotate(-14) scale(1)' d='M-6-2L0 10L6-2ZM-6-2A6 6 0 0 1 6-2M-3-6A3.5 3.5 0 0 1 3-6'/%3E%3Cpath transform='translate(148 244) rotate(4) scale(1.05)' d='M-9 5A4 4 0 0 1-8-3A6 6 0 0 1 3-6A5 5 0 0 1 9 2A3 3 0 0 1 8 6H-7A3 3 0 0 1-9 5Z'/%3E%3Cpath transform='translate(234 250) rotate(14) scale(0.85)' d='M0 8C-10 0-10-8-4-9C-1-9.5 0-7 0-6C0-7 1-9.5 4-9C10-8 10 0 0 8Z'/%3E%3Cpath transform='translate(312 290) rotate(10) scale(0.9)' d='M-9-3L-5-8H5L9-3L0 8ZM-9-3H9M-5-8L-2-3L0 8M5-8L2-3L0 8'/%3E%3Cpath transform='translate(22 316) rotate(0) scale(0.7)' d='M0-10Q0 0 10 0Q0 0 0 10Q0 0-10 0Q0 0 0-10Z'/%3E%3Cpath transform='translate(100 322) rotate(-10) scale(0.9)' d='M-10 6V-4L-5 1L0-8L5 1L10-4V6ZM-10 9H10'/%3E%3Cpath transform='translate(186 326) rotate(12) scale(1)' d='M0 0L-10-6V6ZM0 0L10-6V6ZM-1.8 0A1.8 1.8 0 1 0 1.8 0A1.8 1.8 0 1 0-1.8 0'/%3E%3Cpath transform='translate(268 336) rotate(-18) scale(0.85)' d='M3-9A9 9 0 1 0 9 3A7 7 0 1 1 3-9Z'/%3E%3Cpath transform='translate(344 346) rotate(10) scale(0.7)' d='M0.0 -10.0 L2.5 -3.5 L9.5 -3.1 L4.1 1.3 L5.9 8.1 L0.0 4.3 L-5.9 8.1 L-4.1 1.3 L-9.5 -3.1 L-2.5 -3.5Z'/%3E%3C/g%3E%3C/svg%3E");--bar: repeating-linear-gradient(#f1cfe4 0 3px, #e8bfd8 3px 6px);--bar-sheen: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .16) 48%, rgba(150, 90, 130, .1) 52%, rgba(120, 60, 105, .2));--bar-under: rgba(110, 50, 95, .5);--ink: #3a1d47;--soft: #7b6283;--line: #ecd6e6;--glass: rgba(255, 255, 255, .8);--glass-edge: rgba(255, 255, 255, .95);--pink: #e23d97;--pink-dark: #b81f74;--pink-soft: #ffe1f1;--lilac: #b8a3ef;--display: "Smooch Sans", "Arial Narrow", sans-serif;--body: "Nunito", "Trebuchet MS", Arial, sans-serif;--curve: polygon(0 0, 100% 0, 100% calc(100% - 14px) , 95.8% calc(100% - 11.8px) , 91.7% calc(100% - 9.7px) , 87.5% calc(100% - 7.9px) , 83.3% calc(100% - 6.2px) , 79.2% calc(100% - 4.8px) , 75% calc(100% - 3.5px) , 70.8% calc(100% - 2.4px) , 66.7% calc(100% - 1.6px) , 62.5% calc(100% - .9px) , 58.3% calc(100% - .4px) , 54.2% calc(100% - .1px) , 50% calc(100% + -0px) , 45.8% calc(100% - .1px) , 41.7% calc(100% - .4px) , 37.5% calc(100% - .9px) , 33.3% calc(100% - 1.6px) , 29.2% calc(100% - 2.4px) , 25% calc(100% - 3.5px) , 20.8% calc(100% - 4.8px) , 16.7% calc(100% - 6.2px) , 12.5% calc(100% - 7.9px) , 8.3% calc(100% - 9.7px) , 4.2% calc(100% - 11.8px) , 0% calc(100% - 14px) );min-height:100vh;color:var(--ink);font:600 15px/1.45 var(--body);background:var(--frills) 0 0 / 260px 260px fixed,var(--doodles) 40px 20px / 360px 360px fixed,var(--ground) fixed}body{margin:0;background:#e8cee0}html:has(#editor),body:has(#editor){height:auto}body:has(#editor) #page{height:auto;overflow:visible}#editor *,#editor *:before,#editor *:after{box-sizing:border-box}#editor [hidden]{display:none!important}#editor :focus-visible{outline:3px solid var(--pink);outline-offset:2px}#editor h1,#editor h2{margin:0;font-family:var(--display);font-weight:800;letter-spacing:.01em;line-height:1;color:var(--ink);text-wrap:balance}#editor glig-icon{width:17px;margin:0}#editor .bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:9px 22px 20px;filter:drop-shadow(0 1px 0 var(--bar-under)) drop-shadow(0 4px 4px rgba(60,20,50,.22)) drop-shadow(0 14px 16px rgba(60,20,50,.24))}#editor .bar:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.5),transparent 2px),var(--bar-sheen),var(--frills) 0 0 / 200px 200px,var(--bar);clip-path:var(--curve)}#editor .brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;font:800 2rem/1 var(--display);letter-spacing:.05em}#editor .brand .word{background:linear-gradient(#fff 30%,#f6e3ef);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #8b4f78) drop-shadow(0 1px 0 #7a4269) drop-shadow(0 3px 3px rgba(60,15,45,.4))}#editor .gem{position:relative;width:24px;height:24px;transform:rotate(45deg);border-radius:6px;background:conic-gradient(from 20deg,#ff9bd2,#fff,#c7b4ff,#ff5fae,#fff2b0,#ff9bd2);box-shadow:inset 0 0 0 1.5px #ffffffb3,0 2px 4px #5a1e4659}#editor .gem:after{content:"";position:absolute;right:-9px;top:-9px;width:14px;height:14px;background:#fff;transform:rotate(-45deg);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 3px #ffd1ec)}#editor .name{display:inline-flex;align-items:center;padding-left:16px;border-left:1px solid rgba(122,66,105,.3);font:800 1.7rem/1 var(--display);letter-spacing:.03em;white-space:nowrap}#editor .name .title{background:linear-gradient(100deg,#b5146a,#e2378f 38%,#f07ab8 50%,#c47a10 68%,#b02f73);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #ffffff) drop-shadow(0 2px 2px rgba(110,30,80,.35))}#editor .pill{margin-left:10px;padding:3px 10px 4px;border-radius:999px;background:linear-gradient(#fff,#ffe0f0 60%,#ffc9e6);box-shadow:inset 0 1px #fff,0 0 0 1px #f3a7d0,0 2px 4px #a01e6433;color:var(--pink-dark);font:800 11px/1.3 var(--body);letter-spacing:.02em}#editor .space{flex:1}#editor .site{display:flex;gap:6px;margin-left:6px}#editor .site a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;border-radius:999px;text-decoration:none;white-space:nowrap;color:var(--ink);font:800 13.5px/1.2 var(--body);background:linear-gradient(#ffffffeb,#ffe9f5cc);box-shadow:inset 0 1px #fff,0 0 0 1px #dea0c8cc,0 2px 4px #78285a24}#editor .site a glig-icon{width:17px;color:var(--pink)}#editor .site a:hover{color:var(--pink-dark);box-shadow:inset 0 1px #fff,0 0 0 1.5px var(--pink),0 3px 8px #a01e6438}#editor .back{color:var(--ink);font-size:14px;white-space:nowrap;text-underline-offset:2px}#editor .back:hover{color:var(--pink-dark)}#editor .back .short{display:none}@media(max-width:1100px){#editor .back .long{display:none}#editor .back .short{display:inline}}#editor .bar .over{padding:7px 13px;white-space:nowrap;flex:none}#editor .bar .primary,#editor .bar .brand{flex:none}#editor .bar .name{min-width:0}@media(max-width:1500px){#editor .site a:nth-child(n+3){display:none}}@media(max-width:1180px){#editor .site{display:none}}@media(max-width:1200px){#editor .pill,#editor .bar .over span{display:none}}#editor button,#editor .button{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid #ebbfd8;border-radius:999px;background:linear-gradient(#fff,#fff5fa 46%,#ffe4f1 54%,#fff0f7);color:var(--ink);cursor:pointer;text-decoration:none;font:700 14px/1.2 var(--body);box-shadow:inset 0 1px #fff,inset 0 -1px #e23d9714,0 2px 4px #a01e6421;transition:box-shadow .15s,border-color .15s}#editor button:hover,#editor .button:hover{border-color:#e48bbd;box-shadow:inset 0 1px #fff,0 3px 8px #a01e6438}#editor button:active,#editor .button:active{box-shadow:inset 0 2px 4px #a01e6433}#editor button:disabled{opacity:.45;cursor:default}#editor .primary{border:1px solid #c42a80;border-radius:999px;color:#fff;text-shadow:0 1px 1px rgba(120,10,70,.45);background:linear-gradient(#ff8fc7 0,#f562ad 48%,#e23d97 52%,#ef5aa6);box-shadow:inset 0 1px #ffffff8c,0 2px 5px #a01e6459}#editor .primary:hover{border-color:#a61f6c;background:linear-gradient(#ff80bf 0,#ee52a2 48%,#d2318a 52%,#e24f9b)}#editor .bar .primary{padding:9px 18px;font-size:15px}#editor .plain{border-color:transparent;background:transparent;box-shadow:none;color:var(--soft);padding-left:0}#editor button.on:not(.swatch){border-color:#c42a80;color:#fff;text-shadow:0 1px 1px rgba(120,10,70,.45);background:linear-gradient(#ff8fc7 0,#f562ad 48%,#e23d97 52%,#ef5aa6);box-shadow:inset 0 1px #ffffff8c,0 2px 5px #a01e644d}#editor .work{display:grid;grid-template-columns:88px minmax(0,1fr) 330px;align-items:start;gap:18px;padding:16px 20px 30px}#editor .work:has(.toolbox[hidden]){grid-template-columns:minmax(0,1fr)}#editor .stage{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}#editor .toolbox{position:sticky;top:86px;display:flex;flex-direction:column;gap:3px;padding:7px;border-radius:20px;background:linear-gradient(170deg,#ffffffbf,#ffffff4d 42%,#ffe4f340 44%,#ffffff1a),var(--frills) 0 0 / 150px 150px,linear-gradient(#fffafd,#fbe8f3);box-shadow:inset 0 1px #fff,inset 0 0 0 1px var(--glass-edge),0 0 0 1px #e8b4d473,0 14px 30px -18px #5a28508c}#editor .toolbox button{flex-direction:column;justify-content:center;gap:3px;min-height:56px;padding:6px 4px;border-color:transparent;border-radius:14px;background:transparent;box-shadow:none;font-size:11.5px;line-height:1.1;text-align:center}#editor .toolbox button glig-icon{width:24px}#editor .toolbox button:hover{background:linear-gradient(#fff,#fff5fa 46%,#ffe4f1 54%,#fff0f7);border-color:#ebbfd8}#editor .toolbox button.on:not(.swatch){border-radius:14px}#editor .toolbox button.on glig-icon{color:#fff;filter:drop-shadow(0 1px 1px rgba(120,10,70,.4))}#editor .panel [data-panel]:not([hidden]){animation:panel-in .22s ease-out}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#editor .panel [data-panel]:not([hidden]){animation:none}}#editor .frame{display:flex;height:max(340px,calc(100vh - 140px));overflow:hidden;padding:40px 30px 30px;border-radius:20px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.3) 0 1.5px,transparent 1.5px 14px),repeating-linear-gradient(135deg,rgba(255,255,255,.3) 0 1.5px,transparent 1.5px 14px),linear-gradient(#ecdbe6,#e0cbd9);box-shadow:inset 0 6px 18px #46143c6b,inset 0 1px 4px #46143c59,inset 0 -2px 8px #ffffff59,0 1px #fffc;overscroll-behavior:contain}#editor .sheet{position:relative;margin:auto;flex:none;touch-action:none;cursor:grab;background:repeating-conic-gradient(#f6e6f0 0% 25%,#fff 0% 50%) 0 0 / 16px 16px;box-shadow:0 0 0 1px #46193c59,0 0 0 4px #ffffff8c,0 14px 34px -6px #3c0f3280}#editor .sheet .size{position:absolute;left:-1px;bottom:calc(100% + 7px);padding:2px 8px;border-radius:7px;pointer-events:none;white-space:nowrap;background:#3a1d47c7;color:#fff;font:800 11.5px/1.4 var(--body);font-variant-numeric:tabular-nums}#editor .sheet[data-tool=pen],#editor .sheet[data-tool=fill],#editor .sheet[data-tool=sparkles],#editor .sheet[data-tool=shapes]{cursor:crosshair}#editor .sheet[data-tool=text]{cursor:text}#editor .sheet[data-tool=move]{cursor:move}#editor .float{position:absolute;right:12px;bottom:12px;z-index:3;display:flex;gap:8px;align-items:center;pointer-events:none}#editor .viewport{position:relative}#editor .float>*{pointer-events:auto}#editor .float .zoom{display:inline-flex;gap:3px;padding:4px;border-radius:14px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge),0 6px 16px -8px #5a285080}#editor .float button{padding:6px 10px}#editor .float .level{min-width:62px;justify-content:center;font-variant-numeric:tabular-nums}#editor .edge{position:absolute;display:none;z-index:2;width:16px;height:16px;border-radius:50%;background:#fff;border:2.5px solid var(--lilac);box-shadow:0 1px 4px #5a285066;touch-action:none}#editor .sheet[data-tool=move] .edge{display:block}#editor .sheet[data-tool=move]{outline:1.5px dashed var(--lilac);outline-offset:3px}#editor .edge.right{right:-9px;top:50%;margin-top:-8px;cursor:ew-resize}#editor .edge.bottom{bottom:-9px;left:50%;margin-left:-8px;cursor:ns-resize}#editor .edge.corner{right:-9px;bottom:-9px;cursor:nwse-resize}@media(pointer:coarse){#editor .edge{width:26px;height:26px}#editor .edge.right{right:-14px;margin-top:-13px}#editor .edge.bottom{bottom:-14px;margin-left:-13px}#editor .edge.corner{right:-14px;bottom:-14px}}#editor .sheet canvas.picture{position:relative;display:block}#editor .sheet canvas.ghost{position:absolute;display:block}#editor .sheet canvas.ghost[hidden]{display:none}#editor .sheet canvas.pixels{image-rendering:pixelated}#editor .box{position:absolute;border:1.5px dashed #ffffff;outline:1.5px dashed var(--pink);pointer-events:none;transform-origin:50% 50%}#editor .box span{position:absolute;width:18px;height:18px;border-radius:50%;pointer-events:auto;touch-action:none;background:#fff;border:2.5px solid var(--pink);box-shadow:0 1px 4px #5a285066}#editor .box .grow{right:-10px;bottom:-10px;cursor:nwse-resize}#editor .box.group{border-style:solid;outline-color:var(--lilac)}#editor .band{position:absolute;z-index:5;border:1.5px dashed var(--pink);background:#e23d971a;pointer-events:none}#editor .tip{position:absolute;z-index:6;padding:7px 12px;border-radius:12px;pointer-events:none;transform:translate(-50%,-50%);background:var(--ink);color:#fff;font:800 13px/1.2 var(--body);white-space:nowrap;box-shadow:0 6px 16px #280a2359;opacity:1;transition:opacity .5s ease}#editor .tip.gone{opacity:0}#editor .tip .arrow{position:absolute;width:0;height:0;transform:rotate(var(--to, 0rad))}#editor .tip .arrow i{position:absolute;left:-14px;top:-9px;width:30px;height:18px;background:var(--pink);clip-path:polygon(0 34%,55% 34%,55% 0,100% 50%,55% 100%,55% 66%,0 66%);filter:drop-shadow(0 0 1px #ffffff);animation:tip-nudge .7s ease-in-out 3}@keyframes tip-nudge{50%{transform:translate(7px)}}@media(prefers-reduced-motion:reduce){#editor .tip .arrow i{animation:none}}#editor .selbar{position:absolute;z-index:4;display:flex;gap:3px;padding:3px;border-radius:12px;transform:translate(-50%);background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge),0 6px 16px -6px #5a28508c}#editor .selbar button{padding:5px 7px}#editor .selbar button glig-icon{width:16px}#editor .caret{position:absolute;width:3px;border-radius:2px;background:var(--pink);box-shadow:0 0 0 1px #fff,0 0 6px #e23d9799;pointer-events:none;animation:caret 1.06s steps(1) infinite}@keyframes caret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){#editor .caret{animation:none}}#editor .pbox{position:absolute;border:1.5px dashed #ffffff;outline:1.5px dashed var(--lilac);pointer-events:none;transform-origin:50% 50%}#editor .pbox .pgrow{right:-10px;bottom:-10px}#editor .pbox .pturn{left:50%;top:-34px;margin-left:-9px;cursor:grab}#editor .pbox .pturn:after{content:"";position:absolute;left:50%;top:15px;width:1.5px;height:16px;margin-left:-1px;background:var(--lilac)}#editor .pbox span{position:absolute;width:18px;height:18px;border-radius:50%;pointer-events:auto;touch-action:none;cursor:nwse-resize;background:#fff;border:2.5px solid var(--lilac);box-shadow:0 1px 4px #5a285066}#editor .box .turn{left:50%;top:-34px;margin-left:-9px;cursor:grab}#editor .box .turn:after{content:"";position:absolute;left:50%;top:15px;width:1.5px;height:16px;margin-left:-1px;background:var(--pink)}@media(pointer:coarse){#editor .box span,#editor .pbox span{width:28px;height:28px}#editor .pbox .pgrow{right:-15px;bottom:-15px}#editor .pbox .pturn{top:-46px;margin-left:-14px}#editor .pbox .pturn:after{top:24px;height:20px}#editor .box .grow{right:-15px;bottom:-15px}#editor .box .turn{top:-46px;margin-left:-14px}#editor .box .turn:after{top:24px;height:20px}}#editor .hint,#editor .about{margin:0;color:var(--soft);font-size:13px;text-align:center}#editor .about{font-variant-numeric:tabular-nums}#editor .start{width:100%;max-width:960px;margin:24px auto;padding:32px 28px;border-radius:24px;text-align:center;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge),0 18px 40px -20px #5a28508c}#editor .start h1{margin-bottom:8px;font-size:3rem}#editor .start p{margin:0 0 22px;color:var(--soft)}#editor .choices{display:flex;flex-wrap:wrap;gap:8px}#editor .start .choices{justify-content:center}#editor .start .choices>*{padding:11px 16px;font-size:15px}#editor .panel{display:flex;flex-direction:column;gap:12px}#editor .panel section{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;border-radius:18px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge),0 10px 26px -16px #5a285080}#editor .panel h2{font-size:1.55rem}#editor .panel h3{margin:4px 0 -2px;font:800 1.2rem/1 var(--display);color:var(--ink)}#editor .panel{position:sticky;top:86px;max-height:calc(100vh - 100px);overflow-y:auto;padding-bottom:4px}#editor .measure{display:flex;align-items:end;gap:8px;font-size:13px;color:var(--soft)}#editor .measure label{display:flex;flex-direction:column;gap:3px}#editor .measure span{padding-bottom:8px}#editor .measure input{width:86px;padding:6px 8px;border:1px solid #e3cbe0;border-radius:10px;font:700 15px/1.2 var(--body);color:var(--ink);background:#fffbfd;font-variant-numeric:tabular-nums}#editor .layers{display:flex;flex-wrap:wrap;gap:6px}#editor .layers button{padding:5px 10px;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#editor textarea{width:100%;padding:10px 12px;border:1px solid #e3cbe0;border-radius:12px;resize:vertical;font-family:var(--body);font-weight:600;font-size:16px;line-height:1.35;color:var(--ink);background:#fffbfd}#editor textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px var(--pink-soft)}#editor .fonts,#editor .sizes,#editor .formats,#editor .row,#editor .kinds,#editor .shapes{display:flex;flex-wrap:wrap;gap:6px}#editor .kinds button,#editor .shapes button{padding:5px 10px;font-size:13px}#editor .item-controls{display:flex;flex-direction:column;gap:10px}#editor .motions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}#editor .motions .label{margin-right:4px;color:var(--soft);font-size:13px}#editor .motions button{padding:5px 10px;font-size:13px}#editor .fonts button{padding:5px 10px;font-size:16px}#editor .fonts button[data-font=pixel]{font-size:10px}#editor .sizes button,#editor .formats button{padding:5px 10px;font-size:13px}#editor .swatches{display:flex;flex-wrap:wrap;align-items:center;gap:7px}#editor .swatches .label{margin-right:4px;color:var(--soft);font-size:13px}#editor .swatch{width:28px;height:28px;padding:0;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 1px #e3cbe0}#editor .swatch.on{box-shadow:0 0 0 2.5px var(--pink)}#editor [data-glitter=pink],#editor [data-pen=pink],#editor [data-border=pink],#editor [data-fillg=pink],#editor [data-bgglitter=pink]{background:radial-gradient(circle at 35% 30%,#ffd2ea,#ff4f9e 55%,#b0124f)}#editor [data-glitter=gold],#editor [data-pen=gold],#editor [data-border=gold],#editor [data-fillg=gold],#editor [data-bgglitter=gold]{background:radial-gradient(circle at 35% 30%,#fff3b8,#d9a21f 55%,#7a4d00)}#editor [data-glitter=silver],#editor [data-pen=silver],#editor [data-border=silver],#editor [data-fillg=silver],#editor [data-bgglitter=silver]{background:radial-gradient(circle at 35% 30%,#fff,#c3c8d2 55%,#666c78)}#editor [data-glitter=purple],#editor [data-pen=purple],#editor [data-border=purple],#editor [data-fillg=purple],#editor [data-bgglitter=purple]{background:radial-gradient(circle at 35% 30%,#ecdfff,#9d68ff 55%,#4e2190)}#editor [data-glitter=blue],#editor [data-pen=blue],#editor [data-border=blue],#editor [data-fillg=blue],#editor [data-bgglitter=blue]{background:radial-gradient(circle at 35% 30%,#d8edff,#4a9dff 55%,#0f4597)}#editor [data-glitter=green],#editor [data-pen=green],#editor [data-border=green],#editor [data-fillg=green],#editor [data-bgglitter=green]{background:radial-gradient(circle at 35% 30%,#dcffe7,#45c96f 55%,#16692f)}#editor [data-glitter=red],#editor [data-pen=red],#editor [data-border=red],#editor [data-fillg=red],#editor [data-bgglitter=red]{background:radial-gradient(circle at 35% 30%,#ffd6da,#f23446 55%,#8e0c1b)}#editor [data-glitter=rainbow],#editor [data-pen=rainbow],#editor [data-border=rainbow],#editor [data-fillg=rainbow],#editor [data-bgglitter=rainbow],#editor [data-spark=rainbow]{background:conic-gradient(#ff5d5d,#ffc94d,#7be07b,#5ab8ff,#b07cff,#ff5d5d)}#editor [data-edge=auto]{background:linear-gradient(135deg,#5e0a31 50%,#3d2600 50%)}#editor [data-edge=white],#editor [data-spark=white]{background:#fff}#editor [data-edge=black]{background:#140a14}#editor [data-edge=plum]{background:#3a1d47}#editor [data-edge=gold]{background:#b8860b}#editor [data-spark=gold]{background:#ffd65c}#editor [data-spark=pink]{background:#ff8fc8}#editor [data-spark=blue]{background:#9fd4ff}#editor .range{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:10px;font-size:14px;color:var(--soft)}#editor input[type=range]{width:100%;accent-color:var(--pink)}#editor .check{display:flex;align-items:center;gap:8px;font-size:14px}#editor .check input{width:17px;height:17px;accent-color:var(--pink)}#editor .note{margin:0;font-size:13px;color:var(--soft)}#editor .out .row .primary{padding:10px 20px;font-size:15px}#editor .status{margin:0;min-height:1.2em;font-size:13px;color:var(--ink)}#editor .status.bad{color:#b3123d}#editor .picker{display:flex;flex-direction:column;gap:12px;margin-top:22px;text-align:left}#editor .picker .row{align-items:center}#editor .picker .orders{display:inline-flex;gap:6px}#editor .picker .find{flex:1;display:flex;min-width:220px}#editor .picker .find input{flex:1;min-width:0;padding:8px 14px;border:1px solid #ebbfd8;border-right:0;border-radius:999px 0 0 999px;font:600 14px/1.2 var(--body);color:var(--ink);background:#fffbfd;outline:none}#editor .picker .find input:focus{border-color:var(--pink)}#editor .picker .find button{border-radius:0 999px 999px 0}#editor .picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}#editor button.pick{aspect-ratio:1;padding:6px;border-radius:16px;justify-content:center;overflow:hidden}#editor .pick img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-drag:none;user-select:none}#editor .picker [data-act=more]{align-self:center}#editor .chooser{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#320f2d8c}#editor .chooser .card{width:min(900px,100%);max-height:88vh;overflow-y:auto;padding:16px 18px 20px;border-radius:22px;background:#fffafd;box-shadow:0 20px 50px #1e051980}#editor .chooser .card>.row{align-items:center}#editor .chooser .picker{margin-top:8px}#editor .row .space{flex:1}#editor .sheet .outline{position:absolute;left:0;top:0;z-index:5;display:flex;align-items:flex-end;justify-content:flex-end;padding:4px 6px;border:2px dashed var(--pink);background:#ffd2eb2e;pointer-events:none;color:var(--pink-dark);font:800 12px/1 var(--body);font-variant-numeric:tabular-nums}#editor .sheet[data-tool=eraser]{cursor:cell}#editor .dragging{position:fixed;left:0;top:0;z-index:60;width:72px;height:72px;object-fit:contain;pointer-events:none;opacity:.9;filter:drop-shadow(0 6px 10px rgba(60,10,50,.35))}#editor .sheet.drop{outline:3px dashed var(--pink);outline-offset:4px}#editor .bgpop{position:absolute;right:12px;bottom:64px;z-index:7;display:flex;flex-direction:column;gap:9px;width:min(320px,calc(100% - 24px));padding:12px 14px 14px;border-radius:18px;background:#fffafd;box-shadow:inset 0 0 0 1px #f1d6e7,0 14px 34px -8px #3c0f3273}#editor .bgpop .row{align-items:center}#editor .bgpop b{font:800 1.2rem/1 var(--display)}#editor .bg-presets{display:flex;flex-wrap:wrap;gap:7px}#editor .color{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--soft)}#editor .color input{width:40px;height:30px;padding:0;border:1px solid #e3cbe0;border-radius:8px;background:#fff;cursor:pointer}#editor .camera{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#320f2d99}#editor .camera .card{display:flex;flex-direction:column;gap:12px;width:min(680px,100%);padding:14px;border-radius:22px;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-edge),0 20px 50px #1e051980}#editor .camera video{width:100%;max-height:70vh;border-radius:14px;background:#1c0f1c;object-fit:contain}#editor .camera video.mirror{transform:scaleX(-1)}#editor .camera .row{justify-content:center}@media(max-width:860px){#editor .work,#editor .work:has(.toolbox[hidden]){grid-template-columns:1fr;padding:12px 12px 32px;gap:12px}#editor .frame{height:52vh;padding:30px 14px 14px;border-radius:16px}#editor .toolbox{position:static;order:2;flex-direction:row;overflow-x:auto;scrollbar-width:none}#editor .toolbox{gap:2px;padding:5px;border-radius:16px}#editor .toolbox button{flex:1 0 50px;min-height:54px;padding:6px 2px;font-size:10.5px}#editor .toolbox button glig-icon{width:22px}#editor .stage{order:1}#editor .panel{order:3;position:static;max-height:none;overflow:visible}#editor .bar{gap:10px;padding:8px 14px 18px}#editor .brand .word,#editor .pill,#editor .back{display:none}#editor .name{padding-left:10px;font-size:1.35rem}#editor .start h1{font-size:2.3rem}#editor .picks{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}#editor .start{padding:24px 14px}}@media(max-width:420px){#editor .bar .primary span{display:none}#editor .float button{padding:6px 8px}}