/* Shared visual skin. Leaves editing, generation and render contracts unchanged. */
.glass-pages{--ink:#f4f3f8;--muted:#97959f;--violet:#b9a7f3;--panel:#17171d;background:#090a0e;color:var(--ink)}
.glass-pages .flow-main{max-width:620px;padding:22px 22px max(28px,env(safe-area-inset-bottom))}
.glass-pages .flow-header{margin-bottom:30px;gap:10px}.glass-pages .flow-header img{width:32px;height:32px;border-radius:10px}.glass-pages .flow-header b{font-size:21px}.glass-pages .flow-header a,.glass-pages .flow-back{color:#aaa8b5}.glass-pages .flow-back{min-height:36px;margin-bottom:16px}
.glass-pages h1{font-size:30px;letter-spacing:-1px}.glass-pages .eyebrow{color:#928b9f;letter-spacing:1.6px}.glass-pages .intro{color:#9996a3}.glass-pages .step-count{font-size:12px;color:#817b90;margin:0 0 16px}
.glass-pages .choice,.glass-pages .visual-card,.glass-pages .config-dock,.glass-pages .confirm-box,.glass-pages .palette-box,.glass-pages .style-dialog,.glass-pages .background-dialog{background:linear-gradient(135deg,#ffffff0e,#ffffff03),#15151bd9;border:1px solid #ffffff19;box-shadow:inset 0 1px 0 #ffffff0b,0 12px 36px #0002;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.glass-pages .choice{padding:23px;border-radius:26px;margin:12px 0}.glass-pages .choice.ai{background:radial-gradient(ellipse at 100% 0,#7360d92b,transparent 70%),linear-gradient(135deg,#ffffff0c,#ffffff03);border-color:#c1b7f530}.glass-pages .choice .choice-icon{background:#ffffff09;color:#c3b9e9;width:39px;height:39px;font-size:23px;margin-bottom:18px}.glass-pages .choice strong{font-size:21px}.glass-pages .choice p{color:#9996a3;font-size:13px;margin-bottom:20px}.glass-pages .choice .next-label,.glass-pages .choice .arrow{color:#c6bfdf}
.glass-pages .primary,.glass-pages .render{background:linear-gradient(115deg,#7660c4,#514677,#7660c4);background-size:200% 100%;border:1px solid #bba9f54a;box-shadow:inset 0 1px 0 #ffffff24,0 5px 22px #0002;border-radius:18px;color:#fff;min-height:48px;padding:12px 20px;font-size:15px;animation:glass-action 12s ease-in-out infinite}.glass-pages .secondary{background:#ffffff08;border-color:#ffffff19;border-radius:18px;color:#bdb9cb;padding:12px;font-size:14px}
.glass-pages textarea{background:#ffffff04;border:1px solid #ffffff1c;border-radius:22px;color:#eeeaf4;font-size:16px}.glass-pages textarea:focus{border-color:#b6a0e864;box-shadow:0 0 0 3px #ad8ff00a}.glass-pages input,.glass-pages select{accent-color:#b6a1ec}.glass-pages .field-label,.glass-pages .counter,.glass-pages .cost-note{color:#92909e}
.glass-pages .visual-rail,.glass-pages .background-rail{mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);padding:8px 14px 20px;gap:14px;scrollbar-width:none}.glass-pages .visual-card{border-radius:25px}.glass-pages .visual-card.chosen{border-color:#c0adea80;box-shadow:inset 0 0 0 1px #c6b0f520,0 8px 24px #0003}.glass-pages .visual-card.chosen:after{display:none}.glass-pages .card-art{background:radial-gradient(at 70% 25%,#8c70c52e,transparent 70%),#111119}.glass-pages .visual-select strong{font-size:18px;color:#f0edf7}.glass-pages .card-caption{color:#9893a4}.glass-pages .card-info{background:#22212aaf;border:1px solid #ffffff25;backdrop-filter:blur(14px);color:#e1dcec}
.glass-pages .visual-rail.voice{display:flex;flex-direction:column;max-height:clamp(240px,49dvh,520px);overflow-y:auto;overflow-x:hidden;gap:9px;padding:14px 3px 22px;scroll-snap-type:y proximity;overscroll-behavior:contain;touch-action:pan-y;mask-image:linear-gradient(transparent,#000 14px,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(transparent,#000 14px,#000 calc(100% - 24px),transparent)}
.glass-pages .voice .visual-card{flex:0 0 auto;max-width:none;width:100%;border-radius:21px;min-height:88px;scroll-snap-align:nearest}.glass-pages .voice .visual-select{display:grid;grid-template-columns:56px 1fr;grid-template-rows:1fr 1fr;column-gap:15px;padding:15px 64px 15px 15px;min-height:88px;text-align:left;align-items:center}.glass-pages .voice .visual-select strong{align-self:end;margin:0;font-size:16px}.glass-pages .voice .card-caption{align-self:start;margin:3px 0 0;font-size:12px;line-height:1.4}.glass-pages .voice .card-art{grid-row:1/3;width:56px;height:56px;margin:0;border-radius:19px;display:grid;place-items:center;overflow:hidden;position:relative;font-size:22px;font-weight:500;color:#ffffffd9;background:radial-gradient(circle at 20% 10%,hsl(var(--tone) 60% 72% / .7),transparent 60%),linear-gradient(140deg,hsl(var(--tone) 30% 30%),#15141f);border:1px solid #ffffff20;box-shadow:inset 0 0 12px #ffffff0d}.glass-pages .voice .card-art:after{content:'';position:absolute;width:75px;height:75px;left:10px;top:15px;border:1px solid #ffffff26;border-radius:40% 60% 45% 55%;transform:rotate(35deg)}.glass-pages .voice .card-info{top:50%;right:15px;transform:translateY(-50%);width:36px;height:36px;font-size:12px}.glass-pages .voice .card-info[aria-pressed=true]{background:#afa0db30;border-color:#c0acec88;color:white}.glass-pages .voice .chosen{background:linear-gradient(120deg,#a492ce20,#ffffff06)}
.glass-pages .background-card>button:first-child{border-width:1px;border-color:#ffffff20;border-radius:20px;background:#18181f}.glass-pages .background-card button.selected{border-color:#c0adea;box-shadow:0 0 0 1px #c0adea35}.glass-pages .background-card strong{font-weight:500;color:#d8d4e2}.glass-pages .style-dialog,.glass-pages .background-dialog{border-radius:26px}.glass-pages dialog::backdrop{background:#05060a88;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass-pages .style-dialog>button,.glass-pages .background-dialog>button{background:#ffffff0c;border:1px solid #ffffff18;color:#ddd8e9;border-radius:14px;padding:10px 24px;margin:14px auto 0;display:block;width:auto}.glass-pages .style-dialog h2{font-size:18px;font-weight:500}
.glass-pages .config-header{border-color:#ffffff0d}.glass-pages .config-header a{color:#b4afc2}.glass-pages .config-dock{border-radius:25px;overflow:hidden}.glass-pages .config-tabs{background:#ffffff03;border-color:#ffffff0d;scrollbar-width:none}.glass-pages .config-tabs button{border:0;background:transparent;color:#96929f;border-radius:16px}.glass-pages .config-tabs button[aria-selected=true]{color:#eee8fb;background:linear-gradient(135deg,#ffffff1b,#aca0d311);box-shadow:inset 0 1px 0 #ffffff20}.glass-pages .config-panel h2{font-size:15px;font-weight:500;color:#ddd7e8}.glass-pages .option-row button{border:1px solid #ffffff20;background:#ffffff05;color:#c3bdce;border-radius:15px}.glass-pages .option-row button.active{background:#a08abc25;border-color:#c0adea70;color:#fff}.glass-pages .upload{background:#ffffff05;border:1px solid #ffffff24;border-radius:20px;color:#dad5e3}.glass-pages .config-note,.glass-pages .config-panel small{color:#928b9d}.glass-pages .config-footer{background:linear-gradient(transparent,#090a0ef2 25%)}
/* Existing standard editor geometry and interactions stay intact. */
.glass-pages.result-page #properties,.glass-pages.result-page #studio-home,.glass-pages.editor-page .tools,.glass-pages.editor-page .panel{background:linear-gradient(135deg,#ffffff0e,#ffffff03),#15151df0;border:1px solid #ffffff20;box-shadow:inset 0 1px 0 #ffffff12,0 10px 35px #0004;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:25px}.glass-pages.result-page #props-tabs button,.glass-pages.result-page #studio-tools button{background:#ffffff06;border-color:#ffffff18;color:#c9c2d7;border-radius:14px}.glass-pages.result-page #props-tabs button.active,.glass-pages.result-page #props-tabs button[aria-selected=true]{background:#b8a1ef22;border-color:#c2afe85c}.glass-pages.result-page .preview-panel,.glass-pages.result-page .timeline-panel{border-color:#ffffff0d;background:#0c0d12}.glass-pages.result-page .split-button{background:#ffffff06;border-color:#ffffff1c;border-radius:16px}.glass-pages.result-page #render-edits{background:linear-gradient(120deg,#74609b,#4c4268);border-color:#c6b6e74a;border-radius:18px}.glass-pages.result-page .transport .play{background:linear-gradient(140deg,#ffffff17,#ffffff05);border:1px solid #d8cafa40;box-shadow:inset 0 1px 0 #ffffff25}.glass-pages.result-page .confirm-box,.glass-pages.result-page .palette-box{border-radius:25px}
@keyframes glass-action{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.glass-pages .primary,.glass-pages .render{animation:none}}
.glass-pages .flow-header>img{display:none}