*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--ink);background:#e9edef}button,input,textarea,select{font:inherit}button{cursor:pointer}button:active{transform:scale(.98)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ff6a22;outline-offset:2px}.prototype-stage{min-height:100vh;padding:28px;display:flex;justify-content:center;align-items:flex-start}.phone{width:min(375px,100%);height:812px;background:#fff;box-shadow:0 24px 80px rgba(17,31,44,.2);position:relative;overflow:hidden}.phone-page{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#fff}.phone-scroll{min-height:0;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.phone-scroll::-webkit-scrollbar{display:none}.page-scroll{padding:0 16px 28px}.page-top{height:78px;padding:28px 16px 9px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);z-index:12;border-bottom:1px solid rgba(226,231,234,.6)}.page-top h1{font-size:17px;text-align:center;margin:0}.icon-btn{border:0;background:transparent;padding:8px}.top-spacer{width:42px}.top-actions{display:flex;justify-content:flex-end}.prototype-toast{position:absolute;left:50%;bottom:88px;z-index:30;width:max-content;max-width:calc(100% - 32px);transform:translateX(-50%);padding:10px 14px;border-radius:999px;background:#111f2c;color:#fff;font-size:11px;box-shadow:0 8px 22px rgba(17,31,44,.22)}@media(max-width:480px){.prototype-stage{padding:0}.phone{width:100%;height:100dvh;box-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}