@import url('/completion-share.css');
*{box-sizing:border-box}body{margin:0;background:#faf8f2;color:#211d17;font-family:Manrope,system-ui,sans-serif}header{padding:16px 22px;display:flex;justify-content:space-between;border-bottom:1px solid #dfd7c9}#badge{color:#766e63;font-size:12px}#tools{display:flex;gap:12px;max-width:900px;margin:20px auto;padding:0 18px}button,select{font:inherit;border:1px solid #d8cebf;border-radius:12px;background:#fffdf8;padding:12px;cursor:pointer}button:disabled{opacity:.4;cursor:default}#start{background:#e25833;color:#fff;border:0}main{margin:auto;max-width:430px;padding:12px 16px}#stage{width:100%;aspect-ratio:9/16;overflow:hidden;background:#f5f0e4;border-radius:16px}#stage>svg{display:block;width:100%;height:100%}#waiting{padding:40px 24px}#waiting>span{color:#726b60}#waiting h1{font-family:Fraunces,Georgia,serif;font-size:32px;line-height:1.15}#status{font-size:15px;line-height:1.6}#measurement{font:12px/1.7 monospace;color:#665e52;white-space:pre-wrap}.controls{display:flex;align-items:center;gap:12px;margin:12px 0}.controls input{min-width:30px;flex:1;accent-color:#e25833}.controls span{font-size:13px;white-space:nowrap}#actions{display:flex}#edit{width:100%}body.embedded header,body.embedded #tools,body.embedded #measurement{display:none}body.embedded main{height:100dvh;width:100%;max-width:none;display:flex;align-items:center;flex-direction:column;padding:6px}body.embedded #stage{height:calc(100dvh - 108px);width:auto;max-width:100%;aspect-ratio:9/16;border-radius:10px}body.embedded .controls,body.embedded #actions{width:100%;max-width:480px}body.embedded .controls{margin:8px 0}body.embedded #edit{padding:8px}