.tf-fruit-flow{scroll-margin-top:calc(54 * var(--u));margin-top:calc(36 * var(--u));padding-top:calc(24 * var(--u));border-top:1px solid #ffffff17}.tf-fruit-header{justify-content:space-between;align-items:flex-end;gap:calc(12 * var(--u));display:flex}.tf-fruit-header h2{margin-top:calc(8 * var(--u));color:var(--tf-text);font-size:calc(24 * var(--u));font-weight:800}.tf-fruit-header h2 em{color:var(--tf-pink);font-style:normal}.tf-fruit-header p{margin-top:calc(4 * var(--u));color:var(--tf-muted);font-size:calc(10 * var(--u))}.tf-fruit-header svg{width:calc(9 * var(--u))}.tf-fruit-flow-back{min-height:calc(31 * var(--u));justify-content:center;align-items:center;gap:calc(5 * var(--u));background:var(--tf-card);color:var(--tf-text);padding:calc(7 * var(--u)) calc(11 * var(--u));font-size:calc(9 * var(--u));border:1px solid #ffffff1f;border-radius:999px;font-weight:700;transition:border-color .16s,color .16s;display:inline-flex}.tf-fruit-flow-back:hover{border-color:color-mix(in oklab, var(--tf-pink) 55%, transparent);color:var(--tf-pink)}.tf-fruit-stepper{margin-top:calc(15 * var(--u));gap:calc(8 * var(--u));display:flex;overflow-x:auto}.tf-fruit-stepper button{align-items:center;gap:calc(5 * var(--u));min-width:max-content;color:var(--tf-muted);font-size:calc(8.5 * var(--u));display:flex}.tf-fruit-stepper span{width:calc(20 * var(--u));height:calc(20 * var(--u));font-size:calc(7.5 * var(--u));border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;display:flex}.tf-fruit-stepper button.active span,.tf-fruit-stepper button.done span{border-color:var(--tf-pink);background:var(--tf-pink);color:#fff}.tf-fruit-stepper button.active{color:var(--tf-pink)}.tf-fruit-stepper svg{width:calc(8 * var(--u))}.tf-fruit-panel{margin-top:calc(13 * var(--u));border-radius:calc(11 * var(--u));background:var(--tf-card);padding:calc(16 * var(--u));color:var(--tf-text);border:1px solid #ffffff17}.tf-fruit-title>span{color:var(--tf-pink);font-size:calc(8 * var(--u));letter-spacing:.08em;font-weight:800}.tf-fruit-title h2{margin-top:calc(3 * var(--u));font-size:calc(18 * var(--u));font-weight:800}.tf-fruit-title p{margin-top:calc(3 * var(--u));color:var(--tf-muted);font-size:calc(9 * var(--u))}.tf-fruit-category{gap:calc(6 * var(--u));margin-top:calc(11 * var(--u));display:flex}.tf-fruit-category button{padding:calc(6 * var(--u)) calc(10 * var(--u));color:var(--tf-muted);font-size:calc(8.5 * var(--u));border:1px solid #ffffff1a;border-radius:999px}.tf-fruit-category button.active{border-color:var(--tf-pink);background:var(--tf-pink);color:#fff}.tf-fruit-library-bar,.tf-scene-library-head{justify-content:space-between;align-items:center;gap:calc(10 * var(--u));margin-top:calc(10 * var(--u));border-radius:calc(8 * var(--u));padding:calc(9 * var(--u));background:#00000024;border:1px solid #ffffff17;display:flex}.tf-fruit-library-bar>div,.tf-scene-library-head>div{gap:calc(2 * var(--u));display:grid}.tf-fruit-library-bar strong,.tf-scene-library-head strong{font-size:calc(9 * var(--u))}.tf-fruit-library-bar span,.tf-scene-library-head span{color:var(--tf-muted);font-size:calc(7.7 * var(--u))}.tf-fruit-library-bar>label,.tf-scene-library-head>label{cursor:pointer;justify-content:center;align-items:center;gap:calc(5 * var(--u));border:1px solid var(--tf-pink);border-radius:calc(7 * var(--u));background:var(--tf-pink);color:#fff;min-width:max-content;padding:calc(7 * var(--u)) calc(10 * var(--u));font-size:calc(8 * var(--u));font-weight:700;display:inline-flex}.tf-fruit-library-bar>label.uploading,.tf-scene-library-head>label.uploading{opacity:.7}.tf-fruit-library-bar>label.limit-reached{cursor:not-allowed;color:var(--tf-muted);background:#ffffff0f;border-color:#ffffff1f}.tf-fruit-library-bar .tf-fruit-upload-count{margin-top:calc(2 * var(--u));color:color-mix(in oklab, var(--tf-muted) 82%, #fff 18%);font-size:calc(7.2 * var(--u))}.tf-fruit-library-bar .tf-fruit-upload-count.limit-reached{color:var(--tf-pink)}.tf-fruit-library-bar label svg,.tf-scene-library-head label svg{width:calc(9 * var(--u))}.tf-fruit-library-bar input,.tf-scene-library-head input{display:none}.tf-fruit-empty{place-items:center;gap:calc(4 * var(--u));margin-top:calc(10 * var(--u));border-radius:calc(8 * var(--u));padding:calc(18 * var(--u));text-align:center;border:1px dashed #ffffff1f;display:grid}.tf-fruit-empty svg{width:calc(18 * var(--u));color:var(--tf-pink)}.tf-fruit-empty strong{font-size:calc(9 * var(--u))}.tf-fruit-empty span{color:var(--tf-muted);font-size:calc(8 * var(--u))}.tf-fruit-characters{gap:calc(8 * var(--u));margin-top:calc(11 * var(--u));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tf-fruit-character-card{border-radius:calc(8 * var(--u));background:#0000001f;border:1px solid #ffffff14;position:relative;overflow:hidden}.tf-fruit-character-card.selected{border-color:var(--tf-pink);box-shadow:inset 0 0 0 1px var(--tf-pink)}.tf-fruit-character-choice{width:100%;height:100%;padding-bottom:calc(8 * var(--u));text-align:left;display:block;position:relative}.tf-fruit-character-choice:focus-visible{outline:2px solid var(--tf-pink);outline-offset:-2px}.tf-fruit-characters img{aspect-ratio:4/3;object-fit:cover;width:100%}.tf-fruit-characters strong{margin:calc(6 * var(--u)) calc(8 * var(--u));font-size:calc(9.5 * var(--u));display:block}.tf-fruit-characters .tf-fruit-source{margin:calc(-3 * var(--u)) calc(8 * var(--u)) 0;color:var(--tf-pink);font-size:calc(7 * var(--u));display:block}.tf-fruit-selection{right:calc(6 * var(--u));top:calc(6 * var(--u));width:calc(20 * var(--u));height:calc(20 * var(--u));color:var(--tf-pink);background:#000000a6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.tf-fruit-selection svg,.tf-fruit-delete svg{width:calc(10 * var(--u))}.tf-fruit-delete{z-index:2;top:calc(6 * var(--u));left:calc(6 * var(--u));width:calc(20 * var(--u));height:calc(20 * var(--u));border:1px solid color-mix(in oklab, var(--tf-pink) 58%, transparent);color:var(--tf-pink);background:#0e0e10d1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:0 4px 14px #00000047}.tf-fruit-delete:hover,.tf-fruit-delete:focus-visible{background:var(--tf-pink);color:#fff}.tf-fruit-delete:disabled{cursor:wait;opacity:.7}.tf-fruit-count{margin-top:calc(7 * var(--u));color:var(--tf-muted);font-size:calc(8 * var(--u));display:block}.tf-story-grid{gap:calc(8 * var(--u));margin-top:calc(12 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tf-story-grid button{gap:calc(4 * var(--u));border-radius:calc(8 * var(--u));padding:calc(12 * var(--u));text-align:left;border:1px solid #ffffff17;display:grid}.tf-story-grid button.selected{border-color:var(--tf-pink);background:color-mix(in oklab, var(--tf-pink) 9%, transparent)}.tf-story-grid strong{font-size:calc(10 * var(--u))}.tf-story-grid span{color:var(--tf-muted);font-size:calc(8 * var(--u));line-height:1.45}.tf-story-grid small{color:var(--tf-pink);font-size:calc(7.5 * var(--u))}.tf-fruit-options{gap:calc(9 * var(--u));margin-top:calc(12 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tf-fruit-options label{gap:calc(5 * var(--u));display:grid}.tf-fruit-options span{color:var(--tf-muted);font-size:calc(8 * var(--u))}.tf-fruit-options select{border-radius:calc(7 * var(--u));--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:color-mix(in oklab, var(--tf-card) 88%, var(--tf-pink) 12%);color:#fff;width:100%;padding:calc(9 * var(--u));font-size:calc(9 * var(--u));border:1px solid #ffffff1c;outline:none;transition:border-color .16s,background-color .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff06}.tf-fruit-options select:hover{border-color:#ffffff38}.tf-fruit-options select:focus{border-color:color-mix(in oklab, var(--tf-pink) 72%, #fff 28%);box-shadow:0 0 0 3px color-mix(in oklab, var(--tf-pink) 16%, transparent)}.tf-fruit-options select option{color:#fff;background-color:#24252b}.tf-fruit-options select option:checked{color:#fff;background-color:#542739}.tf-scene-library{margin-top:calc(12 * var(--u))}.tf-scene-library-head{margin-top:0}.tf-scene-cards{gap:calc(8 * var(--u));margin-top:calc(8 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tf-scene-cards button{min-height:calc(62 * var(--u));border-radius:calc(8 * var(--u));text-align:left;background:#0000002e;border:1px solid #ffffff17;position:relative;overflow:hidden}.tf-scene-cards button.selected{border-color:var(--tf-pink);box-shadow:inset 0 0 0 1px var(--tf-pink)}.tf-scene-cards img{width:100%;height:calc(54 * var(--u));object-fit:cover}.tf-scene-cards button>span{gap:calc(2 * var(--u));padding:calc(7 * var(--u));display:grid}.tf-scene-cards strong{font-size:calc(8.5 * var(--u))}.tf-scene-cards small{color:var(--tf-pink);font-size:calc(7 * var(--u))}.tf-scene-cards button>svg{top:calc(6 * var(--u));right:calc(6 * var(--u));width:calc(17 * var(--u));height:calc(17 * var(--u));background:var(--tf-pink);color:#fff;padding:calc(4 * var(--u));border-radius:50%;position:absolute}.tf-scene-empty{margin-top:calc(8 * var(--u));border-radius:calc(7 * var(--u));padding:calc(10 * var(--u));color:var(--tf-muted);font-size:calc(8 * var(--u));text-align:center;border:1px dashed #ffffff1a}.tf-fruit-review{gap:calc(8 * var(--u));margin-top:calc(12 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tf-fruit-review>div{border-radius:calc(8 * var(--u));padding:calc(9 * var(--u));border:1px solid #ffffff14;grid-column:1/-1}.tf-fruit-review>div strong,.tf-fruit-review>div span{display:block}.tf-fruit-review>div span{margin-top:calc(2 * var(--u));color:var(--tf-muted);font-size:calc(8 * var(--u))}.tf-fruit-review article{grid-template-columns:calc(50 * var(--u)) 1fr;align-items:center;gap:calc(7 * var(--u));border-radius:calc(8 * var(--u));padding:calc(6 * var(--u));border:1px solid #ffffff14;display:grid}.tf-fruit-review img{width:calc(50 * var(--u));height:calc(50 * var(--u));border-radius:calc(6 * var(--u));object-fit:cover}.tf-fruit-review article strong,.tf-fruit-review article small{display:block}.tf-fruit-review article strong{font-size:calc(9 * var(--u))}.tf-fruit-review article small{margin-top:calc(2 * var(--u));color:var(--tf-pink);font-size:calc(7 * var(--u))}.tf-fruit-generate{align-items:center;gap:calc(5 * var(--u));margin-top:calc(10 * var(--u));border-radius:calc(7 * var(--u));background:var(--tf-pink);color:#fff;padding:calc(9 * var(--u)) calc(13 * var(--u));font-size:calc(9 * var(--u));font-weight:700;display:inline-flex}.tf-fruit-generate svg{width:calc(10 * var(--u))}.tf-fruit-generate:disabled{cursor:wait;opacity:.78}.tf-fruit-reference-pack{gap:calc(9 * var(--u));margin-top:calc(12 * var(--u));border-radius:calc(9 * var(--u));padding:calc(10 * var(--u));background:linear-gradient(135deg,#fd2c5517,#00000029);border:1px solid #fd2c5547;display:grid}.tf-fruit-reference-head{justify-content:space-between;align-items:flex-end;gap:calc(10 * var(--u));display:flex}.tf-fruit-reference-head span,.tf-fruit-reference-head strong{display:block}.tf-fruit-reference-head span,.tf-fruit-reference-grid article>div>span{color:var(--tf-pink);font-size:calc(6.5 * var(--u));letter-spacing:.12em;font-weight:800}.tf-fruit-reference-head strong{margin-top:calc(2 * var(--u));font-size:calc(10 * var(--u))}.tf-fruit-reference-head p{max-width:calc(250 * var(--u));color:var(--tf-muted);font-size:calc(7.5 * var(--u));line-height:1.45}.tf-fruit-reference-grid{gap:calc(7 * var(--u));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tf-fruit-reference-grid article{grid-template-columns:calc(84 * var(--u)) minmax(0, 1fr);align-items:center;gap:calc(8 * var(--u));border-radius:calc(8 * var(--u));min-width:0;padding:calc(6 * var(--u));background:#08080aa8;border:1px solid #ffffff17;display:grid}.tf-fruit-reference-grid img{width:calc(84 * var(--u));aspect-ratio:4/3;border-radius:calc(6 * var(--u));object-fit:cover}.tf-fruit-reference-grid article>div,.tf-fruit-reference-grid article>div strong{min-width:0;display:block}.tf-fruit-reference-grid article>div strong{margin-top:calc(2 * var(--u));font-size:calc(9 * var(--u));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tf-fruit-reference-grid button{justify-content:center;align-items:center;gap:calc(4 * var(--u));width:100%;margin-top:calc(6 * var(--u));border-radius:calc(6 * var(--u));color:#fff;padding:calc(5 * var(--u)) calc(6 * var(--u));font-size:calc(7.5 * var(--u));border:1px solid #fd2c557a;font-weight:700;display:inline-flex}.tf-fruit-reference-grid button:hover{background:#fd2c5524}.tf-fruit-reference-grid button:disabled{cursor:wait;opacity:.65}.tf-fruit-reference-grid button svg{width:calc(9 * var(--u))}.tf-fruit-typing-progress{gap:calc(5 * var(--u));margin-top:calc(10 * var(--u));border-radius:calc(7 * var(--u));padding:calc(7 * var(--u)) calc(9 * var(--u));background:#fd2c5512;border:1px solid #fd2c553d;display:grid}.tf-fruit-typing-progress>div{align-items:center;gap:calc(5 * var(--u));color:var(--tf-text);font-size:calc(8 * var(--u));display:flex}.tf-fruit-typing-progress svg{width:calc(9 * var(--u));color:var(--tf-pink)}.tf-fruit-typing-progress strong{color:var(--tf-pink);margin-left:auto}.tf-fruit-typing-progress>i{height:calc(3 * var(--u));background:#ffffff17;border-radius:999px;display:block;overflow:hidden}.tf-fruit-typing-progress>i>span{border-radius:inherit;background:var(--tf-pink);height:100%;box-shadow:0 0 calc(8 * var(--u)) #fd2c5594;display:block}.tf-fruit-results{gap:calc(8 * var(--u));margin-top:calc(12 * var(--u));display:grid}.tf-fruit-results article{border-radius:calc(8 * var(--u));background:#0000002e;border:1px solid #ffffff17;overflow:hidden}.tf-fruit-results article>div{padding:calc(8 * var(--u)) calc(10 * var(--u));color:var(--tf-pink);font-size:calc(8 * var(--u));border-bottom:1px solid #ffffff14;justify-content:space-between;display:flex}.tf-fruit-results button{align-items:center;gap:calc(4 * var(--u));color:var(--tf-text);display:flex}.tf-fruit-results button:disabled{cursor:wait;opacity:.55}.tf-fruit-results svg{width:calc(9 * var(--u))}.tf-fruit-results pre{max-height:calc(210 * var(--u));white-space:pre-wrap;padding:calc(10 * var(--u));font:inherit;font-size:calc(8 * var(--u));line-height:1.55;overflow:auto}.tf-fruit-typing-caret{vertical-align:-.14em;background:var(--tf-pink);width:.08em;height:1.1em;margin-left:.08em;animation:.72s step-end infinite tf-fruit-caret-blink;display:inline-block}@keyframes tf-fruit-caret-blink{50%{opacity:0}}.tf-fruit-tags{margin-top:calc(8 * var(--u));border-radius:calc(7 * var(--u));padding:calc(9 * var(--u));color:var(--tf-pink);font-size:calc(8.5 * var(--u));background:#fd2c5512}.tf-fruit-actions{margin-top:calc(13 * var(--u));padding-top:calc(11 * var(--u));border-top:1px solid #ffffff14;justify-content:space-between;display:flex}.tf-fruit-actions button{align-items:center;gap:calc(4 * var(--u));border:1px solid var(--tf-pink);border-radius:calc(7 * var(--u));background:var(--tf-pink);color:#fff;padding:calc(8 * var(--u)) calc(12 * var(--u));font-size:calc(8.5 * var(--u));display:inline-flex}.tf-fruit-actions button:first-child{color:var(--tf-text);background:0 0;border-color:#ffffff1c}.tf-fruit-actions button:disabled{opacity:.35}.tf-fruit-actions svg{width:calc(9 * var(--u))}.tf-fruit-status{margin-top:calc(8 * var(--u));color:var(--tf-pink);font-size:calc(8 * var(--u))}@media (width<=700px){.tf-fruit-characters{grid-template-columns:repeat(2,minmax(0,1fr))}.tf-story-grid,.tf-fruit-options,.tf-fruit-review,.tf-fruit-reference-grid{grid-template-columns:1fr}.tf-scene-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.tf-fruit-header{flex-direction:column;align-items:flex-start}.tf-fruit-panel{padding:14px}.tf-fruit-category{width:100%}.tf-fruit-category button{flex:1}.tf-fruit-actions button{flex:1;min-height:44px}.tf-fruit-library-bar,.tf-scene-library-head{flex-direction:column;align-items:stretch}.tf-scene-cards{grid-template-columns:1fr}.tf-fruit-reference-head{flex-direction:column;align-items:flex-start}.tf-fruit-reference-grid article{grid-template-columns:110px minmax(0,1fr)}.tf-fruit-reference-grid img{width:110px}}