/* Reference lock: user's gallery, creation form and floating capsule navigation.
   Retain blue accent and typography from the approved original prototype. */
body{background:radial-gradient(ellipse at 65% 0,#18223b66,transparent 40%),#0d0f14}
.studio-header{background:#12151ccc}.app{background:radial-gradient(ellipse at 0 8%,#28477c21,transparent 46%),#090b10}
.phone{border-color:#ffffff29;box-shadow:0 28px 70px #0006,inset 0 1px #ffffff16}.maxbar{background:#1d2229}.scroll{padding-bottom:118px}.no-bottom .scroll{padding-bottom:225px}
.bottom-nav{left:13px;right:13px;bottom:17px;height:70px;padding:5px;gap:3px;border:1px solid #ffffff50;border-radius:40px;background:linear-gradient(130deg,#ffffff20,#ffffff05 48%,#ffffff14),#111725a6;backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);box-shadow:inset 0 1px 1px #ffffff50,inset 0 -1px 1px #ffffff18,0 10px 35px #0008;z-index:10;isolation:isolate}
.bottom-nav:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 30% 0,#c6d7ff25,transparent 70%);pointer-events:none;z-index:-1}
.bottom-nav button{flex:1;min-width:0;border-radius:32px;justify-content:center;gap:5px;font-size:9px;color:#afb4c1;min-height:58px;padding:6px 0;font-weight:600}.bottom-nav button.sel{color:#a9c1ff;background:linear-gradient(145deg,#9fbdff27,#1e325844);box-shadow:inset 0 0 0 1px #b3c9ff6b,inset 0 1px 2px #ffffff37,0 2px 12px #0003}.bottom-nav .ico,.bottom-nav svg{width:21px;height:21px}
.cta-footer{bottom:99px;padding:12px 19px 10px;background:#0b0e16e8;backdrop-filter:blur(18px);border-top:1px solid #ffffff10;z-index:8}.primary{background:linear-gradient(110deg,#4178ff,#638fff);box-shadow:inset 0 1px #c3d6ff66,0 6px 24px #356cff26;border-radius:16px;min-height:49px}.secondary{background:linear-gradient(120deg,#ffffff12,#ffffff06);border:1px solid #ffffff18;border-radius:15px}.footer-note{font-size:9px;margin-top:7px}
.hero,.balancebox,.tips,.channel-box,.quiet-box,.form-panel,.profile-card,.profile-links{background:linear-gradient(135deg,#5d8efb16,#ffffff05 70%),#161b25a8;border:1px solid #ffffff19;box-shadow:inset 0 1px #ffffff0c;border-radius:22px}.hero{padding:16px;margin:16px 0}.hero h3{font-size:14px}.hero p{font-size:10px}.hero .gift{font-size:49px}.credit{background:linear-gradient(130deg,#ffffff13,#ffffff05);border:1px solid #ffffff28;box-shadow:inset 0 1px #ffffff12;color:#bcd0ff;min-height:36px}.app-head{margin-bottom:23px}.wordmark{font-size:17px}.glass-logo{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#92b1ff40,#385bab40);border:1px solid #a6bfff55;box-shadow:inset 0 1px #fff3;color:#bdd0ff;margin-right:8px;font-size:19px;vertical-align:-2px}
.chip{background:#ffffff07;border-color:#ffffff16;color:#aeb7c8}.chip.active{background:#7299ff25;border-color:#a8c2ff7a;color:#c4d7ff;box-shadow:inset 0 1px #ffffff15}.photo{border-radius:20px;border:1px solid #ffffff20;height:225px}.badge{background:#131a28b8;border:1px solid #ffffff35;color:#e0e9ff;backdrop-filter:blur(14px);border-radius:20px;font-size:7px;padding:6px 8px}.favorite{background:#11151fa6;border:1px solid #ffffff25;border-radius:50%;width:28px;height:28px;font-size:16px;text-align:center;line-height:26px}.cover,.result-image{border-radius:23px;border:1px solid #ffffff20}.cards{gap:17px 10px}.sectiontitle small{font-size:9px}.balancebox{padding:22px}.balancebox strong{font-size:42px}.balancebox p{font-size:10px;text-transform:uppercase;letter-spacing:1.2px}.plan{border-radius:20px;background:linear-gradient(140deg,#ffffff0b,#ffffff03);border-color:#ffffff1b}.plan.selected{background:linear-gradient(130deg,#4978ff27,#1d2a4140);border-color:#8caeff;box-shadow:inset 0 1px #ffffff2e,0 0 24px #4978ff0d}.plan em{background:#91b2ff;color:#101c37}.pill{border-radius:20px;border:1px solid #6383c83a;background:#4876df14;padding:7px 11px}
.creation-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:17px}.creation-head h2{font-size:28px;margin-bottom:5px}.creation-head .muted{font-size:10px;margin-bottom:0}.creation-spark{font-size:33px;color:#a9c4ff;padding-right:7px}.form-label{display:flex;justify-content:space-between;align-items:center;margin:22px 0 11px;font-size:12px;font-weight:800}.form-label small{font-size:9px;font-weight:500;color:#9ca8bf}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.model-option{position:relative;text-align:left;background:#ffffff05;border:1px solid #ffffff17;border-radius:17px;padding:13px 11px;min-height:78px}.model-option.selected{border-color:#92b2ff;background:linear-gradient(125deg,#4978ff28,#ffffff05);box-shadow:inset 0 1px #ffffff16}.model-option strong{display:block;font-size:11px;margin-bottom:7px}.model-option small{color:#919fb8;font-size:9px;line-height:1.6}.model-option .model-icon{font-size:17px;color:#aac2ff;float:right}.ref-panel{padding:11px;display:flex;gap:10px;align-items:center;border-radius:19px;min-height:100px}.ref-thumb{position:relative;flex:0 0 78px;height:83px;border-radius:12px;overflow:hidden}.ref-thumb img{height:100%;width:100%;object-fit:cover}.ref-thumb button{position:absolute;right:4px;top:4px;background:#0a1325bf;border:1px solid #ffffff44;border-radius:50%;height:22px;width:22px;padding:0;font-size:13px}.ref-add{background:#ffffff04;border:1px dashed #ffffff32;border-radius:13px;height:83px;min-width:78px;color:#b4c9f6;font-size:25px}.ref-hint{font-size:9px;color:#939fb6;line-height:1.8;max-width:190px}.text-switch{background:none;color:#aab9d4;font-size:9px;display:flex;align-items:center;gap:6px;padding:6px 0}.text-switch span{height:13px;width:13px;border:1px solid #607291;border-radius:4px}.text-switch.selected span{background:#749bff;box-shadow:inset 0 0 0 3px #1c2b46}.prompt-wrap{padding:13px;border-radius:18px}.prompt-wrap textarea{resize:vertical;min-height:110px;max-height:250px;width:100%;border:0;background:transparent;color:#e1e6f2;font:11px/1.85 Manrope,Arial,sans-serif;outline-offset:5px}.prompt-wrap:focus-within{border-color:#8eb0ff}.prompt-meta{font-size:8px;color:#939fb6;text-align:right;display:block;margin-top:6px}.option-row{display:flex;gap:7px;flex-wrap:wrap}.option-btn{padding:10px 15px;min-height:40px;border-radius:30px;background:#ffffff05;border:1px solid #ffffff1b;color:#b3bac9;font-size:10px}.option-btn.selected{color:#bcd2ff;border-color:#89aaff;background:#4978ff22;box-shadow:inset 0 1px #ffffff13}.aspect-icon{border:1px solid currentColor;display:inline-block;width:13px;height:13px;border-radius:2px;margin-right:6px;vertical-align:-2px}.form-help{font-size:9px;line-height:1.7;color:#909db4;margin:10px 0}.create-consent{margin:20px 0 5px}.create-consent input{width:16px;height:16px;flex-shrink:0}.small-demo{font-size:9px;padding:8px 0;text-align:left}.profile-card{display:flex;align-items:center;gap:14px;padding:21px;margin:22px 0}.profile-avatar{height:58px;width:58px;display:grid;place-items:center;border-radius:50%;font-size:23px;color:#c1d3ff;background:linear-gradient(135deg,#6d9aff50,#18233a);border:1px solid #adc8ff75;box-shadow:inset 0 1px #ffffff44}.profile-card h3{margin:0 0 5px;font-size:20px}.profile-card small{color:#9ba8bf;font-size:10px}.profile-links{overflow:hidden;margin:16px 0}.profile-links button{display:flex;align-items:center;gap:12px;background:none;padding:19px 16px;width:100%;text-align:left;font-size:12px;border-bottom:1px solid #ffffff0b}.profile-links button:last-child{border-bottom:0}.profile-links button>span:last-child{margin-left:auto;color:#8190aa}.profile-links .ico{color:#91adf0}.profile-legal{font-size:10px;color:#9ca8bd;line-height:2.6;padding:5px}.profile-legal button{display:block;background:none;color:inherit;padding:0;font-size:inherit;line-height:2.7}.free-pill{color:#b8d6ff;font-size:9px;margin-top:7px}.channel-art{margin-top:12px}.creation-mini-note{font-size:8px;color:#8493ad;margin-top:14px}.studio-header .mark{background:linear-gradient(135deg,#6f9dff,#345fed);box-shadow:inset 0 1px #ffffff66}.screen-label span{border-color:#6989c645;color:#9db6e6}.screen-caption{color:#909bb0}
@supports not (backdrop-filter:blur(1px)){.bottom-nav{background:#202633}.cta-footer{background:#111722}}
@media(max-width:680px){.prototype-layout .phone{height:850px}.intro h1{font-size:27px}}
.glass-logo img{width:100%;height:100%;object-fit:cover;border-radius:8px}.test-banner{display:none}.standalone .test-banner{display:block;height:30px;text-align:center;line-height:30px;font-size:9px;color:#c6d9ff;background:#1b2b48;border-bottom:1px solid #ffffff20}.standalone .studio-header,.standalone .intro,.standalone .studio-foot,.standalone .journey{display:none}.standalone .prototype-layout{display:block!important;padding:0;max-width:520px}.standalone .prototype-layout .phone{height:calc(100dvh - 30px);width:100%;max-width:none;border:0;border-radius:0;box-shadow:none}.standalone .status,.standalone .maxbar{display:none}.standalone .app{height:100%}.standalone .scroll{padding-top:22px}.standalone .bottom-nav{bottom:max(17px,env(safe-area-inset-bottom))}.standalone .cta-footer{bottom:calc(max(17px,env(safe-area-inset-bottom)) + 82px)}