:root{--text:#f6f7f5;--muted:#bdd3dc;--ink:#102634;--teal:#88ffff;--amber:#ffd19b;--success:#93f2c9;--error:#ffc2ae;--border:#d6f0f6;--bg:#102a35;--glass-blur:24px;--glass-radius:22px}
*{box-sizing:border-box}html{min-height:100%;background:#061821}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 65% 15%,#14424e 0,transparent 60%),#071c26;color:var(--text);font-family:'Noto Sans SC','PingFang SC',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:transparent;color:inherit;padding:0}button:disabled{cursor:not-allowed}.app-host{width:390px;margin:28px auto;box-shadow:0 32px 100px #0007;border-radius:24px;overflow:hidden}body.gallery{background:#071923}.gallery #app{display:grid;grid-template-columns:repeat(4,390px);gap:28px;width:max-content;padding:28px}.gallery .app-host{margin:0}
.node{position:relative;flex-shrink:0;min-width:0}.box{display:flex;gap:0}.column{flex-direction:column}.row{flex-direction:row}.screen{width:100%;min-height:844px;padding:18px 24px 14px;background-image:linear-gradient(#071e2918,#071e2918),url('../v4/assets/ocean-background.png');background-size:100% 844px;background-position:center top;background-repeat:no-repeat;background-color:#062735;gap:0;isolation:isolate}.text{display:block;white-space:pre-wrap;line-height:1.5;letter-spacing:0;margin:0}.icon{display:block;flex-shrink:0}.glass{background:linear-gradient(132deg,rgba(218,241,247,.20) 0%,rgba(203,235,242,.085) 60%,rgba(218,241,247,.12) 100%);border:1px solid #d6f0f64d;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:inset 0 1px 0 #fff2,inset 0 -1px 0 #ffffff07,0 10px 28px #00151b13}.glass::before{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.2'/%3E%3C/svg%3E");opacity:.20;mix-blend-mode:screen}.glass.selected{border-color:#f3fcffd9;box-shadow:inset 0 0 0 1px #f0ffff99,0 0 12px #9bffff3b;background:linear-gradient(135deg,#dafcff30,#d4faff19)}.pearl{border:1px solid #fff9;background:linear-gradient(125deg,#f8f9f6,#d6e0e5);color:var(--ink);box-shadow:inset 0 1px 0 #fff,0 5px 16px #031a2826}.pearl:hover{background:linear-gradient(125deg,#fff,#e4edf1)}button.node{appearance:none;text-align:inherit}.interactive{transition:transform .14s ease,border-color .16s ease,background .16s ease}.interactive:active{transform:scale(.98)}.interactive:focus-visible,textarea:focus-visible{outline:2px solid #c9ffff;outline-offset:4px}.disabled{opacity:.42}.divider{background:#d6f0f637;border:0}.teal{background:var(--teal)}.amber{background:var(--amber)}.success{background:var(--success)}.error{background:var(--error)}.badge{position:absolute;top:10px;right:10px;z-index:2}.wave{display:flex;align-items:center;justify-content:center;gap:3px;color:var(--teal);filter:drop-shadow(0 0 5px #76ffff99)}.wave.amber-wave{color:var(--amber);filter:drop-shadow(0 0 5px #ffd19b88)}.wave .bar{display:block;flex:1;max-width:5px;min-width:1px;border-radius:5px;background:linear-gradient(180deg,#ffffffaa,currentColor 35%,currentColor);box-shadow:0 0 2px currentColor;transform-origin:center}.editor{display:block;border:0;outline:0;width:100%;padding:0;resize:none;overflow:auto;background:transparent;color:var(--text);font:400 16px/28px 'Noto Sans SC','PingFang SC',sans-serif;letter-spacing:0}.editor::placeholder{color:#bdd3dc}.progress{height:6px;background:#a9d3e34a;border-radius:6px;position:relative}.progress-fill{height:100%;width:0%;background:#b8ffff;border-radius:6px;box-shadow:0 0 6px #c9ffff66}.progress-fill:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#d8ffff;top:-2px;left:calc(100% - 5px);box-shadow:0 0 8px #8dffff99}.nav-active:after{content:'';position:absolute;bottom:0;left:35px;right:35px;height:3px;background:#f7fbfb;border-radius:3px}.checkbox{appearance:none;display:block;margin:0;border:1px solid #d9edf266;border-radius:6px;background:#e7f0f00d}.checkbox:checked{background:#eef5f4 url('../v4/assets/check-read-linear.svg') center/20px no-repeat}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#eaf0f2;color:#18303a;border:1px solid #fff8;border-radius:16px;box-shadow:0 15px 40px #0005;z-index:50;font-size:14px;max-width:calc(100vw - 32px);width:max-content}.toast[hidden]{display:none}.text[data-heading]{font-weight:600}
@supports not (backdrop-filter:blur(24px)){.glass{background:linear-gradient(130deg,#385b68ed,#254657ed)}}
@media(max-width:500px){body{background:#061c28}.app-host{width:100%;max-width:390px;margin:0 auto;box-shadow:none;border-radius:0}.screen{background-size:100% 844px}.gallery #app{padding:0}.toast{bottom:20px}}
@media(prefers-reduced-motion:reduce){.interactive{transition:none}.wave{filter:none}*{scroll-behavior:auto}}
.wave{display:block;gap:0}.wave .bar{transform-box:fill-box;transform-origin:center;box-shadow:none}.screen{width:100%!important}[data-name^='VoiceCard/']{flex:1;width:0!important}[data-name^='Scene/']{flex:1;width:0!important}[data-name^='Speed/'],[data-name^='Filter/']{flex:1;width:0!important}[data-name='Navigation/Create'],[data-name='Navigation/Works']{flex:1;width:0!important}
.row:not([data-name="StyleBar"])>.node[style*='width:100%']{flex:1;width:0!important}.text{overflow-wrap:break-word}
.icon svg,.wave svg{display:block}.tint-teal{background:linear-gradient(135deg,#a2ffff33,#5ff1dc14)}.tint-amber{background:linear-gradient(135deg,#ffe3c833,#ffb47714)}
.wave{max-width:100%}@media(max-width:360px){[data-name='VoiceSummary'],[data-name^='WorkCard/']{gap:12px!important}[data-name='Voice/thumbnail']{width:60px!important;height:60px!important}[data-name='WorkIcon']{width:58px!important;height:58px!important}[data-name^='Button/']{padding-left:20px!important;padding-right:20px!important}[data-name='Button/label']>.text{font-size:16px!important}}
a.node{text-decoration:none;color:inherit}a.node:hover .text{text-decoration:underline;text-underline-offset:3px}label.node{cursor:pointer}

[data-name^="InputTab/"],[data-name^="ReadScope/"]{flex:1;width:0!important}.screen{background-size:100% 100%;min-height:844px}[data-name="Transcript"] .text:last-child{overflow:auto}[data-name="VoiceConsent"]{cursor:pointer}.upload-input{display:none}.busy button{pointer-events:none;opacity:.65}

.subtitle-active { color: #94f4ee; background: rgba(115,230,222,.1); border-radius: 12px; }

.progress-fill{position:relative}

.payment-dialog{border:1px solid #bdd3dc66;border-radius:24px;padding:28px;text-align:center;background:#102a35f0;color:#f6f7f5;backdrop-filter:blur(24px);max-width:90vw}.payment-dialog::backdrop{background:#06182099}.payment-dialog img{display:block;margin:16px auto;background:white;border-radius:12px}.payment-dialog button{background:#f0f2f1;color:#102634;border:0;border-radius:14px;padding:12px 30px;font-size:16px}

[data-name="StyleBar"]{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}[data-name^="Style/"]{width:100%!important;min-width:0;padding:0 8px!important}[data-name="ResetOriginal"]{border:0;background:none;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.brand-icon{display:block;object-fit:cover;border-radius:12px}
#creation-status{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);z-index:80;display:flex;flex-direction:column;align-items:center;gap:16px;padding:26px 38px;border-radius:24px;color:#f6f7f5;background:#153d4de6;border:1px solid #d6f0f650;backdrop-filter:blur(24px);box-shadow:0 16px 60px #00151b70;pointer-events:none}.creation-wave{display:flex;align-items:center;gap:6px;height:38px}.creation-wave span{width:5px;height:32px;border-radius:5px;background:#baf5ed;animation:creation-pulse 1s ease-in-out infinite;animation-delay:calc(var(--i)*.12s)}@keyframes creation-pulse{0%,100%{transform:scaleY(.25);opacity:.5}50%{transform:scaleY(1);opacity:1}}@media(prefers-reduced-motion:reduce){.creation-wave span{animation:none}}