:root{--page:#f5f2ff;--purple:#3c315b;--purple-deep:#2d2445;--lilac:#ab9ff2;--lilac-soft:#e2dffe;--white:#fdfcfe;--cream:#fffdf8;--ink:#1c1c1c;--gray:#e9e8ea;--blue:#4a87f2;--pink:#ffdadc;--lime:#f1ff52;--muted:#3c315b99;--danger:#c0392b;--ease:cubic-bezier(.22, 1, .36, 1);--radius:24px;--radius-sm:16px;--shadow:0 -3px 40px 0 #1c1c1c17, 0 2px 10px 0 #1c1c1c14;--shadow-soft:0 1px 2px #1c1c1c0a, 0 8px 24px #3c315b0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--purple);-webkit-font-smoothing:antialiased;font-family:Figtree,ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{background:var(--page);margin:0}h1,h2,h3,p,ol{margin:0;padding:0;font-weight:400}b{font-weight:500}button,input,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--lilac);outline-offset:2px}button{cursor:pointer;background:var(--white);white-space:nowrap;transition:transform .4s var(--ease), background-color .3s var(--ease), box-shadow .4s var(--ease), color .3s var(--ease);border:0;border-radius:75px;padding:10px 20px}@media (hover:hover){button:hover:not(:disabled){transform:scale(.985)}}button:disabled{cursor:default;opacity:.45}.primary{background:var(--lime);color:var(--purple);padding:12px 28px}@media (hover:hover){.primary:hover:not(:disabled){box-shadow:var(--shadow)}}.primary.big{padding:20px 40px;font-size:19px}.small{padding:8px 18px;font-size:14px}.link{color:var(--purple);text-decoration:underline;-webkit-text-decoration-color:var(--lilac);text-decoration-color:var(--lilac);text-underline-offset:3px;background:0 0;border-radius:0;align-self:flex-start;padding:0;font-size:14px}@media (hover:hover){.link:hover:not(:disabled){text-decoration-color:currentColor;transform:none}}textarea,input:not([type]),input[type=text],input[type=password]{border-radius:var(--radius-sm);background:var(--page);resize:vertical;width:100%;transition:box-shadow .3s var(--ease);border:0;padding:12px 16px}textarea::placeholder,input::placeholder{color:var(--muted)}textarea:focus,input:focus{box-shadow:0 0 0 3px var(--lilac);outline:none}.app{grid-template-columns:320px 1fr;gap:24px;min-height:100vh;padding:24px;display:grid}.side{border-radius:var(--radius);background:var(--white);height:calc(100vh - 48px);box-shadow:var(--shadow-soft);flex-direction:column;gap:16px;padding:24px 20px;display:flex;position:sticky;top:24px;overflow-y:auto}.brand{align-items:center;gap:8px;padding:0 4px;display:flex}.logo{width:32px;height:32px;color:var(--purple);flex:none}.brand h1{letter-spacing:-.04em;font-size:24px}.side>.primary{align-self:stretch}.history{flex-direction:column;gap:2px;display:flex}.history h2{color:var(--muted);margin:8px 8px 6px;font-size:13px}.past{text-align:left;white-space:normal;border-radius:var(--radius-sm);background:0 0;align-items:center;gap:12px;padding:8px;display:flex}@media (hover:hover){.past:hover{background:var(--page);transform:none}}.past.active{background:var(--lilac-soft)}.past img,.past .ph{object-fit:cover;background:var(--gray);border-radius:8px;flex:none;width:36px;height:48px}.past b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400;display:-webkit-box;overflow:hidden}.past small{color:var(--muted);font-size:12px}.account{border-top:1px solid var(--gray);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:14px 8px 0;display:flex}.account .link{align-self:center}.signin{place-items:center;min-height:100vh;padding:24px;display:grid}.signin-card{border-radius:var(--radius);background:var(--ink);width:min(420px,100%);color:var(--cream);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:40px 32px 32px;display:flex}.signin-card .brand{justify-content:center;margin-bottom:8px}.signin-card .logo{color:var(--cream)}.signin-card .brand h1{font-size:28px}.field{flex-direction:column;gap:6px;display:flex}.field span{opacity:.7;padding-left:4px;font-size:13px}.signin-card input{color:var(--cream);background:#fffdf814}.signin-card .primary{margin-top:8px;padding:14px 28px}.signin-error{border-radius:var(--radius-sm);background:var(--pink);color:var(--ink);padding:10px 14px;font-size:14px}.main{flex-direction:column;gap:20px;min-width:0;max-width:1200px;display:flex}.error{border-radius:var(--radius-sm);background:var(--pink);color:var(--ink);overflow-wrap:anywhere;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px;display:flex}.empty{flex-direction:column;gap:20px;display:flex}.hero{border-radius:var(--radius);background:var(--ink);color:var(--cream);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:88px 24px;display:flex;position:relative;overflow:hidden}.hero-ring{aspect-ratio:1;pointer-events:none;border:clamp(50px,7vw,100px) solid #221d33;border-radius:50%;width:min(640px,110%);position:absolute;top:50%;left:50%;translate:-50% -50%}.hero h2,.hero p,.hero button{position:relative}.hero h2{letter-spacing:-.025em;font-size:clamp(36px,5vw,64px);line-height:1.1}.hero p{letter-spacing:-.02em;opacity:.8;font-size:19px}.hero .primary{margin-top:12px}.recent h2{letter-spacing:-.02em;margin:8px 4px 16px;font-size:22px}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.recent-card{border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-soft);text-align:left;white-space:normal;flex-direction:column;gap:6px;padding:10px 10px 14px;display:flex}.recent-card img,.recent-card .recent-blank{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-sm);background:var(--gray);width:100%;margin-bottom:4px;display:block}.recent-card b{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 4px;font-weight:400;display:-webkit-box;overflow:hidden}.recent-card small{color:var(--muted);padding:0 4px;font-size:12px}.persona-pick{align-items:center;gap:8px;min-width:0;display:flex;position:relative}.persona-label{color:var(--muted);padding-left:4px;font-size:13px}.persona-btn{background:var(--page);align-items:center;gap:8px;max-width:240px;padding:8px 12px 8px 16px;font-size:14px;display:inline-flex}.persona-btn span{text-overflow:ellipsis;overflow:hidden}.persona-btn svg{transition:rotate .3s var(--ease);flex:none;rotate:-90deg}.persona-btn[aria-expanded=true] svg{rotate:90deg}.persona-btn.unset{background:var(--lime)}.persona-menu{z-index:20;border-radius:var(--radius-sm);background:var(--white);width:340px;max-width:calc(100vw - 32px);max-height:420px;box-shadow:var(--shadow);animation:drop .18s var(--ease);flex-direction:column;gap:2px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}@keyframes drop{0%{opacity:0;translate:0 -6px}}.persona-option{border-radius:12px;align-items:center;gap:2px;display:flex}.persona-option.on{background:var(--lilac-soft)}.persona-item{text-align:left;white-space:normal;background:0 0;border-radius:12px;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;padding:10px 12px;display:flex}@media (hover:hover){.persona-option:not(.on):hover,.persona-new:hover{background:var(--page)}.persona-item:hover{transform:none}}.persona-item:focus-visible{outline-offset:-3px}.persona-item small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.persona-option .icon{border-radius:75px;flex:none;place-items:center;margin-right:4px;display:grid}.persona-new{border-top:1px solid var(--gray);border-radius:0 0 12px 12px;flex:none;margin-top:4px;font-size:14px}.persona-dialog{width:min(460px,100vw - 32px)}.persona-dialog form{flex-direction:column;gap:14px;display:flex}.persona-dialog p{margin-top:-6px}.persona-dialog .field span{opacity:1;color:var(--muted)}.persona-dialog .confirm-actions{margin-top:6px}.delete-persona{color:var(--danger);align-items:center;gap:6px;margin-right:auto;display:inline-flex;background:0 0!important}.save-state{color:var(--muted);text-align:right;min-width:56px;font-size:13px}.strip-card{border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-soft);flex-direction:column;gap:12px;padding:16px 20px 14px;display:flex}.strip-head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.strip-head h2{letter-spacing:-.02em;font-size:17px}.strip-head h2 small{color:var(--muted);margin-left:4px;font-size:13px}.new-slide{align-self:flex-start}.post-actions{display:contents}.strip-head .persona-pick{margin-right:auto}.strip-head .save-state{order:1}.strip-head .find-all{order:2}.strip-head .head-icon{color:var(--purple);background:var(--page);border-radius:75px;order:3;place-items:center;min-width:36px;height:36px;padding:0;display:grid}@media (hover:hover){.strip-head .danger-hover:hover{color:var(--danger)}}.find-all{background:var(--purple);color:var(--cream);padding:9px 20px;font-size:14px}@media (hover:hover){.find-all:hover:not(:disabled){background:var(--purple-deep)}}.strip{scrollbar-width:thin;gap:10px;margin:-4px;padding:4px;display:flex;overflow-x:auto}.frame{transition:opacity .2s var(--ease);border-radius:14px;flex:none}.frame.dragging{opacity:.35}.mini{aspect-ratio:9/16;width:72px;box-shadow:0 0 0 0 var(--purple);cursor:grab;background:#000;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.frame.on .mini{box-shadow:0 0 0 3px var(--purple)}.frame:not(.on) .mini img{opacity:.82;transition:opacity .2s var(--ease)}@media (hover:hover){.frame:not(.on) .mini:hover img{opacity:1}}.mini img{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.mini-num{color:#fff;background:#1c1c1c99;border-radius:75px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:grid;position:absolute;bottom:5px;left:5px}.frame.on .mini-num{background:var(--lime);color:var(--purple)}.mini-status{border-radius:50%;width:12px;height:12px;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #1c1c1c80}.mini-status.ready{background:var(--lime)}.mini-status.failed{background:var(--danger)}.mini-status.busy{width:16px;height:16px;box-shadow:none;border:2px solid #ffffff59;border-top-color:#fff;animation:.8s linear infinite spin}@keyframes spin{to{rotate:360deg}}.add-tile{aspect-ratio:9/16;border:2px dashed var(--lilac);width:72px;color:var(--purple);background:0 0;border-radius:12px;flex:none;padding:0;font-size:26px}@media (hover:hover){.add-tile:hover{background:var(--lilac-soft)}}.slide-editor{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:24px;display:grid}.stage{flex-direction:column;gap:10px;display:flex;position:sticky;top:24px}.preview img{aspect-ratio:9/16;object-fit:contain;border-radius:var(--radius);width:100%;max-height:calc(100vh - 120px);box-shadow:var(--shadow-soft);background:#000;display:block}.stage-bar{background:var(--white);box-shadow:var(--shadow-soft);border-radius:75px;align-items:center;gap:2px;padding:4px;display:flex}.stage-count{text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-size:14px}.stage-actions{gap:2px;margin-left:auto;display:flex}.stage-bar .icon{color:var(--purple);border-radius:75px;place-items:center;display:grid}.stage-bar .icon:disabled{color:var(--muted)}.icon.flip svg{scale:-1 1}.panels{flex-direction:column;gap:16px;min-width:0;display:flex}.panel{border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-soft);flex-direction:column;gap:14px;padding:20px;display:flex}.panel h3{letter-spacing:-.02em;font-size:17px}.panel-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.panel-head h3{margin-right:auto}.panel-head .link{align-self:center}.hint{color:var(--muted);font-size:14px}.no-slides{border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-soft);color:var(--muted);flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.confirm{border-radius:var(--radius);background:var(--white);width:min(360px,100vw - 32px);color:var(--purple);box-shadow:var(--shadow);border:0;padding:28px}.confirm::backdrop{background:#1c1c1c73}.confirm h2{letter-spacing:-.02em;font-size:22px}.confirm p{color:var(--muted);margin-top:8px}.confirm-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.confirm-actions .small:not(.danger-btn):not(.primary){background:var(--page)}.danger-btn{background:var(--danger);color:var(--white)}.icon{min-width:34px;height:34px;color:var(--muted);background:0 0;padding:0 10px}@media (hover:hover){.icon:hover:not(:disabled){background:var(--page);color:var(--purple)}}.icon.danger{color:var(--danger);font-size:13px}.fold-head{border-radius:var(--radius);text-align:left;background:0 0;align-items:center;gap:12px;margin:-20px;padding:20px;display:flex}@media (hover:hover){.fold-head:hover{transform:none}}.fold.open .fold-head{margin-bottom:-6px}.fold-head svg{color:var(--muted);transition:rotate .3s var(--ease);flex:none;margin-left:auto;rotate:-90deg}.fold.open .fold-head svg{rotate:90deg}.fold-summary{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.step{border-top:1px solid var(--gray);padding-top:12px}.step-head{text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:4px 0;display:flex}@media (hover:hover){.step-head:hover{transform:none}}.step-head h4{flex:none;margin:0;font-size:15px}.step-num{background:var(--lilac-soft);width:22px;height:22px;color:var(--purple);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.step-head svg,.step-chevron svg{color:var(--muted);transition:rotate .3s var(--ease);flex:none;margin-left:auto;rotate:-90deg}.step.open .step-head svg,.step.open .step-chevron svg{rotate:90deg}.step-body{flex-direction:column;gap:14px;margin-top:12px;display:flex}.step-top{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.step-top .step-head{flex:1;width:auto}.step-chevron{background:0 0;place-items:center;padding:4px 0;display:grid}@media (hover:hover){.step-chevron:hover{transform:none}}.step-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 14px;display:flex}.text-row{grid-template-columns:minmax(0,1fr) auto;gap:20px;display:grid}.slide-text{letter-spacing:-.01em;height:100%;min-height:84px;padding:10px 14px;font-size:15px}.text-panel{gap:8px;padding-top:10px;padding-bottom:14px}.text-panel:not(.open){padding-bottom:10px}.text-panel .fold-head{margin:-10px -20px;padding:10px 20px}.text-panel h3{font-size:15px}.text-panel.open .fold-head{margin-bottom:-2px}.text-panel .text-row{gap:14px}.text-panel .controls{gap:8px}.text-panel .segmented{padding:3px}.text-panel .segmented button{padding:6px 12px;font-size:13px}.text-panel .sliders{gap:6px}.text-panel .range span{font-size:12px}.controls{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.slider-row{align-items:center;gap:12px;display:flex}.sliders{flex-direction:column;gap:10px;display:flex}.reset-text{background:var(--page)}.segmented{background:var(--page);border-radius:75px;gap:2px;padding:4px;display:inline-flex}.segmented button{background:0 0;padding:8px 16px;font-size:14px}@media (hover:hover){.segmented button:hover{background:var(--white);transform:none}}.segmented button.on{background:var(--purple);color:var(--cream)}.range{color:var(--muted);grid-template-columns:56px auto;align-items:center;gap:8px;font-size:13px;display:grid}.range input{width:130px;accent-color:var(--purple)}.rec{background:var(--purple);color:var(--cream);align-items:center;gap:6px;display:inline-flex}.upload-photo{cursor:pointer;white-space:nowrap;background:var(--page);color:var(--purple);border-radius:75px;padding:10px 20px}.upload-photo.busy{cursor:progress;opacity:.6}.image-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px 0 12px;display:flex}.image-sources{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (hover:hover){.rec:hover:not(:disabled){background:var(--purple-deep)}}.stats{color:var(--muted);font-size:13px}.idea{color:var(--muted);font-size:14px}.idea b{color:var(--purple);margin-right:4px;font-weight:500}.keywords{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{background:var(--gray);color:var(--ink);transition:background-color .3s var(--ease);border-radius:75px;padding:7px 14px;font-size:13px;text-decoration:none}.chip:hover{background:var(--lilac-soft)}.keywords .link{align-self:center;margin-left:4px}.edit{flex-direction:column;gap:8px;display:flex}.edit-actions{gap:8px;display:flex}.edit-actions .small:not(.primary){background:var(--page)}.picks{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.pick{flex-direction:column;gap:6px;margin:0;display:flex}.pick.skeleton{aspect-ratio:3/4;border-radius:var(--radius-sm);background:var(--gray);animation:1.4s ease-in-out infinite pulse}.thumb{border-radius:var(--radius-sm);aspect-ratio:3/4;background:var(--gray);box-shadow:0 0 0 0 var(--purple);transition:transform .4s var(--ease), box-shadow .3s var(--ease);padding:0;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.pick.chosen .thumb{box-shadow:0 0 0 3px var(--purple)}.pick.rejected img{opacity:.4}.check{width:24px;height:24px;color:var(--purple);background:var(--lime);border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:8px;right:8px}.pick figcaption{color:var(--muted);justify-content:space-between;gap:6px;padding:0 4px;font-size:12px;display:flex}.pick figcaption a{color:var(--purple);text-decoration:none}.pick{position:relative}.remake-btn{max-width:calc(100% - 12px);color:var(--purple);background:var(--lime);box-shadow:var(--shadow-soft);opacity:0;transition:opacity .2s var(--ease);border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:inline-flex;position:absolute;bottom:30px;left:6px}.remake-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pick:hover .remake-btn,.remake-btn:focus-visible{opacity:1}@media (hover:none){.remake-btn{opacity:1}}.variants .remake-btn{bottom:6px}.remake-form{border-radius:var(--radius-sm);background:var(--lilac-soft);gap:12px;padding:12px;display:flex}.remake-form>img{aspect-ratio:3/4;object-fit:cover;border-radius:10px;flex:none;width:72px}.remake-fields{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.remake-fields .hint{margin:0}.variants{flex-direction:column;gap:14px;display:flex}.variants h4{color:var(--muted);margin:4px 0 0;font-size:14px;font-weight:400}.variant-run{flex-direction:column;gap:8px;display:flex}.variant-head{align-items:center;gap:8px;font-size:13px;display:flex}.variant-head img{aspect-ratio:3/4;object-fit:cover;border-radius:5px;width:24px}.variant-head .muted{color:var(--muted)}.variant-failed{aspect-ratio:3/4;text-align:center;color:var(--muted);border-radius:var(--radius-sm);border:1px dashed var(--lilac);place-items:center;padding:8px;font-size:12px;display:grid}.persona-photos{flex-wrap:wrap;gap:8px;display:flex}.persona-photo{aspect-ratio:3/4;background:var(--gray);border-radius:10px;width:64px;margin:0;position:relative;overflow:hidden}.persona-photo img{object-fit:cover;width:100%;height:100%;display:block}.persona-photo .icon{background:#fdfcfee6;border-radius:50%;place-items:center;width:20px;min-width:0;height:20px;padding:0;font-size:14px;line-height:1;display:grid;position:absolute;top:3px;right:3px}.persona-photo.add{color:var(--purple);background:var(--page);border:1px dashed var(--lilac);cursor:pointer;place-items:center;font-size:22px;display:grid}.persona-photo.add.busy{cursor:progress}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=900px){.app{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.side{height:auto;position:static}.slide-editor{grid-template-columns:minmax(0,1fr)}.strip-head .persona-pick{flex:100%;order:0}.strip-head .save-state{text-align:left;margin-right:auto}.stage{justify-self:center;width:min(340px,100%);position:static}.panel{padding:16px}.fold-head{margin:-16px;padding:16px}.text-panel .fold-head{margin:-10px -16px;padding:10px 16px}.text-row{grid-template-columns:minmax(0,1fr)}.picks{grid-template-columns:repeat(3,minmax(0,1fr))}}