@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{color:#171717;font-synthesis:none;background:#fff;font-family:Pretendard,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,label{font:inherit}main{grid-template-rows:auto auto auto 1fr auto auto;gap:16px;min-height:100vh;padding:24px;display:grid}header,footer,.controls{justify-content:space-between;align-items:center;display:flex}.mark{letter-spacing:-.03em;font-size:20px;font-weight:800}.eyebrow,footer,figcaption,.presets>span{letter-spacing:.1em;text-transform:uppercase;color:#666;font-size:11px}.presets{border-top:1px solid #ddd;align-items:center;gap:7px;padding-top:11px;display:flex}.presets>span{margin-right:5px}.presets button{border-color:#aaa;align-items:baseline;gap:9px;padding:8px 12px;display:flex}.presets button.active{color:#171717;background:#cbcbcb;border-color:#cbcbcb}.presets small{opacity:.65;font-size:9px}.mobile-tabs{display:none}.stage{grid-template-columns:1fr 1fr;align-items:center;gap:14px;min-height:0;display:grid}.stage figure{flex-direction:column;align-items:stretch;min-width:0;max-height:100%;margin:0;display:flex}.stage.iphone figure{justify-self:center;width:auto;height:min(57vh,100%)}.frame{aspect-ratio:1;background:#fff;min-height:0;overflow:hidden;box-shadow:0 16px 50px #1e1b191f}.stage.iphone .frame{width:auto;height:100%}.frame video,.frame img,.frame canvas{object-fit:cover;width:100%;height:100%;display:block}.frame .mirrored{transform:scaleX(-1)}.frame canvas{background:#fff}figcaption{padding-top:8px}.controls{border-top:1px solid #ddd;gap:12px;padding-top:14px}.source,.actions{flex-wrap:wrap;gap:8px;display:flex}button,label{cursor:pointer;background:0 0;border:1px solid #aaa;padding:11px 15px;font-size:13px}label input{display:none}button:hover,label:hover{background:#eee}.quiet{border-color:#aaa}.save{color:#171717;background:#cbcbcb}.save:hover{background:#bcbcbc}footer{border-top:1px solid #ddd;padding-top:11px}@media (width<=700px){body{overflow-x:hidden}main{gap:11px;min-height:100svh;padding:12px}.eyebrow{font-size:9px}.presets{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.presets>span{display:none}.presets button{flex:none;min-height:44px}.mobile-tabs{border:1px solid #aaa;grid-template-columns:1fr 1fr;gap:0;display:grid}.mobile-tabs button{border:0;min-height:44px}.mobile-tabs button.active{color:#171717;background:#cbcbcb}.stage{display:block}.stage figure{width:100%;display:none;height:auto!important}.stage.show-source .source-panel,.stage.show-result .result-panel{display:flex}.stage.iphone figure{width:min(100%,48svh);margin-inline:auto}.frame{box-shadow:0 10px 30px #1e1b191a}.controls{flex-direction:column;align-items:stretch}.source,.actions{grid-template-columns:1fr 1fr;display:grid}.source label,.source button,.actions button{text-align:center;min-height:46px;padding:10px 8px}.save{grid-column:2}footer span:last-child{display:none}}button,label{color:inherit;font-size:14px}button.active,.save{color:#171717}button:focus-visible,label:focus-within{outline-offset:3px;outline:2px solid #666}.controls{flex-wrap:wrap}.mark{align-items:center;min-height:28px;display:flex}.mark img{width:150px;height:auto;display:block}.eyebrow{align-items:center;font-size:14px;display:flex}.eyebrow img{width:90px;max-width:25vw;height:auto;display:block}main{grid-template-columns:minmax(0,1fr);min-width:0}main>*{min-width:0}.stage{grid-template-columns:repeat(2,minmax(0,1fr))}.frame{flex:none;width:100%;position:relative}.frame video,.frame img,.frame canvas{width:100%;height:100%;position:absolute;inset:0}@media (width<=700px){main{grid-template-rows:auto auto auto auto auto auto;align-content:start;width:100%;max-width:100%}.stage figure{min-width:0;max-width:100%}.stage .frame,.stage.iphone .frame{width:100%;max-width:100%;height:auto}.stage.square figure{width:100%;margin-inline:0}.stage.square .frame{aspect-ratio:1}}