:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f4f2;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{overscroll-behavior:none;background:#f4f4f2;min-width:320px;min-height:100%}body{overscroll-behavior:none;background:#f4f4f2;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}#root{min-height:100vh}.canvas-prototype{isolation:isolate;background:#fff;width:100vw;height:100dvh;position:relative;overflow:hidden}.snapshot-drawing-surface{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-first-frame-cover{z-index:10;opacity:1;pointer-events:auto;will-change:opacity;background:#fffffffe;position:absolute;inset:0}.canvas-presented>.canvas-first-frame-cover{opacity:0;pointer-events:none}.drawing-surface{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}.live-drawing-surface{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.prototype-header{z-index:2;top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:20px;display:flex;position:absolute}.prototype-brand{flex-direction:column;gap:3px;display:flex}.prototype-brand strong{letter-spacing:-.035em;font-size:1.05rem;font-weight:750}.prototype-brand span,.prototype-header p{color:#11111185;letter-spacing:-.01em;margin:0;font-size:.72rem;font-weight:560}.prototype-header p{text-align:right;max-width:14rem;padding-top:2px}.live-creators{z-index:3;top:max(58px, calc(env(safe-area-inset-top) + 42px));left:max(16px, env(safe-area-inset-left));pointer-events:none;flex-wrap:wrap;gap:6px;max-width:min(72vw,420px);display:flex;position:absolute}.live-creators span{color:#111111b3;-webkit-backdrop-filter:blur(18px)saturate(150%);background:#f8f8f6e6;border:1px solid #11111114;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 11px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 6px 22px #11111112}.live-creators i{background:#111;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #11111114}.canvas-notice{z-index:3;top:max(84px, calc(env(safe-area-inset-top) + 68px));color:#111111a3;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(18px)saturate(150%);background:#f8f8f6eb;border:1px solid #11111114;border-radius:16px;width:min(100vw - 32px,420px);margin:0;padding:10px 14px;font-size:.76rem;font-weight:620;line-height:1.4;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #1111110f}.brush-controls{z-index:3;left:50%;bottom:max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(160%);background:#f8f8f6e6;border:1px solid #11111114;border-radius:24px;align-items:center;gap:14px;width:min(100vw - 32px,410px);padding:12px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 16px 50px #1111111f,0 2px 8px #1111110d}.color-control{background:#fff;border:1px solid #1111111f;border-radius:50%;flex:none;width:42px;height:42px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #fff}.color-control input{cursor:pointer;border:0;width:58px;height:58px;padding:0;position:absolute;inset:-8px}.brush-settings{flex:1;gap:8px;min-width:0;display:grid}.brush-setting{grid-template-columns:62px 1fr 42px;align-items:center;gap:10px;min-width:0;display:grid}.brush-setting span,.brush-setting output{color:#11111194;font-size:.72rem;font-weight:650}.brush-setting output{text-align:right;font-variant-numeric:tabular-nums}.brush-setting input{accent-color:#111;width:100%;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=480px){.prototype-header{gap:12px}.prototype-header p{max-width:10.5rem}}.account-control{z-index:4;top:max(58px, calc(env(safe-area-inset-top) + 42px));right:max(16px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(20px)saturate(150%);background:#f8f8f6e0;border:1px solid #11111114;border-radius:999px;align-items:center;gap:8px;max-width:min(68vw,300px);padding:5px;display:flex;position:absolute;box-shadow:0 8px 28px #11111114}.account-control button{color:#111;cursor:pointer;touch-action:manipulation;background:#11111112;border:0;border-radius:999px;min-height:36px;padding:0 13px;font-size:.76rem;font-weight:700}.account-control button:active{transform:scale(.98)}.account-status{color:#11111180;text-align:center;min-width:42px;padding:0 12px;font-weight:700}.creator-handle{color:#111111ad;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-left:10px;font-size:.76rem;font-weight:700;overflow:hidden}.auth-dialog-backdrop{z-index:20;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);background:#1111113d;place-items:center;display:grid;position:fixed;inset:0}.auth-dialog{-webkit-overflow-scrolling:touch;background:#fcfcfaf7;border:1px solid #11111114;border-radius:28px;width:min(100%,390px);max-height:min(680px,100dvh - 40px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 28px 90px #1113,0 4px 18px #11111114}.auth-dialog-close{color:#11111194;cursor:pointer;touch-action:manipulation;background:#1111110f;border:0;border-radius:50%;width:38px;height:38px;padding:0;font-size:1.45rem;line-height:1;position:absolute;top:14px;right:14px}.auth-dialog-heading{padding-right:34px}.auth-dialog-heading>span{color:#11111173;letter-spacing:.02em;text-transform:uppercase;font-size:.76rem;font-weight:750}.auth-dialog h2{color:#111;letter-spacing:-.045em;margin:7px 0 0;font-size:1.65rem;font-weight:780;line-height:1.08}.auth-dialog-heading p,.auth-confirmation p{color:#1111118c;margin:10px 0 0;font-size:.9rem;line-height:1.45}.auth-form{gap:14px;margin-top:24px;display:grid}.auth-form label{gap:7px;display:grid}.auth-form label>span{color:#11111194;font-size:.76rem;font-weight:700}.auth-form input{color:#111;background:#ffffffe6;border:1px solid #1111111c;border-radius:14px;outline:none;width:100%;min-height:48px;padding:0 14px;font-size:1rem;transition:border-color .12s,box-shadow .12s}.auth-form input:focus{border-color:#11111157;box-shadow:0 0 0 3px #1111110f}.auth-primary-button,.auth-secondary-button,.auth-switch-button{cursor:pointer;touch-action:manipulation;border-radius:14px;width:100%;min-height:48px;font-weight:720}.auth-primary-button{color:#fff;background:#111;border:0;margin-top:4px}.auth-secondary-button{color:#111;background:#1111110a;border:1px solid #1111111a;margin-top:10px}.auth-switch-button{color:#1111119e;background:0 0;border:0;min-height:42px;font-size:.82rem}.auth-primary-button:disabled,.auth-switch-button:disabled{cursor:default;opacity:.5}.auth-error{color:#b42318;margin:-2px 0 0;font-size:.78rem;font-weight:620;line-height:1.4}.auth-confirmation{text-align:center;flex-direction:column;align-items:stretch;padding-top:10px;display:flex}.auth-confirmation-mark{color:#fff;background:#111;border-radius:18px;place-items:center;width:54px;height:54px;margin:0 auto 12px;font-size:1.2rem;font-weight:800;display:grid}.auth-confirmation strong{color:#111;word-break:break-word}.auth-confirmation .auth-primary-button{margin-top:24px}@media (width<=480px){.account-control{top:max(62px, calc(env(safe-area-inset-top) + 44px))}.auth-dialog{border-radius:26px;padding:24px 20px}}