:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#1b4773;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}main{width:100%;height:100%;height:100dvh;padding-top:env(safe-area-inset-top)}.editor{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-height:0}.poster{display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;container-type:size;background:#1b4773}.poster-art{position:relative;width:min(100cqw,56.25cqh);aspect-ratio:9/16;flex:none}#poster{display:block;width:100%;height:auto;touch-action:none;cursor:grab}#poster:active{cursor:grabbing}#placeholder{position:absolute;top:52.7%;left:10%;width:80%;text-align:center;font-size:clamp(10px,3cqw,14px);color:#657b91;pointer-events:none}.controls{width:100%;max-height:50dvh;overflow-y:auto;padding:8px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#1b4773}.controls>*{max-width:480px;margin-left:auto;margin-right:auto}.actions{display:flex;flex-wrap:wrap;gap:8px}button{flex:1;border:0;border-radius:12px;background:#ffe04c;color:#173d63;padding:14px 12px;font:700 14px Arial;cursor:pointer;min-height:48px}button.secondary{background:#fff;color:#173d63}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){filter:brightness(.96)}button:focus-visible,input:focus-visible{outline:3px solid #ffe04c;outline-offset:3px}[hidden]{display:none!important}#downloadButton{flex-basis:100%}#status{font-size:12px;line-height:1.4;min-height:17px;text-align:center;margin-top:8px;margin-bottom:10px;text-shadow:0 1px 4px #102e50}.adjustments{padding:10px 14px;border-radius:12px;background:#123758eb}.adjustments-toggle{display:block;width:100%;min-height:36px;padding:8px 12px;font-size:12px;margin-bottom:6px}.adjustments label{display:flex;justify-content:space-between;font-size:12px;font-weight:700}input[type=range]{width:100%;accent-color:#ffe04c;margin:10px 0;min-height:24px}small{font-size:11px;color:#e3eaf0}@media(orientation:landscape)and (max-height:500px){.editor{grid-template-columns:minmax(0,1fr) min(45%,300px);grid-template-rows:minmax(0,1fr)}.controls{align-self:center;max-height:100%;padding-bottom:max(12px,env(safe-area-inset-bottom))}.adjustments{padding:6px 12px}#status{margin-top:5px;margin-bottom:5px}button{padding:10px;min-height:44px}}