.is-preview-locked{height:100vh;overflow:hidden;filter:blur(12px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.preview-lock{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;overflow:hidden;color:#f6f8fa;background:radial-gradient(circle at 20% 28%,rgba(28,199,220,.12),transparent 34%),radial-gradient(circle at 82% 25%,rgba(126,80,238,.15),transparent 36%),linear-gradient(135deg,#06151f,#0a1729 54%,#15132a)}.preview-lock:before{position:absolute;inset:0;content:"";background-image:linear-gradient(rgba(104,153,181,.045) 1px,transparent 0),linear-gradient(90deg,rgba(104,153,181,.045) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 78%);mask-image:radial-gradient(circle at center,#000,transparent 78%)}.preview-lock-glow{position:absolute;width:min(760px,88vw);height:min(760px,88vw);border:1px solid rgba(63,200,221,.09);border-radius:50%;box-shadow:0 0 120px rgba(91,72,225,.12),inset 0 0 100px rgba(31,198,218,.05);animation:preview-breathe 5s ease-in-out infinite alternate}.preview-lock-card{position:relative;width:min(440px,100%);padding:40px;border:1px solid rgba(149,180,202,.2);border-radius:24px;background:linear-gradient(145deg,rgba(12,28,45,.78),rgba(14,20,40,.64));box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 1px hsla(0,0%,100%,.05);backdrop-filter:blur(28px);animation:preview-enter .7s cubic-bezier(.2,.8,.2,1) both}.preview-lock-brand{display:flex;align-items:center;gap:15px;margin-bottom:48px}.preview-lock-brand img:first-child{width:52px;height:52px}.preview-lock-brand img:last-child{width:132px;height:auto}.preview-lock-label{color:#39cbe0;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.17em}.preview-lock-card h1{max-width:none;margin:18px 0 12px;font-size:38px;line-height:1.05;letter-spacing:-1.6px}.preview-lock-card>p{max-width:330px;margin:0 0 34px;color:#9ba9b3;font-size:15px;line-height:1.55}.preview-lock-card>label{display:block;margin-bottom:9px;color:#8797a2;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase}.preview-lock-input{display:flex;height:56px;border:1px solid rgba(120,161,187,.26);border-radius:12px;background:rgba(2,11,21,.44);transition:border-color .25s,box-shadow .25s}.preview-lock-input:focus-within{border-color:#31bfd8;box-shadow:0 0 0 3px rgba(49,191,216,.09)}.preview-lock-input.has-error{border-color:#ff6672}.preview-lock-input input{min-width:0;flex:1;padding:0 17px;border:0;outline:0;color:#f7fafc;background:transparent;font:15px inherit}.preview-lock-input input::-moz-placeholder{color:#667783}.preview-lock-input input::placeholder{color:#667783}.preview-lock-input button{width:58px;margin:6px;border:1px solid rgba(48,195,216,.32);border-radius:8px;color:#50d7ea;background:linear-gradient(135deg,rgba(28,193,216,.22),rgba(125,75,235,.22));font-size:24px;cursor:pointer;transition:transform .2s,background .2s}.preview-lock-input button:hover{transform:translateX(2px);background:linear-gradient(135deg,rgba(28,193,216,.4),rgba(125,75,235,.38))}.preview-lock-error{display:block;min-height:32px;padding-top:8px;color:#ff8992;font-size:11px}.preview-lock-card>small{display:block;padding-top:20px;border-top:1px solid rgba(137,170,190,.13);color:#627784;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}@keyframes preview-enter{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes preview-breathe{0%{opacity:.5;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}@media (max-width:600px){.preview-lock{padding:16px}.preview-lock-card{padding:27px 24px;border-radius:20px}.preview-lock-brand{margin-bottom:34px}.preview-lock-brand img:first-child{width:46px;height:46px}.preview-lock-brand img:last-child{width:116px}.preview-lock-card h1{font-size:32px}.preview-lock-card>p{margin-bottom:27px;font-size:14px}}@media (prefers-reduced-motion:reduce){.preview-lock-card,.preview-lock-glow{animation:none}}