:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,sans-serif}html,body{background-color:#f6f6f6;height:100%;margin:0;overflow:hidden}#root{background-color:#f6f6f6;height:100%}.app-root{box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#f6f6f6;flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.app-top-bar{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:.65rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.app-top-bar>*{pointer-events:auto}.app-brand{letter-spacing:.02em;color:#141414;-webkit-user-select:none;user-select:none;margin:0;font-size:1.125rem;font-weight:600}.app-brand--button{appearance:none;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:.45rem .85rem;line-height:1;box-shadow:0 1px 2px #0000000a}.app-brand--button:hover{background:#f7f7f7;border-color:#d8d8d8}.app-brand--button:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #1976d28c}.stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:0;padding:1.5rem 1rem 2rem;display:flex}.stage--preview{padding:0}.stage--preview .preview-stage{overflow:hidden}.preview-stage{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.bubble-field{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bubble-field__anchors{pointer-events:none;position:absolute;inset:0}.history-bubble-anchor{z-index:1;cursor:pointer;pointer-events:auto;background:0 0;border:none;padding:0;line-height:0;position:absolute;transform:translate(-50%,-50%)}.history-bubble-anchor:focus-visible{outline:none}.history-bubble-anchor:hover,.history-bubble-anchor:focus-visible{z-index:1000}@keyframes bubble-drift{0%,to{transform:translate(0,0)}33%{transform:translate3d(var(--bubble-d1x,0), var(--bubble-d1y,0), 0)}66%{transform:translate3d(var(--bubble-d2x,0), var(--bubble-d2y,0), 0)}}.history-bubble{background:#fff;border:3px solid #ffffffe6;border-radius:50%;margin:0;padding:0;transition:border-color .2s;animation-name:bubble-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.history-bubble-anchor:hover .history-bubble,.history-bubble-anchor:focus-visible .history-bubble{border-color:#1976d2}.history-bubble__svg{pointer-events:none;width:100%;height:100%;transition:transform .22s;display:block}.history-bubble-anchor:hover .history-bubble__svg,.history-bubble-anchor:focus-visible .history-bubble__svg{transform:scale(1.07)}.preview-stage__foreground{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.preview-stage__foreground .stage__column{pointer-events:auto}.stage__column{flex-direction:column;align-items:center;gap:1.35rem;max-width:100%;display:flex}.stage__column--result{gap:2.25rem}.stage__result-actions{flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;display:flex}.result-actions__row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.result-actions__row--wrap{flex-wrap:wrap}.result-controls{flex-wrap:nowrap;align-items:center;gap:.65rem;display:inline-flex}.result-m{align-items:center;gap:.25rem;height:100%;display:inline-flex}.result-m__slider{accent-color:#141414;width:180px}.result-m__value{font-variant-numeric:tabular-nums;color:#141414;white-space:nowrap;text-align:right;width:11ch;font-size:.85rem}.result-m__slider:focus-visible{outline-offset:3px;border-radius:999px;outline:2px solid #1976d28c}.result-m__slider{appearance:none;background:0 0;height:22px}.result-m__slider::-webkit-slider-runnable-track{background:#141414;border-radius:999px;height:6px}.result-m__slider::-webkit-slider-thumb{appearance:none;background:#141414;border:2px solid #141414;border-radius:999px;width:16px;height:16px;margin-top:-5px}.result-m__slider::-moz-range-track{background:#141414;border-radius:999px;height:6px}.result-m__slider::-moz-range-thumb{background:#141414;border:2px solid #141414;border-radius:999px;width:16px;height:16px}.circle-viewport{aspect-ratio:1;background:#1a1a1a;border-radius:50%;flex-shrink:0;width:min(80vmin,480px);max-width:100%;height:auto;position:relative;overflow:hidden}.circle-viewport:not(.circle-viewport--result){box-shadow:0 0 0 4px #ffffffeb,0 2px 6px #00000014,0 10px 28px #00000024,0 24px 56px #0000001f}.circle-viewport__freeze{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.circle-viewport__video{object-fit:cover;width:100%;height:100%;display:block}.circle-viewport--result{background:#f6f6f6;border-radius:12px}.circle-viewport__result-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage__tip{color:#333;text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:12px;max-width:22rem;margin:0;padding:.65rem 1.1rem;font-size:1.2rem;font-weight:500;line-height:1.35;box-shadow:0 1px 2px #0000000a}.stage__error{color:#c62828;text-align:center;max-width:min(420px,100%);margin:0;font-size:.875rem}.btn{font:inherit;cursor:pointer;color:#141414;background:#fff;border:1px solid #ccc;border-radius:8px;padding:.5rem 1.1rem}.btn:hover{background:#f3f3f3}.btn--icon{aspect-ratio:1;border-radius:999px;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.btn--icon svg{display:block}.btn--icon-dark{color:#fff;background:#141414;border-color:#141414}.btn--icon-dark:hover:not(:disabled){background:#2a2a2a;border-color:#2a2a2a}.btn--icon-dark:disabled{color:#fff;background:#141414;border-color:#141414}.btn--primary{color:#fff;background:#1976d2;border-color:#1976d2}.btn--primary:hover{background:#1565c0}.btn--dark{color:#fff;background:#141414;border-color:#141414}.btn--dark:hover:not(:disabled){background:#2a2a2a;border-color:#2a2a2a}.stage--preview .btn--dark,.stage--generating .btn--dark{transition:background .15s,border-color .15s,box-shadow .2s;box-shadow:0 0 0 1px #ffffff59,0 3px 10px #0000001f,0 12px 32px #0000002e}.stage--preview .btn--dark:hover:not(:disabled),.stage--generating .btn--dark:hover:not(:disabled){box-shadow:0 0 0 1px #ffffff73,0 4px 14px #00000024,0 16px 40px #00000038}.btn--dark:disabled,.btn--dark.btn--busy:disabled{color:#fff;background:#141414;border-color:#141414}.btn--dark:disabled:hover,.btn--dark.btn--busy:disabled:hover{background:#141414}.btn:disabled,.btn--busy:disabled{cursor:not-allowed;opacity:.55}.btn--primary:disabled,.btn--primary.btn--busy:disabled{color:#fff;background:#90a4ae;border-color:#78909c}.btn--primary:disabled:hover,.btn--primary.btn--busy:disabled:hover{background:#90a4ae}.offscreen-canvas{pointer-events:none;opacity:0;width:0;height:0;position:absolute;overflow:hidden}