.story-refinement-container{display:flex;height:100vh;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.story-refinement-header{position:sticky;top:0;z-index:10;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem 1rem}.story-refinement-main{min-height:0;flex:1 1 0%}.story-refinement-content{height:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.page-header{justify-content:space-between}.page-header,.page-header-left{display:flex;align-items:center}.page-header-left{gap:1rem}.page-header-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.page-header-back-btn{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.page-header-back-btn:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.page-header-right{display:flex;align-items:center;gap:.75rem}.section-header{justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem 1rem}.section-header,.section-header-left{display:flex;align-items:center}.section-header-icon{margin-right:.5rem;height:1.25rem;width:1.25rem;--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.section-header-title{font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.section-header-subtitle{margin-top:.25rem;display:flex;align-items:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.section-header-subtitle-dot{margin-right:.5rem;height:.25rem;width:.25rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.section-header-right{display:flex;align-items:center;gap:.75rem}.segmented-tabs{gap:.25rem;border-radius:.75rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.25rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.segmented-tab,.segmented-tabs{display:flex;align-items:center}.segmented-tab{white-space:nowrap;border-radius:var(--radius);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.segmented-tab-active{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.segmented-tab-inactive{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.segmented-tab-inactive:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.toolbar-button{border-radius:var(--radius);--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.toolbar-button:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.toolbar-button-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.toolbar-button-primary:hover{background-color:hsl(var(--primary)/.9)}.story-card{border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.story-card-header{padding:.75rem 1rem}.story-card-title{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.story-card-content{padding:1rem}.sidebar-content::-webkit-scrollbar{width:.25rem}.sidebar-content::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.sidebar-content::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.sidebar-content::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.content-area{min-height:0;flex:1 1 0%;overflow-y:auto;padding:1rem}.content-area-full{display:flex;min-height:0;flex:1 1 0%;flex-direction:column;overflow:hidden}.text-primary{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-secondary{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-muted,.text-small{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-small{font-size:.75rem;line-height:1rem}.button-group{display:flex;align-items:center;gap:.5rem}.button-group-vertical{display:flex;flex-direction:column;gap:.5rem}.divider-vertical{height:1rem;width:1px}.divider-horizontal,.divider-vertical{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.divider-horizontal{height:1px;width:100%}.empty-state{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state-icon{margin-bottom:1rem;height:4rem;width:4rem;--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.empty-state-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.loading-state{display:flex;height:100%;align-items:center;justify-content:center}.loading-spinner{height:2rem;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite;border-radius:9999px;border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.loading-text{margin-top:1rem;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.mobile-nav{position:sticky;top:0;z-index:10;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.mobile-nav,.mobile-tabs{--tw-bg-opacity:1;padding:.75rem 1rem}.mobile-tabs{background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.mobile-tab-button{white-space:nowrap;border-radius:var(--radius);padding:.5rem .75rem}.mobile-tab-active{color:rgb(30 41 59/var(--tw-text-opacity,1))}.mobile-content{min-height:0;flex:1 1 0%;overflow:auto}@media (max-width:768px){.section-header{padding:.5rem .75rem}.section-header-title{font-size:.875rem;line-height:1.25rem}.sidebar-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.content-area,.sidebar-content{padding:.75rem}}.generating-state{pointer-events:none;opacity:.75}.error-state{border-color:rgb(254 202 202/var(--tw-border-opacity,1));background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.error-state,.success-state{--tw-border-opacity:1;--tw-bg-opacity:1}.success-state{border-color:rgb(167 243 208/var(--tw-border-opacity,1));background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.prototype-preview-container{display:flex;height:100%;min-height:0;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.prototype-preview-content{display:flex;min-height:0;flex:1 1 0%;justify-content:center;overflow:auto}.prototype-iframe{height:100%;border-width:0;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.prototype-iframe-mobile{width:390px;border-radius:var(--radius);border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.prototype-iframe-desktop{width:100%}.story-refinement-sidebar{display:flex;height:100%;flex-direction:column;--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.sidebar-content{flex:1 1 0%}.sidebar-content>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.sidebar-content{overflow-y:auto;padding:1rem}.sidebar-content .story-card+.story-card{margin-top:1.5rem}.generation-buttons>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.generation-buttons{border-radius:var(--radius);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1.5rem 1rem;--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.preview-toolbar-container{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1));padding:.75rem 1rem}.main-nav-container{padding:.75rem 1rem}.main-nav-tab{display:flex;height:2.5rem;min-width:120px;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--radius);padding:.5rem 2rem;font-size:1rem;line-height:1.5rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.main-nav-tab-active{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.main-nav-tab-inactive{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.main-nav-tab-inactive:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.function-tab-container{margin-bottom:.5rem;padding:.5rem 1rem}.function-tab{display:flex;height:2.25rem;min-width:100px;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--radius) - 2px);padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.function-tab-active{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.function-tab-inactive{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.function-tab-inactive:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.tool-option-container{padding:.5rem 1rem}.tool-option{display:flex;height:1.75rem;min-width:80px;align-items:center;justify-content:center;white-space:nowrap;border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:400;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.tool-option-active{border-width:1px;border-color:rgb(191 219 254/var(--tw-border-opacity,1));background-color:rgb(219 234 254/var(--tw-bg-opacity,1));color:rgb(29 78 216/var(--tw-text-opacity,1))}.tool-option-active,.tool-option-inactive{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.tool-option-inactive{border-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:rgb(75 85 99/var(--tw-text-opacity,1))}.tool-option-inactive:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.mobile-tabs{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));padding:1rem}.mobile-tab-button{display:flex;flex:1 1 0%;align-items:center;justify-content:center;gap:.5rem;border-radius:calc(var(--radius) - 2px);padding:.75rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.mobile-tab-active{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mobile-tab-inactive{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.mobile-tab-inactive:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}