:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e9f4ff;--ice:#e3f2fa;--screen:#0e1e2b;--led:#34baff;--tray:#46679e;--selection:#a8ef41;background:#080b15;font-family:Lucida Grande,Trebuchet MS,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #ffdd4a}[hidden]{display:none!important}#app{place-items:center;width:100dvw;height:100dvh;display:grid;overflow:hidden}#viewport{position:relative}#studio{isolation:isolate;transform-origin:0 0;background:radial-gradient(at 62% 46%,#2e3f63,#0c1023 73%);width:1024px;height:768px;position:relative;overflow:hidden}.chrome{pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0}#paint-chrome{background-position:0 100%;background-size:1015px 758px}#surface{touch-action:none;background:#fff;width:720px;height:542px;position:absolute;top:67px;left:164px;overflow:hidden}#paper-canvas,#objects,#foreground,#backdrop,#scene-effects{width:100%;height:100%;position:absolute;inset:0}#paper-canvas{cursor:crosshair;touch-action:none}#objects,#scene-effects,#foreground,#backdrop{pointer-events:none}#scene-effects{z-index:4}#foreground,#backdrop{object-fit:fill}#foreground{z-index:3}#objects{z-index:2}.scene-object{touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #0000;position:absolute}.scene-object img,.scene-object video{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.scene-object.is-selectable{pointer-events:auto;cursor:grab}.scene-object.is-selected{border:1px dashed #37b8ff;box-shadow:0 0 0 1px #fff9}.scene-object .object-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.16}.scene-object .resize-object{cursor:nwse-resize;background:#2b96df;border:1px solid #fff;width:13px;height:13px;position:absolute;bottom:-5px;right:-5px}.object-text[contenteditable=true]{cursor:text}.hit{color:inherit;background:0 0;border:0;border-radius:12px;padding:0;position:absolute}.hit:hover{box-shadow:inset 0 0 0 2px #c3efff9c,0 0 8px #62cbff72}.hit[aria-pressed=true].side{box-shadow:inset 0 0 0 2px #e1f3ac,0 0 6px #adf23f}.hit[aria-pressed=true].tray-hit{outline-offset:-5px;outline:2px solid #d9f498bd}#hit-layer,#tray-buttons{pointer-events:none;position:absolute;inset:0}#hit-layer>*,#tray-buttons>*{pointer-events:auto}#picture-title{text-align:center;letter-spacing:.02em;width:282px;height:35px;color:var(--led);background:0 0;border:0;font-size:15px;font-weight:800;position:absolute;top:19px;left:382px}#tray-art{object-fit:fill;pointer-events:none;width:817px;height:168px;position:absolute;top:608px;left:113px}#tray-bed{border:4px ridge var(--ice);background:linear-gradient(155deg,#9ab3e5,#435d8e);border-radius:26px;width:772px;height:102px;position:absolute;top:632px;left:134px}#library-tray{background:linear-gradient(145deg,#9bb4e9,#4e70a5 48%,#385787);border:5px ridge #dae8eb;border-radius:28px;align-items:center;gap:12px;width:775px;height:116px;padding:10px 13px;display:flex;position:absolute;top:630px;left:138px;box-shadow:inset 0 1px 4px #132945,0 6px 13px #06101ac2}.tray-categories{flex:0 0 173px;gap:7px;width:173px;display:grid}.tray-categories label{color:#142d4a;font-size:13px;font-weight:800}select,.pill,.tray-categories button{color:#093e66;background:linear-gradient(#f5feff,#b9d9eb);border:1px solid #39547d;border-radius:7px;padding:4px 7px}select{min-width:0}#library-items{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.asset-tile{color:#0d2c4e;background:#ebedff;border:2px solid #8e7ce8;border-radius:3px;grid-template-rows:58px 18px;place-items:center;width:81px;min-width:0;padding:2px;display:grid}.asset-tile:hover,.asset-tile[aria-pressed=true]{border-color:#fc662e;box-shadow:0 0 0 1px #812a36}.asset-tile img{object-fit:contain;width:100%;height:57px}.asset-tile span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.tray-pager{background:var(--screen);width:43px;color:var(--led);border-radius:16px;flex:0 0 43px;justify-items:center;gap:1px;padding:4px;font-size:11px;display:grid}.tray-pager button{color:var(--led);background:0 0;border:0;width:100%;font-size:18px;line-height:24px}#color-button{border-radius:50%;width:102px;height:94px;top:663px;left:20px}#color-chip{background:var(--paint-color,#ff2881);filter:drop-shadow(1px 2px 2px #081026);position:absolute;inset:23px 25px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 48'%3E%3Cpath d='M12 16Q3 12 6 7Q9 3 16 10L20 12Q22 11 20 5Q24 -3 29 4L30 12Q33 13 36 6Q45 1 46 9L40 17Q41 20 48 17Q55 20 50 26L43 28Q43 33 49 35Q52 42 43 43L34 37Q31 39 33 45Q27 52 24 44L24 38Q20 36 15 44Q6 46 6 39L13 32Q12 29 5 32Q-2 32 0 26L10 23Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 48'%3E%3Cpath d='M12 16Q3 12 6 7Q9 3 16 10L20 12Q22 11 20 5Q24 -3 29 4L30 12Q33 13 36 6Q45 1 46 9L40 17Q41 20 48 17Q55 20 50 26L43 28Q43 33 49 35Q52 42 43 43L34 37Q31 39 33 45Q27 52 24 44L24 38Q20 36 15 44Q6 46 6 39L13 32Q12 29 5 32Q-2 32 0 26L10 23Z'/%3E%3C/svg%3E") 50%/contain no-repeat}#palette{z-index:6;border:4px ridge var(--ice);background:#557ca9;border-radius:17px;width:218px;padding:10px;position:absolute;bottom:105px;left:21px;box-shadow:0 5px 18px #080d21}.swatches{grid-template-columns:repeat(12,1fr);gap:1px;display:grid}.swatches button{aspect-ratio:1;background:var(--swatch);border:1px solid #163149;width:100%}.palette-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}#menu{z-index:7;pointer-events:none;align-items:start;gap:2px;width:100%;display:flex;position:absolute;top:0;left:0}#menu>*{pointer-events:auto}#menu-trigger{color:#c7efff;background:#091629bb;border:0;width:30px;height:16px;margin-left:230px;padding:0;font-size:10px}#menu-items{color:#122139;background:#e5eff4;border-radius:0 0 7px 7px;align-items:start;gap:2px;padding:2px 6px;display:flex;box-shadow:0 4px 13px #0008}#menu details{font-size:13px;position:relative}#menu summary{cursor:pointer;padding:3px 10px;list-style:none}#menu summary::-webkit-details-marker{display:none}#menu details>div{color:#0f2844;background:#e5eff4;min-width:170px;padding:4px;position:absolute;top:100%;left:0;box-shadow:0 5px 12px #0007}#menu details button{text-align:left;width:100%;color:inherit;white-space:nowrap;background:0 0;border:0;padding:5px 8px;display:block}#menu details button:hover{color:#fff;background:#24497c}#status{z-index:7;text-align:center;color:#dff5ff;pointer-events:none;background:#0b203be8;border-radius:10px;padding:8px 15px;font-size:14px;position:absolute;top:78px;left:245px;right:245px}#dialog{border:6px ridge var(--ice);color:#fff;background:linear-gradient(145deg,#7293c0,#355689);border-radius:24px;width:430px;max-width:90vw;padding:22px;box-shadow:0 16px 50px #010712c9}#dialog::backdrop{background:#070e20aa}#dialog h2{margin:0 0 12px;font-size:23px}#dialog p{line-height:1.5}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dialog-actions button{color:#58c8ff;border:2px ridge var(--ice);background:#101e30;border-radius:24px;padding:7px 13px}#slides{position:absolute;inset:0}#slide-chrome{background-size:1024px 768px}#slide-title{text-align:center;background:var(--screen);width:192px;color:var(--led);border:0;border-radius:4px;padding:6px;font-weight:800;position:absolute;top:40px;left:296px}#slide-grid{grid-template-columns:repeat(4,101px);grid-auto-rows:112px;gap:24px 17px;display:grid;position:absolute;top:185px;left:170px}.slide-card{color:#122537;text-align:center;background:linear-gradient(#dbebf3,#93a9b8);border:4px ridge #c9d9e0;border-radius:10px;padding:6px 6px 3px;position:relative;overflow:hidden;box-shadow:0 2px 5px #141928}.slide-card[aria-pressed=true]{background:linear-gradient(#c0ef75,#78b339)}.slide-card img,.slide-card .slide-placeholder{object-fit:cover;background:repeating-conic-gradient(#283d5d 0% 25%,#30486c 0% 50%) 50%/6px 6px;width:100%;height:73px;display:block}.slide-card small{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;display:block;overflow:hidden}.slide-card b{background:#c1d3dc;border-radius:3px;padding:0 4px;font-size:11px;position:absolute;top:0;left:3px}#playback{z-index:5;background:#000;place-items:center;display:grid;position:absolute;inset:67px 140px 159px 164px}#playback img{object-fit:contain;width:100%;height:100%}#stop-slides{position:absolute;bottom:15px;right:15px}@media print{body{background:#fff;overflow:visible}#app{display:block;overflow:visible}#studio{background:#fff;transform:none!important}#studio>:not(#paint-zone),#paint-zone>:not(#surface){display:none!important}#surface{position:static}}#paint-chrome.native{background-size:1024px 768px}.stamp-sizes{white-space:nowrap;font-size:10px}.stamp-sizes button{padding:3px 5px}.library-note{color:#e9f4ff;font-size:13px}#slide-grid{background:#3c4b70;border-radius:10px;grid-auto-rows:117px;gap:19px 16px;padding:2px 5px 10px;top:185px;left:161px}.native-sprite{pointer-events:none;position:absolute}.native-draw .tray-hit[aria-pressed=true]{outline:0}#color-chip{filter:none;background:0 0;width:68px;height:65px;inset:21px auto auto 25px;-webkit-mask:none;mask:none}.object-text[contenteditable=true]{min-height:1.16em}#slide-title{width:200px;top:76px;left:286px}#slide-sound-title{text-align:center;width:145px;color:var(--led);font-size:14px;font-weight:800;position:absolute;top:160px;left:323px}.native-slides #slide-grid{background:0 0;grid-template-columns:repeat(4,107px);grid-auto-rows:114px;gap:14px 13px;padding:0;top:218px;left:157px}.native-slides .slide-card{background:var(--slide-slot) center / contain no-repeat;box-shadow:none;border:0;padding:13px 10px 2px}.native-slides .slide-card[aria-pressed=true]{background-image:var(--slide-slot-selected)}.native-slides .slide-card b{background:0 0}#slide-deck{gap:9px;width:180px;display:grid;position:absolute;top:646px;left:300px}#slide-deck button{color:var(--led);background:var(--screen);border:1px ridge var(--ice);border-radius:10px;padding:3px 8px;font-size:12px}.dialog-library{flex-wrap:wrap;gap:8px;max-height:min(55vh,410px);padding:4px 0 13px;display:flex;overflow-y:auto}#print-slide{display:none}@media print{body:has(#print-slide) #app{display:none}#print-slide{width:100%;display:block}}.record-dialog{color:#fff;border:5px ridge var(--ice);background:#42669a;border-radius:20px;width:min(480px,90vw);padding:18px}.record-dialog::backdrop{background:#0a1627a6}.record-dialog video{background:#111c2d;width:100%;max-height:48vh}.media-record{font-size:11px}.tray-option{border-radius:1px}.tray-option[aria-pressed=true]{box-shadow:inset 0 0 0 3px #f04b2c,inset 0 0 0 5px #9f200c}#palette.original-palette{box-shadow:none;background-color:#0000;background-size:contain;border:0;border-radius:0;padding:0;bottom:auto}.original-palette .palette-chip{border-radius:50%}.original-palette #custom-color{opacity:.08;width:24px;height:21px;padding:0;position:absolute;top:258px;left:145px}.original-palette #custom-color:is(:hover,:focus-visible){opacity:1}#paper-picker{z-index:4;pointer-events:none;position:absolute;inset:0}#paper-picker img,#paper-picker button{position:absolute}#paper-picker button{pointer-events:auto}.stamp-editor{color:#f1fbff;border:6px ridge var(--ice);background:linear-gradient(135deg,#9cbce4,#5177aa);border-radius:23px;width:min(590px,94vw);padding:20px}.stamp-editor::backdrop{background:#07142bb0}.stamp-editor h2{text-transform:uppercase;text-align:center;margin:0 0 16px}.stamp-work{grid-template-columns:auto minmax(100px,1fr) auto;gap:12px;margin-bottom:15px;display:grid}.stamp-tools{gap:5px;display:grid}.stamp-tools button{color:#122d50;background:#c1d9f3;border:1px solid #33547e;border-radius:7px;padding:4px 7px;font-size:12px}.stamp-tools button[aria-pressed=true]{background:#92de66}.stamp-pixels,.stamp-preview canvas{image-rendering:pixelated;background:#fff;border:2px inset #a6c7eb;display:block}.stamp-pixels{aspect-ratio:1;cursor:crosshair;touch-action:none;width:100%;height:auto}.stamp-preview{color:#132947;align-content:start;gap:8px;font-size:12px;display:grid}.stamp-preview canvas{width:62px}#library-tray.original-library{width:auto;height:auto;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;padding:0;display:block;inset:0}.original-library img,.original-library output,.original-library select{position:absolute}.original-library select,.original-library button{pointer-events:auto}.original-library select{appearance:none;color:#113553;text-align:center;background:0 0;border:0;border-radius:0;padding:0 8px;font-size:12px}.original-library-name{color:#64c8f1;white-space:nowrap;text-overflow:ellipsis;place-items:center;font-size:12px;font-weight:750;display:grid;overflow:hidden}.original-library .original-library-tile{background:#d5d2ff var(--tile-normal) center / 100% 100% no-repeat;box-shadow:none;border:0;border-radius:0;padding:3px;display:grid}.original-library .original-library-tile:hover{background-image:var(--tile-hover)}.original-library .original-library-tile[aria-pressed=true]{background-image:var(--tile-selected)}.original-library .original-library-tile img{object-fit:contain;grid-area:1/1;width:48px;height:48px;position:static}.original-library .stamp-size[aria-pressed=true]{box-shadow:inset 0 0 0 2px #d3ef70}#playback-picture,#slide-objects,#slide-base,#slide-ink,#slide-front{width:100%;height:100%;position:absolute;inset:0}#playback-picture{background:#fff}#playback-picture>img{object-fit:fill}#slide-objects{pointer-events:none}#stop-slides{z-index:2}.path-controls{gap:5px;display:flex;position:absolute;top:723px;left:483px}.path-controls .pill{padding:3px 6px;font-size:11px}#palette.original-palette{pointer-events:none}#palette.original-palette :is(button,input){pointer-events:auto}.scene-object img.object-frame{object-fit:fill;position:absolute;inset:0}.text-value{color:#194b71;background:0 0;border:0;font-size:12px;position:absolute}select.text-value{appearance:none;text-align:center}input.text-value{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;padding:0 4px}#tray-buttons [data-action^=align\:][aria-pressed=true],#tray-buttons [data-action=bold][aria-pressed=true],#tray-buttons [data-action=italic][aria-pressed=true],#tray-buttons [data-action=underline][aria-pressed=true]{box-shadow:inset 0 0 0 2px #abd870}
