:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d2524;background:#f7f8f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}.page-shell{position:relative;display:grid;place-items:center;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.86),transparent 32%),radial-gradient(circle at 18% 26%,rgba(78,149,188,.18),transparent 28%),radial-gradient(circle at 82% 74%,rgba(218,166,92,.22),transparent 30%),linear-gradient(135deg,#e8eee9,#f5f2eb 48%,#e7ece6);color:#18211f;padding:28px}.page-shell:before,.page-shell:after{content:"";position:absolute;inset:auto;border-radius:999px;pointer-events:none}.page-shell:before{width:540px;height:540px;right:max(-120px,calc(50% - 680px));bottom:-180px;background:#ebd2b07a;filter:blur(18px)}.page-shell:after{width:460px;height:460px;left:max(-140px,calc(50% - 720px));top:-160px;background:#b0cfcc80;filter:blur(22px)}.preview-layout{position:relative;display:grid;place-items:center;width:min(100%,760px);min-height:calc(100vh - 56px)}.stage-glow{position:absolute;width:min(620px,90vw);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.78) 0 28%,rgba(255,255,255,.26) 48%,transparent 70%),radial-gradient(circle at 60% 66%,rgba(52,112,255,.13),transparent 45%);filter:blur(1px);transform:translateY(8px)}.device-shell{position:relative;z-index:1;width:min(392px,calc((100vh - 104px) * 430 / 930),calc(100vw - 40px));justify-self:center;padding:12px;border:1px solid #4a4d4d;border-radius:50px;background:linear-gradient(145deg,#2f3334,#0c0f10 42%,#343838),#141718;box-shadow:inset 0 0 0 2px #ffffff14,inset 0 0 0 6px #000000a3,0 34px 90px #12181757,0 12px 28px #12181724}.device-shell:after{content:"";position:absolute;left:12%;right:12%;bottom:-30px;height:26px;border-radius:999px;background:#161c1b47;filter:blur(18px);z-index:-1}.device-screen{position:relative;aspect-ratio:430 / 930;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:38px;background:#fff}.device-screen iframe{display:block;width:100%;height:100%;border:0;background:#fff}.device-screen iframe{scrollbar-width:none}.device-screen iframe::-webkit-scrollbar{display:none}.device-button{position:absolute;width:4px;border-radius:999px;background:linear-gradient(#303436,#151819)}.device-button-left{top:138px;left:-4px;height:76px}.device-button-right{top:186px;right:-4px;height:104px}@media(max-width:860px){.page-shell{padding:18px}.preview-layout{min-height:calc(100vh - 36px)}}