:root{--title-height: 4rem;--dock-height: 60px;--dock-buttons: 5;--dock-open-height: 195px;--card-gap: 12px;--card-width: 180px;--card-height: 100px;--carousel-pad-x: 12px;--carousel-pad-y: 12px;--control-accent: #7ea3e5;--control-background: #f0f0f0;--stage-background: #fff}*,*:before,*:after{box-sizing:border-box}.title{font-family:Arial,sans-serif;font-size:1.5rem;font-weight:200;letter-spacing:2px;color:#606060}h1,h2,h3,h4,h5,h6{position:relative;color:#222;margin:0 auto;max-width:900px;padding:0 20px}h1{font: 600 28px Georgia,TimesNewRoman,serif;margin-bottom:8px;letter-spacing:-.5px}.kicker{font: 400 20px/1.25em Georgia,TimesNewRoman,serif;margin:0 auto .7em;color:#666}h2{font: 600 24px Georgia,TimesNewRoman,serif;margin-bottom:8px;letter-spacing:-.5px}h3{margin-top:1.6em;font: 200 24px Helvetica,Verdana,Arial,sans-serif}.byline{font:italic 200 15px Helvetica,Verdana,Arial,sans-serif;margin:0 auto 1.5em}a{text-decoration:none;-webkit-transition:ease all .25s;transition:ease all .25s;color:#279fcd}html,body{height:100%}body{margin:0;overflow:hidden}#app{position:relative;height:100vh;display:grid;grid-template-rows:var(--title-height) 1fr auto;align-content:start}#titlePane{height:var(--title-height);display:grid;place-items:center}#canvasStage{display:grid;place-items:center;overflow:hidden;background-color:var(--stage-background)}#controlPane{position:relative;height:var(--dock-height);overflow:hidden;transition:height .2s ease}#app.controls-open #controlPane{height:var(--dock-open-height)}#controlDock{height:var(--dock-height);display:grid;grid-template-columns:repeat(var(--dock-buttons),var(--dock-height));justify-content:center;column-gap:10px;align-items:center;margin:0 auto;position:relative;z-index:2;background:inherit}#controlDock>wa-button{justify-self:center}#controlCarousel{position:absolute;left:0;right:0;top:var(--dock-height);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;height:calc(var(--dock-open-height) - var(--dock-height));touch-action:pan-x;white-space:nowrap;border-top:1px solid #f0f0f0}.carouselPad{min-width:100%;padding:var(--carousel-pad-y) var(--carousel-pad-x);box-sizing:border-box;display:flex;justify-content:flex-start}.controlTrack{display:inline-flex;width:max-content;white-space:nowrap;margin-left:auto;margin-right:auto}.controlCard{display:inline-block;vertical-align:top;width:var(--card-width);height:var(--card-height);white-space:normal;margin-right:var(--card-gap);padding:12px;border-radius:.25rem;background:var(--control-background);transition:opacity .16s ease,transform .5s ease-in-out;opacity:1;transform:translate(0)}.controlCard.controlCard--center{position:relative}.cardCenter{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center}.sliderWidth{width:120px}.pickerWidth{width:210px}.saveButtonCard{width:54px;background-color:#fff}#mediaUpload{display:none!important}#loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;display:none}.loader{width:44px;height:44px;border-radius:50%;border:4px solid rgba(0,0,0,.15);border-top-color:#0000008c;animation:rotation .9s linear infinite}#app.loading #loader{display:block}#app.ready #loader,#app.loading #canvasStage,#app.loading #controlPane{display:none}wa-button[appearance=accent]::part(base){background-color:#999}wa-button[appearance=filled]:not(:hover)::part(base){background-color:var(--control-background)}wa-slider{padding-bottom:20px;padding-top:3px}wa-slider::part(indicator){background-color:var(--control-accent)}wa-slider::part(track){margin-inline:6px}wa-slider::part(label){display:block;text-align:center;margin-bottom:16px}wa-slider::part(thumb){background-color:var(--control-accent);border:1.5px solid #fff}wa-switch::part(control){background-color:#fff;border-color:#ccc}wa-switch:state(checked)::part(control){background-color:var(--control-accent)}wa-switch:state(checked)::part(thumb){background-color:#fff}wa-select::part(combobox){border-color:#ddd;border-radius:6px}wa-select::part(label){display:block;text-align:center}.colorPickers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.colorPickers>wa-color-picker{justify-self:center}.colorPickers wa-color-picker::part(label){text-align:center;white-space:normal}.colorPickers wa-color-picker::part(trigger){margin-inline:auto}#videoControls{display:flex;align-items:center;gap:.75rem;min-width:0}wa-details::part(base){border-color:#ddd;border-radius:6px}wa-details::part(header){padding:7px 12px}.info-overlay{position:fixed;inset:0;z-index:9999;background:#0000008c;display:none;place-items:center;padding:32px}.info-panel-outer{display:flex;position:relative;width:min(720px,100%);max-height:80vh;background:#fff;border-radius:8px;box-shadow:0 20px 60px #00000059;padding:8px 0}.info-panel-inner{overflow:auto;padding:16px 40px 16px 20px}#closeInfo{position:absolute;top:8px;right:24px}.info-overlay:not([hidden]){display:grid}p{font: 100 19px/1.6em Georgia,TimesNewRoman,serif;color:#333;max-width:900px;margin:1em auto;padding:0 20px}.info-overlay ul,.info-overlay ol{font: 100 19px/1.6em Georgia,TimesNewRoman,serif;color:#333;max-width:844px;margin:1em auto;padding:0 20px 0 76px}.info-overlay ul li,.info-overlay ol li{margin-bottom:.5em}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-height:600px){.title{font-size:1rem}:root{--title-height: 2em;--carousel-pad-y: 8px;--card-gap: 8px;--dock-height: 55px;--dock-open-height: 180px}}@media(max-width:650px){#controlDock{column-gap:0}h1{font: 600 12px Georgia,TimesNewRoman,serif;margin-bottom:6px}.kicker{font: 400 18px/1.25em Georgia,TimesNewRoman,serif}.byline{font:italic 200 14px Helvetica,Verdana,Arial,sans-serif}h2{font: 600 20px Georgia,TimesNewRoman,serif;margin-bottom:8px;letter-spacing:-.5px}h3{font: 200 20px Helvetica,Verdana,Arial,sans-serif}.info-overlay p,.info-overlay ol,.info-overlay ul{font: 100 16px/1.6em Georgia,TimesNewRoman,serif}.info-overlay ol:not(.thumbnails),.info-overlay ul{padding:0 20px 0 44px}}