:root{--bg-top:#60a7f0;--bg-mid:#3488e4;--bg-bottom:#0a60cc;--ink:#ffffff;--ink-soft:rgba(255,255,255,0.88);--ink-muted:rgba(255,255,255,0.7);--page-max-width:390px;--panel-glow-h:url("data:image/svg+xml;utf8,<svg viewBox='0 0 8 180' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.800000011920929'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(2.4493e-17 9 -0.4 5.5109e-16 4 90)'><stop stop-color='rgba(255,255,255,1)' offset='0.30769'/><stop stop-color='rgba(255,255,255,0)' offset='1'/></radialGradient></defs></svg>");--panel-glow-v:url("data:image/svg+xml;utf8,<svg viewBox='0 0 8 60' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.800000011920929'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(2.4493e-17 3 -0.4 1.837e-16 4 30)'><stop stop-color='rgba(255,255,255,1)' offset='0.30769'/><stop stop-color='rgba(255,255,255,0)' offset='1'/></radialGradient></defs></svg>");--button-glow-h:url("data:image/svg+xml;utf8,<svg viewBox='0 0 4 90' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.800000011920929'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(1.2246e-17 4.5 -0.2 2.7555e-16 2 45)'><stop stop-color='rgba(255,255,255,1)' offset='0.30769'/><stop stop-color='rgba(255,255,255,0)' offset='1'/></radialGradient></defs></svg>");--button-glow-v:url("data:image/svg+xml;utf8,<svg viewBox='0 0 4 30' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.800000011920929'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(1.2246e-17 1.5 -0.2 9.1849e-17 2 15)'><stop stop-color='rgba(255,255,255,1)' offset='0.30769'/><stop stop-color='rgba(255,255,255,0)' offset='1'/></radialGradient></defs></svg>");--button-glow-bottom:url("data:image/svg+xml;utf8,<svg viewBox='0 0 4.32 97.2' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.800000011920929'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(1.3226e-17 4.86 -0.216 2.9759e-16 2.16 48.6)'><stop stop-color='rgba(255,255,255,1)' offset='0.30769'/><stop stop-color='rgba(255,255,255,0)' offset='1'/></radialGradient></defs></svg>");--preview-panel-bg:url("data:image/svg+xml;utf8,<svg viewBox='0 0 350 300' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.4000000059604645'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(17.5 0 0 15 175 150)'><stop stop-color='rgba(255,255,255,1)' offset='0'/><stop stop-color='rgba(210,231,247,1)' offset='0.25'/><stop stop-color='rgba(164,207,238,1)' offset='0.5'/><stop stop-color='rgba(126,190,235,1)' offset='0.625'/><stop stop-color='rgba(88,173,232,1)' offset='0.75'/><stop stop-color='rgba(49,156,230,1)' offset='0.875'/><stop stop-color='rgba(30,147,228,1)' offset='0.9375'/><stop stop-color='rgba(11,139,227,1)' offset='1'/></radialGradient></defs></svg>");--text-panel-bg:url("data:image/svg+xml;utf8,<svg viewBox='0 0 349 160' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.4000000059604645'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(17.45 0 0 8 174.5 80)'><stop stop-color='rgba(255,255,255,1)' offset='0'/><stop stop-color='rgba(210,231,247,1)' offset='0.25'/><stop stop-color='rgba(164,207,238,1)' offset='0.5'/><stop stop-color='rgba(126,190,235,1)' offset='0.625'/><stop stop-color='rgba(88,173,232,1)' offset='0.75'/><stop stop-color='rgba(49,156,230,1)' offset='0.875'/><stop stop-color='rgba(30,147,228,1)' offset='0.9375'/><stop stop-color='rgba(11,139,227,1)' offset='1'/></radialGradient></defs></svg>");--fonts-panel-bg:url("data:image/svg+xml;utf8,<svg viewBox='0 0 350 130' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.4000000059604645'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(17.5 0 0 6.5 175 65)'><stop stop-color='rgba(255,255,255,1)' offset='0'/><stop stop-color='rgba(210,231,247,1)' offset='0.25'/><stop stop-color='rgba(164,207,238,1)' offset='0.5'/><stop stop-color='rgba(126,190,235,1)' offset='0.625'/><stop stop-color='rgba(88,173,232,1)' offset='0.75'/><stop stop-color='rgba(49,156,230,1)' offset='0.875'/><stop stop-color='rgba(30,147,228,1)' offset='0.9375'/><stop stop-color='rgba(11,139,227,1)' offset='1'/></radialGradient></defs></svg>");--export-panel-bg:url("data:image/svg+xml;utf8,<svg viewBox='0 0 350 77' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.4000000059604645'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(17.5 0 0 3.85 175 38.5)'><stop stop-color='rgba(255,255,255,1)' offset='0'/><stop stop-color='rgba(210,231,247,1)' offset='0.25'/><stop stop-color='rgba(164,207,238,1)' offset='0.5'/><stop stop-color='rgba(126,190,235,1)' offset='0.625'/><stop stop-color='rgba(88,173,232,1)' offset='0.75'/><stop stop-color='rgba(49,156,230,1)' offset='0.875'/><stop stop-color='rgba(30,147,228,1)' offset='0.9375'/><stop stop-color='rgba(11,139,227,1)' offset='1'/></radialGradient></defs></svg>");--font-button-active-bg:url("data:image/svg+xml;utf8,<svg viewBox='0 0 151 45' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(7.55 0 0 2.25 75.5 22.5)'><stop stop-color='rgba(63,185,255,1)' offset='0'/><stop stop-color='rgba(55,203,255,1)' offset='0.5'/><stop stop-color='rgba(97,216,255,1)' offset='0.75'/><stop stop-color='rgba(139,229,255,1)' offset='1'/></radialGradient></defs></svg>");--font-button-idle-bg:url("data:image/svg+xml;utf8,<svg viewBox='0 0 151 45' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='0.78'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(7.55 0 0 2.25 75.5 22.5)'><stop stop-color='rgba(202,231,248,1)' offset='0'/><stop stop-color='rgba(184,223,247,1)' offset='0.5'/><stop stop-color='rgba(194,230,251,1)' offset='1'/></radialGradient></defs></svg>");--export-button-bg:url("data:image/svg+xml;utf8,<svg viewBox='0 0 310 45' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(15.5 0 0 2.25 155 22.5)'><stop stop-color='rgba(63,185,255,1)' offset='0'/><stop stop-color='rgba(55,203,255,1)' offset='0.5'/><stop stop-color='rgba(97,216,255,1)' offset='0.75'/><stop stop-color='rgba(139,229,255,1)' offset='1'/></radialGradient></defs></svg>")}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Segoe UI,Tahoma,sans-serif;color:var(--ink);background:radial-gradient(circle at 100% 48%,rgba(182,241,255,.26),transparent 18%),radial-gradient(circle at 0 84%,rgba(193,246,255,.34),transparent 14%),linear-gradient(180deg,#7fb3f1 0,var(--bg-top) 10%,var(--bg-mid) 42%,var(--bg-bottom) 100%)}body{min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}.page-shell{min-height:100vh;display:flex;justify-content:center;padding:10px 0 24px}.portrait-app{width:min(100%,var(--page-max-width))}.device-shell{position:relative;overflow:hidden;min-height:844px;padding:20px;background:linear-gradient(180deg,rgba(201,226,243,.95),rgba(11,139,227,.2) 8%,rgba(11,139,227,.9))}.device-shell:after,.device-shell:before,.export-card,.fonts-card,.preview-card,.text-card{z-index:2}.device-shell:after,.device-shell:before{content:"";position:absolute;border-radius:999px;pointer-events:none}.device-shell:before{right:-48px;top:368px;width:178px;height:178px;border:2px solid rgba(194,246,255,.26);background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0))}.device-shell:after{display:none}.aero-panel{position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.2);border-radius:8px;-webkit-backdrop-filter:blur(.75px);backdrop-filter:blur(.75px);box-shadow:inset 0 0 20.9px rgba(255,255,255,.4);background-repeat:no-repeat}.screen-background-art,.screen-bubbles-right,.screen-corner-vector{position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.screen-background-art{inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}.screen-bubbles-right{top:362px;right:-52px;width:168px;height:168px;mix-blend-mode:color-dodge}.screen-corner-vector{right:-44px;bottom:-14px;width:126px;height:126px;opacity:.95}.export-card,.fonts-card,.preview-card,.text-card{margin-bottom:8px}.preview-card{min-height:392px;padding:16px 20px;background-image:var(--panel-glow-h),var(--panel-glow-v),var(--panel-glow-v),var(--preview-panel-bg);background-size:180px 8px,8px 60px,8px 60px,100% 100%;background-position:center -5px,calc(100% + 6px) 50%,-5px 50%,50%}.text-card{min-height:160px;background-image:var(--panel-glow-h),var(--panel-glow-v),var(--panel-glow-h),var(--panel-glow-v),var(--text-panel-bg)}.fonts-card,.text-card{padding:16px 20px;background-size:180px 8px,8px 60px,180px 8px,8px 60px,100% 100%;background-position:center -5px,calc(100% + 6px) 50%,center calc(100% + 5px),-5px 50%,50%}.fonts-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;min-height:130px;background-image:var(--panel-glow-h),var(--panel-glow-v),var(--panel-glow-h),var(--panel-glow-v),var(--fonts-panel-bg)}.export-card{min-height:77px;padding:16px 20px;background-image:var(--panel-glow-h),var(--panel-glow-v),var(--panel-glow-h),var(--panel-glow-v),var(--export-panel-bg);background-size:180px 8px,8px 60px,180px 8px,8px 60px,100% 100%;background-position:center -5px,calc(100% + 6px) 50%,center calc(100% + 5px),-5px 50%,50%}.field-label{display:block;margin-bottom:8px;font-size:24px;line-height:1.2;color:var(--ink-soft)}.export-button,.field-label{text-shadow:0 1.2px 2.4px rgba(0,0,0,.25)}.export-button{width:100%;min-height:45px;border:2px solid rgba(82,163,233,.6);border-radius:7px;padding:10px 12px;color:white;font-size:22px;line-height:1;font-family:Segoe UI,sans-serif;font-weight:400;background-image:var(--button-glow-h),var(--button-glow-v),var(--button-glow-bottom),var(--button-glow-v),var(--export-button-bg);background-size:90px 4px,4px 30px,97.2px 4.32px,4px 30px,100% 100%;background-position:center -3px,calc(100% + 4px) calc(50% + .5px),center calc(100% + 3.16px),-3px calc(50% + .5px),50%;background-repeat:no-repeat;-webkit-backdrop-filter:blur(.75px);backdrop-filter:blur(.75px);box-shadow:inset 0 0 20.9px rgba(255,255,255,.4);cursor:pointer}.export-button[disabled]{opacity:.7;cursor:progress}.font-button{min-height:45px;border:2px solid rgba(170,223,255,.35);border-radius:7px;padding:10px 12px;color:#ffffff;font-size:22px;line-height:1;text-shadow:0 1.2px 2.4px rgba(0,0,0,.25);background-image:var(--button-glow-h),var(--button-glow-v),var(--button-glow-bottom),var(--button-glow-v),var(--font-button-idle-bg);background-size:90px 4px,4px 30px,97.2px 4.32px,4px 30px,100% 100%;background-position:center -3px,calc(100% + 4px) calc(50% + .5px),center calc(100% + 3.16px),-3px calc(50% + .5px),50%;background-repeat:no-repeat;-webkit-backdrop-filter:blur(.75px);backdrop-filter:blur(.75px);box-shadow:inset 0 0 20.9px rgba(255,255,255,.4);cursor:pointer}.font-button[data-active=true]{border-color:rgba(47,145,228,.5);background-image:var(--button-glow-h),var(--button-glow-v),var(--button-glow-bottom),var(--button-glow-v),var(--font-button-active-bg)}.text-area{width:100%;min-height:86px;resize:none;padding:10px 12px;border:.5px solid #6c9ec0;border-radius:8px;background:rgba(197,227,243,.8);color:#000000;font-size:16px;line-height:1.35;box-shadow:1px 1px 4px rgba(255,255,255,.25)}.text-area::placeholder{color:rgba(0,0,0,.9)}.text-card-orb{position:absolute;top:10px;right:16px;width:60px;height:60px;object-fit:contain}.text-length-indicator{margin-top:8px;font-size:12px;line-height:1;color:rgba(255,255,255,.8);text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.22)}.stage-surface{position:relative;height:100%}.stage-bubble-frame{position:relative;width:310px;height:352px;margin:0 auto}.stage-bubble-shell{position:absolute;left:10px;width:290px;overflow:hidden;border:1px solid #1370e7;background:linear-gradient(180deg,#3489ff,#0360df 51.5%,#3489ff),linear-gradient(180deg,#0043cc,#0083dd);box-shadow:inset 0 0 45.3px rgba(255,255,255,.5)}.stage-bubble-reflection{position:absolute;background:linear-gradient(180deg,#ffffff,rgba(255,255,255,.55) 44.6666%,rgba(255,255,255,0));opacity:.6}.stage-bubble-bottom-glow{position:absolute;left:0;right:0;bottom:-8px;height:48px;border-radius:999px;background:rgba(159,214,255,.95);filter:blur(13.1px);opacity:.9}.stage-bubble-copy{position:absolute;color:#ffffff;text-shadow:2px 2px .2px rgba(0,0,0,.25);display:flex;flex-direction:column}.stage-bubble-copy span{display:block}.stage-size-label{position:absolute;left:50%;top:224px;transform:translateX(-50%);font-size:14px;text-shadow:0 1.2px 2px rgba(0,0,0,.6)}.status-box{margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.12);font-size:13px;line-height:1.45;color:var(--ink-soft)}.mini-meta{margin-top:8px;font-size:12px;color:var(--ink-muted);text-align:center}nextjs-portal{display:none!important}@media (max-width:380px){.device-shell,.export-card,.fonts-card,.preview-card,.text-card{padding-left:14px;padding-right:14px}.stage-bubble-frame{width:100%}.stage-bubble-shell{left:50%;transform:translateX(-50%)}}