*{font-family:Montserrat,Arial}html{overflow:hidden}body{margin:0;padding:0;background-color:#fff;background-image:url(/Dots_Screen.svg);background-repeat:no-repeat;background-size:cover}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center}.chat-app-container{display:flex;flex-direction:column;width:100vw;height:100vh;background:#f5f5f5}.chat-sidebar-content-container{display:flex;flex-direction:row;flex:1;overflow:hidden}.chat-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-button{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px}.header-actions{display:flex;gap:10px}.discard-button{padding:8px 16px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer}.save-button{padding:8px 16px;background-color:#000;color:#fff;border:none;border-radius:8px;cursor:pointer}.content-area{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;overflow-y:auto}.footer{width:35%;position:absolute;bottom:0;margin-top:auto;padding-top:20px}.chat-content{width:35%;margin:20px auto;position:relative}.chat-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;height:500px;display:flex;flex-direction:column}.chat-header{font-size:16px;margin-bottom:20px;color:#333;font-weight:500}.messages-container{flex:1;overflow-y:auto;padding:20px 20px 100px;display:flex;flex-direction:column;gap:16px;max-width:50%;align-self:center;justify-self:center}.message{padding:12px 16px;border-radius:12px;max-width:70%;word-wrap:break-word}.user-message{background-color:#e2e2e2;color:#000;align-self:flex-end;border-bottom-right-radius:4px}.bot-message{background-color:#fff0;color:#000;align-self:flex-start;border-bottom-left-radius:4px}.loading{font-style:italic;opacity:.7}.chat-input-wrapper{position:fixed;bottom:0;left:17.5%;right:0;background-color:#f5f5f5;padding:20px;border-top:1px solid #E0E0E0;z-index:10}.chat-input-container{display:flex;gap:10px;max-width:800px;margin:0 auto;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.chat-input{flex:1;padding:12px 16px;border:1px solid #E0E0E0;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#5c01e4}.send-button{padding:12px 24px;background-color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center}.send-button>img{height:24px;width:24px}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button:hover:not(:disabled){background-color:#c7c7c7}.footer-info{display:flex;justify-content:space-between;margin-top:10px}.info-tags{display:flex;gap:10px}.info-tag{font-size:12px;color:#666;background-color:#f0f0f0;padding:5px 10px;border-radius:4px}.help-text{color:#f44336;font-size:12px}.side-bar-iter-container{width:18rem;padding:20px;display:flex;left:0;flex-direction:column;background:#f8f8f8;border-right:1px solid rgba(222,222,222,1);align-items:flex-start;justify-content:flex-start;gap:10px;position:relative}.side-bar-iter-info{display:flex;flex-direction:column;width:100%;gap:8px;height:100%}.side-bar-iter-info>h1{margin:0;padding:0;font-size:20px;font-weight:600;cursor:pointer}.side-bar-iter-info>p{font-size:14px;font-weight:400;cursor:pointer}.side-bar-iter-info>h2{font-size:16px;font-weight:600}.iter-side-division-line{background:#dedede;height:1px;width:100%}.side-bar-iter-filename-input{margin:0;padding:0;font-size:20px;font-weight:600;border:none;background:transparent;outline:none;color:inherit;width:100%}.sidebar-ui-btns{border-radius:8px;border:none;background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px 25px}.sidebar-ui-btns p{margin:0}.sidebar-ui-btns.tab-active{box-shadow:0 0 3px 5px #0c0c0d0d}.modal-box{background:#fff;padding:20px 30px;border-radius:16px;max-width:600px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;text-align:center;position:relative}.modal-close{position:absolute;top:25px;right:25px;background-color:#fff;border:none;cursor:pointer}.modal-actions{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:16px}.modal-actions button{padding:10px 35px;border-radius:8px;color:#131313;background-color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-actions button.sidebar-generate{padding:10px 35px;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;background-color:#111;border:1px solid;display:flex;align-items:center;justify-content:center}.sidebar-resize-handle{position:absolute;right:0;top:-10px;z-index:100;cursor:col-resize;width:5px;height:100%}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:#0c7dff;width:3px}.side-bar-button{width:90%;padding:5px 10px;cursor:pointer;font-size:16px;font-weight:400;display:flex;align-items:center;text-align:center;border-radius:8px}.active{background:#eaeaea}.side-bar-button-icon{height:20px;aspect-ratio:1;margin-right:5px}.side-bar-button:hover{background:#eaeaea}.chatc-chatmsg::-webkit-scrollbar{width:4px}.chatc-chatmsg::-webkit-scrollbar-thumb{background:#e8e8e8;border-radius:3px}.chatc-chatmsg::-webkit-scrollbar-thumb:hover{background:#818181}.chat-textarea::-webkit-scrollbar{width:4px}.chat-textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.chat-textarea::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.chat-textarea::-webkit-scrollbar-thumb:hover{background:#555}.summary-box{background-color:#fff;border:1px solid transparent;border-radius:10px;padding:24px 40px;display:flex;gap:8px;max-height:80px;overflow:hidden}.summary{font-size:16px;font-weight:400;line-height:1.5;margin:0;overflow:auto;max-height:70px}.summary::-webkit-scrollbar{width:4px}.summary::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.summary.scrolling::-webkit-scrollbar-thumb{background:#e8e8e8;border-radius:3px}.summary::-webkit-scrollbar-thumb:hover{background:#818181}.refine-brief{display:flex;justify-content:center;align-items:center;height:24px;border-radius:8px;width:0px;padding:0 20px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.attach-display-overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.attach-display-container{background-color:#fff;border-radius:10px;padding:20px;width:500px;max-width:90%;box-shadow:0 4px 8px #0000001a}.attach-display-container h2{margin-top:0;margin-bottom:10px;font-size:20px;font-weight:500}.attach-display-desc{color:#525252;margin-bottom:20px;font-size:14px}.attach-files-display{margin-bottom:20px;max-height:300px;overflow-y:auto;border:1px solid #eee;border-radius:5px;padding:10px}.no-files{color:#999;text-align:center;padding:20px}.file-list{list-style:none;padding:0;margin:0}.file-item{border:1px solid #eee;display:flex;align-items:center;border-radius:8px}.file-item:hover{border:1px solid #333333;cursor:pointer}.file-name{font-size:14px;padding:2px 4px;color:#000;word-break:break-all}.attach-display-controls{display:flex;justify-content:flex-end;margin-top:20px}.attach-close{background-color:#fff;border:1px solid #818181;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:14px}.link-list{list-style:none;padding:0;margin:0}.link-item{padding:8px;margin:4px 0;background-color:#f5f5f5;border-radius:8px}.link-item a{color:#000;text-decoration:none;word-break:break-all}.files-section,.links-section{margin-bottom:20px}.files-section h3,.links-section h3{margin:0 0 10px;font-size:16px;color:#333}.summary-overview{flex:1;background:#fff;padding:20px 8px 10px;border-radius:10px;height:320px;display:flex;flex-direction:column}.summary-overview h3{font-size:18px;font-weight:400;margin-bottom:15px;flex-shrink:0;margin-left:0;color:#666}.summary-overview ul{list-style:none;padding:0 0 20px;margin:0;overflow-y:auto;flex-grow:1}.summary-overview ul::-webkit-scrollbar{width:4px;height:auto;max-height:10px;display:none}.summary-overview ul.scrolling::-webkit-scrollbar{display:block}.summary-overview ul::-webkit-scrollbar-track{display:none}.summary-overview ul::-webkit-scrollbar-thumb{background:#e8e8e8;border-radius:3px}.summary-overview ul::-webkit-scrollbar-thumb:hover{background:#818181}.summary-overview li{line-height:1.4;position:relative;border-radius:10px;padding:15px 25px 15px 0;margin:5px 10px 0 5px}.summary-overview li:hover{box-shadow:1px 1px 8px #00000028}.drag-handle{position:absolute;left:0;color:#000;font-weight:700;cursor:grab;-webkit-user-select:none;user-select:none;opacity:0}.summary-overview li:hover .drag-handle{opacity:1}.feature-name{display:block;font-weight:600;margin-bottom:4px;color:#000}.feature-name-input{display:block;font-weight:600;margin-bottom:4px;color:#000;width:100%;outline:none;border:none;font-size:16px;font-family:Montserrat}.feature-description-textarea{display:block;margin-left:30px;color:#000;width:100%;outline:none;border:none;font-size:15px;font-family:Montserrat;resize:none;line-height:1.6;min-height:70px}.feature-description{all:unset;display:block;font-weight:400;color:#666;padding-left:0;font-size:15px;height:fit-content;width:fit-content}.feature-image-container{display:flex;justify-content:space-between;align-items:center;border:1px solid rgb(176,176,176);height:fit-content;border-radius:5px;position:relative;top:0;margin:5px;opacity:0}.summary-overview li:hover .feature-image-container{opacity:1}.feature-description-image{height:15px;cursor:pointer;padding:5px;border-radius:5px}.feature-description-image:hover{background-color:#e0e0e0}.insights::-webkit-scrollbar{width:4px}.insights::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.insights.scrolling::-webkit-scrollbar-thumb{background:#e8e8e8;border-radius:3px}.insights::-webkit-scrollbar-thumb:hover{background:#818181}.feature-tag-container{margin-left:8px;padding:5px 10px;border-radius:10px;position:relative;top:-2px;display:flex;align-items:center}.feature-tag{font-size:10px;font-weight:500}.artefact-modify-buttons{display:flex;align-items:center;justify-content:center;opacity:0}.iterate-button{display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:#fff;color:#7e7e7e;border:none;height:30px;width:120px;padding:4px 8px;opacity:0}.summary-overview:hover .artefact-modify-buttons,.summary-personas:hover .artefact-modify-buttons,.competitors-block-container:hover .artefact-modify-buttons,.summary-colors:hover .artefact-modify-buttons,.summary-typography:hover .artefact-modify-buttons{opacity:1}.summary-typography .addmore,.summary-colors .addmore{display:none}.tooltip-box{background-color:#1e1e1e;color:#fff;padding:12px 14px;border-radius:10px;width:300px;font-size:14px;box-shadow:0 4px 12px #0000004d;pointer-events:none;line-height:normal}.tooltip-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:#1e1e1e transparent transparent transparent}.context-menu{position:absolute;background:#1f1f1f;color:#fff;border-radius:10px;padding:8px 0;box-shadow:0 4px 20px #0006;width:190px;z-index:999}.menu-item{padding:10px 16px;cursor:pointer;white-space:nowrap}.menu-item:hover{background:#ffffff1a}.divider{border-top:1px solid rgba(255,255,255,.2);margin:4px 0}.menu-item-system-prompt{background-color:#1f1f1f;cursor:not-allowed;-webkit-user-select:none;user-select:none}.image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.image-viewer-container{position:relative;background-color:#fff;border-radius:16px;box-shadow:0 4px 15px #0003;max-width:1000px;width:100%;display:flex;flex-direction:column}.image-scroll-container{max-height:95vh;overflow-y:auto;border-radius:16px}.image-scroll-container::-webkit-scrollbar{display:none}.image-content{display:block;width:100%;height:auto}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.feedback-modal-content{background-color:#000;border-radius:12px;padding:24px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;color:#fff}.modal-header h2{margin:0 0 12px;font-size:20px;font-weight:600;color:#fff}.modal-header p{margin:0 0 24px;font-size:14px;color:#a0a0a0;line-height:1.4}.modal-body{margin-bottom:24px}.checkbox-item{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer;font-size:18px;line-height:1.4;position:relative}.checkbox-item input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkmark{height:18px;width:18px;background-color:transparent;border:2px solid #666;border-radius:3px;margin-right:12px;margin-top:1px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.checkbox-item input:checked~.checkmark{background-color:#fff;border-color:#000}.checkbox-item input:checked~.checkmark:after{content:"✓";color:#000;font-size:12px;font-weight:700}.checkbox-item:hover .checkmark{border-color:#999}.checkbox-item input:checked:hover~.checkmark{border-color:#fff}.other-input{background:#333;border:none;outline:none;color:#fff;font-size:18px;flex:1;padding:6px;border-radius:5px;margin-left:4px}.other-input::placeholder{color:#a0a0a0}.other-input:focus{outline:1px solid #ffffff}.modal-footer{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-delete{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel{background-color:transparent;color:#a0a0a0;border:1px solid #666}.btn-cancel:hover{background-color:#404040;color:#fff}.btn-delete{background-color:#fff;color:#000}.btn-delete:hover{background-color:#cbcbcb}.summary-personas{flex:.95;background:#fff;padding:15px 16px;border-radius:10px;box-shadow:0 0 10px #cfcfcf1a;display:flex;flex-direction:column;height:320px}.drag-handle-persona{color:#000;font-weight:700;cursor:grab;-webkit-user-select:none;user-select:none;opacity:0}.drag-handle-persona:active{cursor:grabbing}.summary-personas h3{font-size:18px;font-weight:400;margin-bottom:15px;flex-shrink:0;color:#666}.summary-avatars{display:flex;flex-direction:column;gap:20px;margin-top:10px;overflow-y:auto;flex-grow:1;padding-bottom:20px}.summary-avatars::-webkit-scrollbar{width:4px}.summary-avatars::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.summary-avatars.scrolling::-webkit-scrollbar-thumb{background:#e8e8e8;border-radius:3px}.summary-avatars::-webkit-scrollbar-thumb:hover{background:#818181}.summary-persona-item{display:flex;align-items:center;gap:24px;background:#fff;padding:15px;border-radius:10px;margin-right:10px}.summary-persona-item:hover{box-shadow:0 0 8px #00000028}.summary-persona-item:hover .persona-to-hide{opacity:1}.summary-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid #000;flex-shrink:0;margin-left:4px}.summary-avatar img{width:100%;height:100%;object-fit:cover}.summary-persona-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.summary-avatar-name{font-size:16px;font-weight:600;margin:0;color:#000}.summary-persona-label{font-size:14px;font-weight:400;color:#666;margin:0}.summary-persona-details{font-size:13px;color:#888;margin:0}.summary-persona-quote{flex:1;min-width:0;padding-left:20px;display:flex;align-items:center;height:100%}.summary-persona-quote p{font-size:14px;color:#666;font-style:italic;margin:0;line-height:1.4}.summary-persona-item:hover .feature-image-container{opacity:1}.editable-input{all:unset;border:2px solid transparent;border-radius:4px;cursor:text}.editable-input:focus{border:2px solid #333333}.editable-textarea{all:unset;resize:vertical;cursor:text;border:2px solid transparent;max-width:170px;border-radius:4px}.editable-textarea:focus{border:2px solid #333333}.summary-typography{flex:1;background:#fff;padding:10px 20px 15px 36px;border-radius:10px;margin-top:15px}.summary-typography h3{font-size:18px;font-weight:400;margin-bottom:10px}.font-list{display:flex;flex-direction:column;gap:10px}.font-item{display:flex;justify-content:space-between;gap:4px}.font-item img{cursor:pointer;height:15px;border:1px solid gray;border-radius:5px;opacity:0}.font-item:hover img{opacity:1}.font-name{font-size:16px;font-weight:500;margin:0;color:#000}.summary-typography-head{display:flex;justify-content:space-between;align-items:center}.summary-typography-head h3{color:#666}.summary-colors{flex:1;background:#fff;display:flex;flex-direction:column;padding:15px 20px 15px 36px;border-radius:10px;position:relative}.summary-colors h3{font-size:18px;font-weight:400;margin-bottom:20px;color:#666}.color-palette{display:flex;gap:20px;margin-top:10px}.color-swatch{width:50px;height:50px;border-radius:50%;border:1px solid #ddd;position:relative;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.color-swatch:hover{filter:grayscale(50%)}.color-swatch button{display:none;background:transparent;cursor:pointer;z-index:1;filter:invert(100%);border:none}.color-swatch:hover button{display:block}.summary-colors-head{display:flex;justify-content:space-between;align-items:center}.rcp{height:16rem;width:300px}.rcp-fields{display:none}.rcp-fields-floor{display:none!important}.rcp-alpha{display:none}.rcp-root{--rcp-background-color: #121212;--rcp-field-input-color: #ffffff;--rcp-field-input-border-color: #242424;--rcp-field-label-color: #808080}.rcp{display:flex;flex-direction:column;background-color:var(--rcp-background-color);border-radius:10px}.rcp-body{display:flex;flex-direction:column;gap:20px;padding:20px 10px}.rcp-section{display:flex;flex-direction:column;gap:10px}.rcp-interactive{width:100%;height:100%;-webkit-user-select:none;user-select:none;touch-action:none}.rcp-interactive[aria-disabled=true]{cursor:unset;pointer-events:none}.rcp-saturation{cursor:all-scroll;width:100%;position:relative;background-image:linear-gradient(to bottom,transparent,black),linear-gradient(to right,white,transparent);border-radius:10px 10px 0 0}.rcp-saturation-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-10px)}.rcp-hue{cursor:ew-resize;position:relative;width:100%;height:12px;background-image:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px}.rcp-hue-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-4px)}.rcp-alpha{cursor:ew-resize;position:relative;width:100%;height:12px;border-radius:10px}.rcp-alpha-cursor{position:absolute;width:20px;height:20px;border:2px solid white;border-radius:100%;box-shadow:0 0 15px #00000026;transform:translate(-10px,-4px)}.rcp-fields{display:flex;flex-direction:column;gap:10px}.rcp-fields-floor{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.rcp-field{display:flex;flex-direction:column;width:100%}.rcp-field-input{width:100%;font-family:inherit;font-size:14px;text-align:center;color:var(--rcp-field-input-color);background-color:transparent;border:2px solid var(--rcp-field-input-border-color);border-radius:5px;outline:none;padding:5px 0}.rcp-field-input:read-only{opacity:.8}.rcp-field-label{font-size:14px;text-align:center;color:var(--rcp-field-label-color)}.top-bar-iter-container{position:sticky;top:0;left:0;margin:0;z-index:1;padding:10px 40px 10px 15px;background:#f8f8f8;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(222,222,222,1)}.top-bar-iter-left{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.palette-actions-button{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-around;background:#111;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;border:none;gap:20px}.iter-dropdown-menu{position:absolute;top:100%;left:100px;margin:0;padding:10px 5px;background-color:#000;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:200px;z-index:1002}.iter-dropdown-item{padding:5px 10px;cursor:pointer;border-radius:8px;color:#fff;font-size:16px;font-weight:400}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.iter-dropdown-seperator{background:#333;height:1px;width:100%;margin:5px 0}.iter-dropdown-item:hover{background-color:#292929}.sidebar-home-btn{cursor:pointer;height:30px;width:30px}.sidebar-home-btn>img{height:30px;aspect-ratio:1}.top-actions{display:flex;gap:10px}.action-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #000000;border-radius:8px;background:#fff;color:#333;font-size:14px;cursor:pointer}.action-icon{display:flex;align-items:center;justify-content:center}.action-icon img{width:20px;height:20px;object-fit:contain}.save-button{background-color:#111;color:#fff}.top-bar-feedback{border-radius:16px;border:1px solid #CACACA;padding:2px 10px}.usc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:Montserrat}.usc-modal-content{position:relative;background:#fff;padding:48px;border-radius:16px;max-width:600px;width:500px;text-align:center;box-shadow:0 5px 20px #0003}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.usc-modal-content h2{font-size:24px;font-weight:600;margin-top:0;margin-bottom:16px;color:#111}.usc-modal-content p{font-size:16px;color:#111;margin-bottom:32px;line-height:1.5;max-width:600px;margin-left:auto;margin-right:auto}.usc-modal-actions{display:flex;justify-content:center;gap:16px;font-size:14px}.usc-modal-actions button{padding:8px 24px;border-radius:8px;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease;border:1px solid #111111}.usc-modal-button-cancel{background-color:#fff;color:#111}.usc-modal-button-confirm{background-color:#212121;color:#fff;border-color:#212121}.usc-modal-button-confirm:hover{background-color:#424242;box-shadow:0 2px 4px #0000001a}.usc-modal-checkbox-container{display:flex;justify-content:center;align-items:center;gap:8px;font-size:14px;color:#5f6368}.usc-modal-checkbox-container input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#212121}.usc-modal-checkbox-container label{cursor:pointer}.usc-modal-close{position:absolute;top:20px;right:24px;background:transparent;border:none;font-size:28px;color:#000;cursor:pointer;z-index:10;padding:0;line-height:1}.usc-modal-close:disabled{color:#ccc;cursor:not-allowed}:root{font-family:Montsratte}html,body{overflow-x:hidden;overflow-y:auto}.init-container{padding:40px 60px 20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:auto;max-width:80vw}.init-header{margin-top:10px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;margin-bottom:15px}.init-dropdown-wrapper{display:flex;gap:24px}.init-dropdown{display:flex;width:120px;padding:8px 15px;border-radius:8px;background:#000;color:#fff;align-content:center;justify-content:space-between;cursor:pointer}.init-login-grp{width:80vw;display:flex;flex-direction:row;justify-content:space-between;-webkit-user-select:none;user-select:none}.init-button-group>button{width:150px;padding:8px 12px;margin-right:10px;margin-bottom:20px;border:1px solid #ccc;background:#fff;color:#000;border-radius:8px;cursor:pointer}.init-button-group>button.active{background:#000;color:#fff}.textarea-wrapper{position:relative;width:100%}.init-textarea{width:95%;padding:40px;margin-bottom:10px;line-height:1.5;font-size:16px;font-weight:400;resize:none;outline:none;z-index:2;position:relative;height:160px;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#5c01e4,#e300db) border-box;border-radius:12px;font-family:Montserrat}.custom-placeholder{position:absolute;top:2.3rem;left:2.8rem;line-height:1.7;color:#676767;pointer-events:none;font-size:16px;z-index:10;width:95%}.init-textarea::placeholder{font-family:Montserrat}.init-grid{display:flex;flex-direction:column}.init-grid-options{display:flex;flex-direction:row;gap:10px}.init-grid-button{margin-right:8px;margin-bottom:8px;padding:10px 32px;border:1px solid #000000;background:#fff;color:#000;border-radius:8px;cursor:pointer;font-size:14px;font-family:Montserrat}.init-attachment{margin-top:15px}.uploaded-files{flex-direction:row;gap:10px;justify-content:center;align-items:center}.file-list{list-style:none;overflow-y:auto;width:100%}.file-list::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:10px}.file-list::-webkit-scrollbar{background-color:transparent;width:4px}.file-list>li{display:flex;flex-direction:row;justify-content:space-between;margin-top:8px;margin-right:8px;padding:2px 4px;background-color:#f8f8f8;border-radius:8px;text-align:left}.remove-file{margin-right:5px;border:none;background-color:#fff0;cursor:pointer}.uploaded-files-display{height:130px;width:430px;overflow-y:hidden;background:#fff;padding:10px;border-radius:8px;border:1px solid;display:flex;justify-content:center}.uploaded-files-display::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:10px}.uploaded-files-display::-webkit-scrollbar{background-color:transparent;width:4px}.upload-box{width:150px;height:150px;border:1px solid #000000;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;background:#fff}.init-bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}.init-generate-button{font-size:16px;width:400px;background:#000;color:#fff;padding:24px;border:none;border-radius:10px;cursor:pointer;margin-top:15px}.init-generate-button:disabled{background:#8d8d8d;color:#fff;cursor:not-allowed}.init-tip{text-align:center;color:#262626;font-size:14px;margin-top:14px}.link-item{background-color:#f0f0f0;padding:4px 8px;border-radius:4px;font-size:14px;max-height:20px;overflow:hidden;display:flex;align-items:flex-start;justify-content:space-between;max-lines:1}.remove-link{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:0 4px;margin-left:8px}.link-item a{color:#000;text-decoration:none}.tag-container{display:flex;gap:8px;flex-wrap:nowrap;overflow:auto;padding:10px;position:absolute;top:180px;left:30px;justify-content:flex-start;z-index:10;width:97%}.tag-container::-webkit-scrollbar{display:none}.tag-pill{background-color:#f5f5f5;color:#333;padding:10px 20px;border-radius:9999px;font-size:14px;font-weight:500;box-shadow:0 1px 3px #00000014;transition:background-color .3s ease;white-space:nowrap;cursor:pointer}.tag-pill:hover{background-color:#eaeaea}.uploaded-links-pill-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.link-pill{display:flex;align-items:center;background-color:#fff;color:#171717;border-radius:4px;border:1px solid rgb(175,175,175);padding:4px 10px;font-size:14px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.remove-link{margin-left:8px;border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center}.init-tooltip-text{font-weight:600}@media screen and (max-width : 500px){.init-container{max-width:70vw;padding:15px 20px 10px;margin:10px}.init-textarea{overflow-y:auto;resize:vertical}.custom-placeholder{top:1rem;left:1rem;font-size:14px}.upload-box{height:100px;width:100px}.init-generate-button{width:300px;padding:16px}}.overlay-container{position:fixed;height:100vh;width:100vw;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#1a1a1a50;z-index:1000}.attach-container{padding:40px;height:fit-content;width:720px;background-color:#fff;border-radius:16px;box-shadow:#000}.attach-container>h2{font-size:24px;padding:0;margin:0}.attach-container>.attach-desc{font-size:16px;font-weight:400;padding:0;margin:5px 0 0}.attach-container>.attach-details{font-size:12px;font-weight:400;padding:0;margin:5px 0 0;color:gray}.attach-files{display:flex;flex-direction:row;align-items:center}.drag-drop-area{width:90%;height:150px;text-align:center;overflow-y:auto;display:flex;justify-content:center}.file-list{list-style:none;width:90%}.file-list>li{display:flex;flex-direction:row;justify-content:space-between;margin-top:8px;margin-right:8px;background-color:#f8f8f8;border-radius:8px;text-align:left}.remove-file{margin-right:5px;border:none;background-color:#fff0}.attach-upload-box{margin:50px 0;width:150px;height:150px;border:1px solid #000000;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;background:#fff}.attach-link>p{margin:0 0 5px;padding:0}.attach-link-area{line-height:1.5;font-size:16px;height:25px;width:98%;padding:10px;resize:none;outline:none;border:1px solid rgb(90,90,90);border-radius:8px;margin-bottom:80px}.attach-controls{display:flex;flex-direction:row;gap:10px;justify-content:flex-end;align-items:center}.attach-cancel{padding:8px 30px;border:1px solid gray;border-radius:8px;background-color:#fff;cursor:pointer}.attach-confirm{margin-right:20px;padding:8px 30px;border:none;border-radius:8px;background-color:#000;color:#fff;cursor:pointer}.link-input-container{border:1px solid rgb(90,90,90);border-radius:8px;width:97%;display:flex;flex-wrap:wrap;align-items:center;background-color:#f8f8f8;margin-bottom:80px;flex-direction:column}.link-pill-list{display:flex;flex-wrap:wrap;gap:6px;flex-grow:1}.link-pill-attach{background-color:#fff;color:#454545;padding:6px 10px;border-radius:4px;display:flex;align-items:center;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid black}.remove-link{margin-left:8px;background:none;border:none;cursor:pointer;font-weight:700;color:#636363;padding:0 4px}.link-input{flex-grow:1;min-width:230px;width:100%;border:none;outline:none;padding:6px;font-size:14px;background:transparent}@media screen and (max-width : 500px){.attach-container{width:70vw}.attach-upload-box{height:100px;width:100px}}.login-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.modal-content{background:#fff;border-radius:8px;padding:2rem;position:relative;min-width:350px}.login-div-container{padding:20px;display:flex;flex:1;align-items:center;justify-content:center;flex-direction:row;box-shadow:1px 1px 20px #949494;border-radius:14px}.login-leftside-design{padding:20px;border-radius:10px;background:#d9edff;height:400px;width:400px}.login-leftside-design>p{margin:0;padding:0;font-size:32px;font-weight:500}.login-rightside-design{height:400px;width:350px;padding:20px;display:flex;justify-content:flex-end;flex-direction:column}.login-rightside-design-p{font-size:48px;font-weight:700;margin-bottom:0}.login-rightside-design>h1{margin:0 0 10px;padding:0;font-size:20px;font-weight:400}.login-rightside-design>h2{color:#000;font-size:16px;font-weight:400}.credential-block{padding:2px 2px 2px 10px;margin:5px;height:30px;width:100%;border-radius:8px;outline:none;border:1px solid rgb(88,88,88)}.continue-button{margin-top:5px;margin-left:5px;padding:5px 20px;border-radius:8px;color:#fff;background:#000;cursor:pointer;border:1px solid #000}.switch-login-signup{position:relative;bottom:0;padding:2px 5px;color:#000;background:#fff;cursor:pointer;border:none}.switch-login-signup:hover{text-decoration:underline}.forgot-password-button{position:relative;right:-220px;bottom:13px;border:none;background:#fff;cursor:pointer}.forgot-password-button:hover{text-decoration:underline}.slider-container{width:300px;margin:auto}.view-wrapper{position:relative;height:210px;overflow:hidden;top:10px}.view{position:absolute;width:100%;height:100%;top:0;box-sizing:border-box;background:#fff;display:flex;flex-direction:column;justify-content:flex-end}.sliding-in{animation:slideIn .4s forwards;z-index:2;justify-content:center;display:flex;flex-direction:column}.sliding-out{animation:slideOut .4s forwards;z-index:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.auth-button{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:10px;cursor:pointer;transition:background .3s ease}.black-bg{background-color:#000}.white-bg{background-color:#fff;border:1px solid black}.auth-left{display:flex;align-items:center;margin-left:20px}.auth-icon{height:20px}.auth-text{margin:0 0 0 10px;font-size:14px}.white-text{color:#fff}.black-text{color:#000}.dropdown-icon{transform:rotate(-90deg)}.invert-icon{filter:invert(100%)}.back-btn{border:1px solid gray;background-color:#fff;padding:10px;border-radius:8px;width:30%;cursor:pointer}.continue-btn{border:1px solid rgb(0,0,0);background-color:#000;padding:10px;border-radius:8px;width:70%;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:space-between}.auth-inp{width:84%;padding:8px 25px;border-radius:8px;border:1px solid black;outline:none;margin-bottom:16px}.btn-row{display:flex;justify-content:space-evenly;gap:20px}.beta-tag{position:relative;left:42%;margin:0}.btn-row-forgot{display:flex;justify-content:space-evenly;gap:20px;min-width:363px;position:relative;left:6px;top:5px}@media screen and (max-width: 850px){.login-div-container{flex-direction:column;min-width:unset;width:90vw;box-shadow:none;padding:8px;border-radius:8px}.modal-content{min-width:unset;width:90vw;padding:1rem .5rem;border-radius:8px}.login-leftside-design,.login-rightside-design{width:90vw;min-width:unset;max-width:90vw;height:auto;padding:12px 8px;border-radius:8px;box-sizing:border-box}.login-leftside-design{font-size:20px;margin-bottom:10px;height:auto}.login-leftside-design>p{font-size:22px;text-align:center}.login-rightside-design{padding:10px 4px;height:auto;justify-content:flex-start}.login-rightside-design-p{font-size:32px;text-align:center}.beta-tag{left:0;font-size:14px;text-align:center;display:block;margin:0 auto 10px}.auth-inp,.credential-block{width:83vw;font-size:15px;padding:8px 10px;margin-bottom:10px}.btn-row,.btn-row-forgot{flex-direction:row;gap:10px;min-width:unset;left:0;top:0}.back-btn,.continue-btn{width:50%;font-size:15px;padding:10px;margin:0 0 8px}.switch-login-signup{font-size:14px;padding:4px 0;width:100%;text-align:center}.forgot-password-button{right:0;left:0;bottom:0;font-size:13px;width:100%;text-align:right;margin-bottom:4px}.view-wrapper{height:auto;min-height:180px;top:0;padding:0}.view{position:static;width:100%;min-height:180px;padding:0;box-sizing:border-box}.no-files-screen,.user-project-screen-content.center-content{padding:10px 0}}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;overflow:hidden;max-width:800px;width:90%;max-height:90vh;font-family:Montserrat}.modal-content{display:flex;min-height:400px}.insight-card{background:linear-gradient(135deg,#b8d4f0,#d2ecff);padding:36px;flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;border-radius:16px}.insight-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.insight-title{font-size:32px;font-weight:600;color:#2c3e50;margin:0 0 16px;line-height:1.3;position:relative;z-index:1}.insight-subtitle{font-size:20px;color:#434343;margin:0 0 24px;line-height:1.5;font-weight:400;position:relative;z-index:1}.insight-tag{display:inline-block;font-size:13px;color:#5a6c7d;font-weight:500;background:#fff6;padding:4px 10px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1;align-self:flex-start}.palette-section{background:#fff;padding:48px;flex:1;display:flex;flex-direction:column;justify-content:center}.palette-header{text-align:center;margin-bottom:40px}.palette-title{font-size:48px;font-weight:700;color:#000;margin:0 0 8px;line-height:1}.beta-badge{font-size:14px;color:#7f8c8d;font-weight:400;position:relative;right:-80px}.progress-container{width:100%}.progress-bar{width:100%;height:3px;background-color:#e9ecef;border-radius:2px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;background:#2c3e50;border-radius:2px;transition:width .3s ease}.progress-text{font-size:14px;color:#6c757d;margin:0;font-weight:400;text-align:center}@media (max-width: 768px){.loading-modal{width:95%;max-width:none}.modal-content{flex-direction:column;min-height:auto}.insight-card,.palette-section{padding:32px}.insight-title{font-size:24px}.insight-subtitle{font-size:15px}.palette-title{font-size:40px}}@media (max-width: 480px){.loading-modal{width:95%;margin:20px}.insight-card,.palette-section{padding:24px}.insight-title{font-size:22px}.insight-subtitle{font-size:14px}.palette-title{font-size:36px}.palette-header{margin-bottom:32px}}.loading-error-div{display:flex;justify-content:center;gap:8px;margin-top:16px}.loading-home{padding:6.5px 8px;border:1px solid #111111;border-radius:6px;background-color:transparent;color:#111;cursor:pointer;font-weight:500;width:100px}.loading-home:hover{background-color:#111;color:#fff}.loading-try-again{color:#fff;background-color:#ff3b30;border:1px solid #FF3B30;border-radius:8px;padding:6.5px 8px;cursor:pointer}.iter-container{display:flex;flex-direction:column;width:100vw;height:100vh;background:#f5f5f5}.iter-sidebar-content-container{display:flex;flex-direction:row;flex:1;overflow:hidden}.iter-footer{position:absolute;display:flex;justify-content:flex-end;margin-top:5px;padding:15px 40px 15px 15px;height:35px;bottom:0;right:0;border-radius:5px;background:transparent}.keep-iterating{background:#000;color:#fff;padding:10px 20px;border:none;cursor:pointer;border-radius:8px;font-family:Montserrat;width:141px;height:36px}.iter-main-content{flex:1;display:flex;flex-direction:column;padding:28px 40px 0}.tabs{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.tab{padding:8px 32px;border:none;background:#fff;font-family:Montserrat;cursor:pointer;border-radius:10px;border:1px solid transparent;font-size:14px}.tab.active{background:#000;color:#fff}.content{overflow-y:auto;display:flex;gap:20px}.content::-webkit-scrollbar{width:4px;display:none}.content::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.content::-webkit-scrollbar-thumb{background:#e8e8e8;border-radius:3px}.content::-webkit-scrollbar-thumb:hover{background:#818181}.summary-wrapper{display:flex;flex:1;flex-direction:column;gap:16px;height:calc(100vh - 10rem);overflow-y:auto}.summary-wrapper::-webkit-scrollbar{display:none}.summary-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.summary-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.summary-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.summary-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;height:320px}@media (max-width: 1400px){.summary-content{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.summary-links-div{display:none!important}}.summary-overview-competitors{display:flex;gap:20px}.summary-split-section{display:flex;gap:20px;flex:1}.summary-colors h3{font-size:18px;font-weight:400;margin-bottom:20px;flex-shrink:0}.right-column{flex:1.05;display:flex;flex-direction:column;gap:5px}.summary-links-div{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;margin-bottom:30px;position:relative;bottom:-400px;padding-bottom:24px}.links{display:flex;justify-content:center;align-items:center;padding:2px 14px;height:30px;border:1px solid #313131;background-color:#fff;border-radius:10px;text-decoration:none;cursor:pointer;color:#000}.links>p{padding:0;margin:0}.competitor-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;color:#666;font-weight:700;font-size:20px;border-radius:15px}.summary-divs-split{width:100%;height:100%}.keep-iterating{background-color:#999;cursor:not-allowed}.competitors-block-container{flex:1;background:#fff;padding:15px 44px;border-radius:10px;display:flex;flex-direction:column;max-height:320px}.competitors-block-container h3{font-size:18px;font-weight:400;margin-bottom:20px;color:#666;flex-shrink:0}.competitors-list{display:grid;grid-template-columns:repeat(auto-fit,50px);gap:20px;margin-top:10px;overflow-y:auto;overflow-x:hidden}.competitors-list::-webkit-scrollbar{width:4px}.competitors-list::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}.competitors-list:hover::-webkit-scrollbar-thumb{background:#e8e8e8}.competitor-item{width:100%;aspect-ratio:1;border-radius:15px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;overflow:hidden;cursor:pointer}.competitor-link{background:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none}.competitor-item img{height:100%;aspect-ratio:1;object-fit:contain}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background-color:#000;color:#fff;padding:24px;border-radius:16px;width:400px;box-shadow:0 8px 32px #00000080}.modal h3{margin:0 0 24px;font-size:18px;font-weight:500;color:#fff}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500}.input-field{width:100%;padding:12px;background-color:#161616;border:none;border-radius:8px;color:#fff;font-size:14px;outline:none;box-sizing:border-box}.form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.optional-text{color:#888;font-weight:400}.add-logo-btn{background-color:transparent;border:1px solid #555;border-radius:6px;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:300}.selected-logo{font-size:12px;color:#888;margin-top:4px}.button-row{display:flex;justify-content:flex-end;gap:12px}.btn{padding:10px 20px;border-radius:24px;font-size:14px;cursor:pointer;font-weight:500}.cancel-btn{border:1px solid #555;background-color:transparent;color:#fff}.save-btn{border:none;background-color:#fff;color:#000}.personas-wrapper{display:flex;flex-direction:row;flex:1;padding-right:10px;height:calc(100vh - 10rem);overflow-y:hidden}.personas-wrapper::-webkit-scrollbar{width:8px}.personas-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.personas-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.personas-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.persona-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden;border:1px solid #e5e7eb}.persona-wrapper-left{overflow-y:auto;position:relative;top:140px}.persona-wrapper-left::-webkit-scrollbar{display:none}.personas-title{font-family:Montserrat;font-weight:400;color:#333;line-height:1.5;font-size:16px;margin:0 40px 24px 5px}.personas-title span{color:#0c7dff}.persona-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;min-height:200px}.persona-row-1{border-bottom:1px solid #e5e7eb}.persona-col{padding:1.5rem;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;justify-content:flex-start}.persona-col:last-child{border-right:none}.persona-image-col{display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0}.persona-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden}.persona-avatar img{width:100%;height:100%;object-fit:contain}.persona-quote-col{justify-content:center;align-items:center;text-align:center;font-weight:700}.persona-quote{font-style:italic;font-size:1.1rem;color:#374151;line-height:1.6;margin:0}.goals-list{display:flex;flex-direction:column;gap:.75rem}.ups-list-item{display:flex;align-items:flex-start;gap:.5rem}.check-icon{color:#10b981;margin-top:.25rem;flex-shrink:0}.ups-list-item span{font-size:.9rem;line-height:1.4}.painpoints-list{display:flex;flex-direction:column;gap:.75rem}.x-icon{color:#ef4444;margin-top:.25rem;flex-shrink:0}.persona-metadata-item img{height:30px}.persona-col.persona-info-col{padding:2rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:#fff;box-shadow:0 4px 8px #0000000d;gap:1rem}.persona-name{font-size:24px;font-weight:800;margin:0;color:#111827}.persona-title{font-size:16px;font-weight:400;color:#374151;margin:0 0 1.5rem}.persona-metadata{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;width:100%}.persona-metadata-item{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#111;font-weight:600}.persona-metadata-item svg{font-size:1.25rem;color:#111}.persona-metadata-item span{display:flex;flex-direction:column;font-weight:500;color:#111;font-size:12px}.persona-bio{font-size:.9rem;line-height:1.6;color:#111;margin:0}.ux-kpis{display:flex;flex-direction:column}.kpi-item{background:transparent;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;color:#111;display:flex;gap:5px;align-items:center}.personality-traits{display:flex;flex-direction:column;gap:1rem}.trait-slider{align-items:center;gap:.75rem}.trait-label{font-size:.8rem;color:#111;min-width:60px}.trait-label-left,.trait-label-right{text-align:left}.slider-track{flex:1;height:4px;background:#e5e7eb;border-radius:2px;position:relative;margin-top:10px}.slider-indicator{position:absolute;top:-3px;width:10px;height:10px;background:#3b82f6;border-radius:50%;transform:translate(-50%)}.section-title{font-size:20px;font-weight:600;color:#111;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 1200px){.persona-row{grid-template-columns:1fr 1fr;min-height:auto}.persona-row-1 .persona-col:nth-child(3),.persona-row-1 .persona-col:nth-child(4){border-top:1px solid #e5e7eb}}@media (max-width: 768px){.persona-row{grid-template-columns:1fr}.persona-col{border-right:none;border-bottom:1px solid #e5e7eb}.persona-col:last-child{border-bottom:none}}.persona-wrapper-right{width:20%;height:80vh;display:flex;flex-direction:column;gap:50px;overflow-y:auto;padding:10px 0 10px 24px;margin-top:3px}.persona-wrapper-right::-webkit-scrollbar{display:none}.persona-preview{height:200px;width:300px;border-radius:16px;box-shadow:0 0 2px #c9c9c9;cursor:pointer;border:2px solid transparent}.persona-preview:hover p{font-weight:600}.persona-preview:hover{border:2px solid #6CAEFF}.personas-title span:hover{text-decoration:underline;cursor:pointer}.persona-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px}.persona-tab{padding:10px;font-size:13px;font-weight:500;color:#111;background-color:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;outline:none}.persona-tab.active{background-color:#fff;color:#333;box-shadow:1px 1px 3px #0c0c0d1a}.personas-sticky-header{position:absolute;background-color:#f8f8f8;z-index:100}.persona-header-actions{position:absolute;right:0;display:flex;padding:2px;border:1px solid #a9a9a9;border-radius:4px;margin-top:10px;margin-right:10px;opacity:0}.ups-action-icon{height:16px;cursor:pointer;border-radius:4px;padding:3px}.ups-action-icon:hover{background-color:#e7e7e7}.persona-card:hover .persona-header-actions{opacity:1}.persona-quote-edit{all:unset;border:2px solid transparent;border-radius:4px;resize:vertical}.persona-quote-edit:focus{border:2px solid #333333}.ups-input{all:unset;border:2px solid transparent;border-radius:4px;width:80%}.ups-input:focus{border:2px solid #333333}.remove-item-icon{margin-left:10px;cursor:pointer}.persona-bio-edit{all:unset;border-radius:4px;resize:vertical;border:2px solid transparent}.persona-bio-edit:focus{border:2px solid #333333}.ups-edit-btn{border:1px solid black;border-radius:4px;color:#fff;background-color:#333;margin-top:10px;cursor:pointer;padding:3px}.ups-drag-parent{position:relative;top:10px;opacity:1}.ups-drag-handle{opacity:0}.persona-card:hover .ups-drag-handle{opacity:1}.persona-image-col{padding:0;overflow:hidden;max-height:300px}.persona-image-stack{display:grid;grid-template-areas:"stack";position:relative;width:100%;height:100%}.persona-img,.persona-avatar{grid-area:stack;align-self:center;justify-self:center;height:100%;width:100%}.avatar-img{height:100%;width:100%;align-self:center;justify-self:center}.ups-drag-parent{grid-area:stack;display:flex;gap:8px;align-items:flex-start;z-index:10;pointer-events:auto;height:fit-content;width:fit-content}.ups-drag-items{height:25px}.add-persona-button{border:1px solid #999999;height:20px;width:20px;border-radius:50%;display:flex;align-items:center;cursor:pointer;padding:0;justify-content:center}.add-persona-button span{color:#999;font-size:20px}.add-persona-button:hover{border:1px solid #0C7DFF;color:#0c7dff}.add-persona-button:hover span{color:#0c7dff}.ups-choose-file{position:absolute;bottom:10px;margin-left:20px;background-color:#fff;cursor:pointer;border:2px solid #333333;border-radius:6px;height:20px;width:150px;padding:5px}.persona-image-stack{position:relative}.delete-avatar-btn{position:absolute;top:5px;right:5px;border-radius:50%;width:25px;height:25px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10;padding:0;border:1px solid #333333;background-color:transparent}.delete-avatar-btn:hover{background-color:#ff4f4f;color:#fff;border:1px solid rgb(255,79,79)}.personas-header{display:flex;justify-content:center}.personas-addmore-btn{border:1px solid;border-radius:24px;display:flex;align-items:center;justify-content:center;min-width:70px;padding:10px;background-color:transparent;cursor:pointer;margin-right:40px;max-height:fit-content}.personas-addmore-btn:hover{border:1px solid #0C7DFF;color:#0c7dff}.question-wrapper::-webkit-scrollbar{display:none}.question-wrapper{position:relative;top:130px}.grab-handle{margin-right:10px;opacity:0}.grab-handle:hover{cursor:grab}.grab-handle:active{cursor:grabbing}.action-icons{padding:2px;border:1px solid transparent;border-radius:6px;display:flex;align-items:center;justify-content:center}.action-icons span{color:#cacaca}.hover-img{cursor:pointer;padding:2px;opacity:0;height:16px;border-radius:4px}.hover-img:hover{background-color:#dfdfdf}.sqc-to-hide{opacity:0}.list-item:hover .hover-img,.list-item:hover .sqc-to-hide{opacity:1}.list-item:hover .action-icons{border:1px solid #CACACA}.list-item:hover{box-shadow:1px 1px 8px #00000028}.iqs-add-feature-button{display:flex;justify-content:center;margin-top:24px}.iqs-add-button{width:20px;height:20px;border-radius:50%;border:1px solid #999999;background:#fff;font-size:20px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center}.iqs-add-button:hover{border-color:#3a8dff;color:#3a8dff}.iqs-header-p{font-size:16px;color:#333;line-height:1.5;margin:0 40px 24px 8px}.iqs-header-p span{color:#3a8dff}.iqs-header-p span:hover{text-decoration:underline;cursor:pointer}.return{height:14px}.iqs-persona-header{padding:10px;border-radius:8px;border:none;background-color:transparent;cursor:pointer}.iqs-persona-header.active{background-color:#fff;box-shadow:1px 1px 3px #0c0c0d1a;font-weight:500}.iqs-section-drag-handle{position:relative;height:24px;cursor:grab}.iqs-section-drag-handle:active{cursor:grabbing}.iqs-fix-div{position:absolute;background-color:#f5f5f5;z-index:10}.iqs-transcripts{border:1px solid #999999;color:#7a7a7a;background-color:#fff;padding:10px;border-radius:18px;margin-right:40px;cursor:pointer}.uxs-insights-container{background-color:transparent;overflow-y:auto}.uxs-insights-container::-webkit-scrollbar{display:none}.uxs-insights-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:24px;gap:24px;position:sticky;top:0;z-index:10;background-color:#f5f5f5}.uxs-insights-title{font-size:16px;font-weight:400;line-height:1.5;color:#333;margin:0 0 0 8px;flex:1}.uxs-learn-more{color:#0c7dff;cursor:pointer}.uxs-learn-more:hover{text-decoration:underline}.uxs-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,319px);grid-auto-rows:300px;gap:24px;padding-bottom:40px}.uxs-insight-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:0 20px 10px;cursor:default;position:relative;overflow-y:auto}.uxs-plus{background-color:transparent;border:none;cursor:default}.uxs-insight-card.uxs-plus:hover{box-shadow:none}.uxs-insight-card::-webkit-scrollbar{display:none}.uxs-insight-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.uxs-insight-card.dragging{transform:rotate(2deg);box-shadow:0 8px 25px #00000026;z-index:1000}.uxs-card-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:#fff;padding-top:20px}.uxc-to-hide{opacity:0}.uxs-insight-card:hover .uxc-to-hide{opacity:1}.uxs-card-header-left{display:flex;align-items:center}.uxs-card-header-right{display:flex;align-items:center;border:1px solid #CACACA;border-radius:4px;padding:2px}.uxs-star-icon{width:20px;height:20px;cursor:pointer;position:relative;left:-20px}.uxs-star-icon:hover{transform:scale(1.1)}.uxs-drag-handle{cursor:grab;border-radius:4px;margin-left:8px;margin-top:4px}.uxs-drag-icon{width:20px;height:20px;opacity:0;position:relative;left:-26px}.uxs-drag-icon:active{cursor:grabbing}.uxs-action-icon{width:16px;height:16px;cursor:pointer;border-radius:4px}.uxs-action-icon:hover{background-color:#dbdbdb}.uxs-divider{color:#d1d5db;font-size:12px;margin:0 4px}.uxs-card-content{display:flex;flex-direction:column;gap:8px;padding-left:12px;overflow-y:auto;height:70%}.uxs-card-content::-webkit-scrollbar{display:none}.uxs-card-title{font-size:16px;font-weight:600;color:#111827;margin:0;line-height:1.4}.uxs-card-description{font-size:12px;color:#4b5563;line-height:1.5;margin:0}.uxs-user-behavior-section{margin-top:8px}.uxs-user-behavior-label{font-size:11px;font-weight:600;color:#3b82f6;letter-spacing:.5px;display:block;margin-bottom:6px}.uxs-user-behavior-text{font-size:12px;color:#4b5563;line-height:1.5;margin:0}.uxs-tags-container{display:flex;flex-wrap:wrap;margin-top:12px;margin-left:10px}.uxs-tag{background-color:#fff;color:#3b82f6;font-size:12px;font-weight:500;border-radius:6px;border:1px solid #ffffff}.uxs-edit-title-input{width:90%;font-size:16px;font-weight:600;color:#111;background:#fff;outline:none;border-radius:4px;border:2px solid transparent}.uxs-edit-title-input:focus{border:2px solid #111111}.uxs-edit-description-textarea,.uxs-edit-behavior-textarea{width:90%;font-size:12px;color:#4b5563;background:#fff;resize:vertical;min-height:50px;border-radius:4px;border:2px solid transparent;line-height:1.5;font-family:Montserrat;outline:none}.uxs-edit-description-textarea:focus,.uxs-edit-behavior-textarea:focus{border-color:#000}.uxs-edit-behavior-textarea{min-height:50px}@media (max-width: 768px){.uxs-insights-grid{grid-template-columns:1fr;gap:16px}.uxs-insights-header{flex-direction:column;align-items:stretch;gap:16px}.uxs-insights-title{font-size:13px}.uxs-insight-card{padding:16px}.uxs-card-title{font-size:16px}.uxs-card-description,.uxs-user-behavior-text{font-size:13px}}@media (max-width: 480px){.uxs-insights-container{padding:16px}.uxs-insights-grid{gap:12px}.uxs-insight-card{padding:12px}.uxs-card-header-right{gap:6px}.uxs-action-icon{width:14px;height:14px}}.uxs-add-button{width:40px;height:40px;border-radius:50%;border:1px solid white;background:#fff;font-size:24px;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center}.uxs-add-button:hover{border-color:#007aff;color:#007aff}.uxs-edit-tags-textarea{border:2px solid transparent}.uxs-edit-tags-textarea:focus{border:2px solid #333333}.uxs-insights-header{display:flex;justify-content:center}.uxs-insights-addmore-btn{border:1px solid;border-radius:24px;display:flex;align-items:center;justify-content:center;min-width:70px;padding:10px;background-color:transparent;cursor:pointer;margin-right:10px;max-height:fit-content}.uxs-insights-addmore-btn:hover{border:1px solid #0C7DFF;color:#0c7dff}.kfs-sortable-feature-item{touch-action:none;-webkit-user-select:none;user-select:none;position:relative;cursor:grab}.kfs-sortable-feature-item:active{cursor:grabbing}.kfs-sortable-feature-item.kfs-dragging{transform:rotate(2deg);box-shadow:0 8px 24px #0003;border-color:#007aff!important;background:#fff;z-index:1000}.kfs-sortable-feature-item.kfs-dragging *{pointer-events:none}.kfs-sortable-feature-item.kfs-dragging:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#007aff0d;border-radius:inherit;pointer-events:none}.kfs-sortable-feature-item:not(.kfs-dragging){transition:transform .2s ease,box-shadow .2s ease}@media (hover: none) and (pointer: coarse){.kfs-sortable-feature-item,.kfs-sortable-feature-item:active{cursor:default}}.custom-dropdown{position:relative;display:inline-block;font-family:Montserrat;width:150px}.dropdown-selected-value{padding:4px;border-radius:25px;cursor:pointer;text-align:center;font-weight:500;font-size:13px;box-shadow:0 1px 3px #0000001a;border:none;outline:none;font-size:10px;width:70px}.dropdown-selected-value.must-haves{background-color:#ffedb5;color:#845600}.dropdown-selected-value.attractive{background-color:#f3daff;color:#910099}.dropdown-selected-value.undefined{background-color:#e3e3e3;color:#333}.dropdown-options{position:absolute;top:100%;left:0;right:0;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;z-index:10;display:none;margin-top:4px;border:1px solid rgba(0,0,0,.05);padding:16px}.dropdown-options .option{padding:5px;cursor:pointer;text-align:center;font-weight:500;font-size:13px;border-radius:12px;margin:4px 4px 8px}.dropdown-options .option.must-haves{background-color:#fff8d8;color:#8b6914}.dropdown-options .option.must-haves:hover{background-color:#f5e6a3;color:#8b6914}.dropdown-options .option.attractive{background-color:#f5f0fc;color:#6b46c1}.dropdown-options .option.attractive:hover{background-color:#e8d5ff;color:#6b46c1}.dropdown-options .option.undefined{background-color:#f1f1f1;color:#374151}.dropdown-options .option.undefined:hover{background-color:#e5e7eb;color:#374151}.custom-dropdown.open .dropdown-options{display:block}.kfs-features-container{max-width:100%;margin:0 auto;font-family:Montserrat;overflow-y:auto;padding-bottom:100px}.kfs-features-container::-webkit-scrollbar{display:none}.kfs-features-header{padding-bottom:24px;position:sticky;top:0;z-index:10;background-color:#f5f5f5;display:flex;justify-content:center}.kfs-features-description{color:#333;font-size:16px;line-height:1.5;margin:0 0 0 8px}.kfs-learn-more{color:#007aff;cursor:pointer}.kfs-learn-more:hover{text-decoration:underline}.kfs-features-list{display:flex;flex-direction:column;gap:12px}.kfs-feature-item{background:#fff;border-radius:16px}.kfs-to-hide{opacity:0}.kfs-feature-item:hover{border-color:#d0d0d0;box-shadow:0 2px 8px #0000001a}.kfs-feature-item:hover .kfs-to-hide{opacity:1}.kfs-feature-item.kfs-expanded{border-color:#007aff;box-shadow:0 4px 12px #007aff1a}.kfs-feature-content{padding:16px 20px 20px 4px;cursor:pointer}.kfs-feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.kfs-feature-left{display:flex;align-items:center;gap:4px;flex:1}.kfs-star-icon{width:20px;height:20px;cursor:pointer}.kfs-star-icon:hover{transform:scale(1.1)}.kfs-feature-name{font-weight:500;font-size:16px;color:#111}.kfs-feature-right{display:flex;align-items:center;border:1px solid #CACACA;border-radius:6px;padding:2px}.kfs-edit-icon,.kfs-dots-icon{width:20px;height:20px;margin:0;cursor:pointer}.kfs-feature-description{color:#111;font-size:14px;line-height:1.5;margin-left:48px}.kfs-feature-expanded-content{padding-top:8px;margin-left:48px}.kfs-insight-section,.kfs-design-section{margin-bottom:8px}.kfs-insight-section:last-child,.kfs-design-section:last-child{margin-bottom:0}.kfs-section-title{font-size:11px;font-weight:500;color:#1a8dff;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.kfs-insight-list,.kfs-design-list{margin:0;padding-left:16px;list-style-type:disc}.kfs-insight-list li,.kfs-design-list li{list-style-type:none;color:#111;font-size:14px;line-height:1.5;margin-bottom:4px}.kfs-insight-list li:before,.kfs-design-list li:before{content:"•";margin-right:6px}.kfs-insight-list li:last-child,.kfs-design-list li:last-child{margin-bottom:0}.kfs-add-feature-button{display:flex;justify-content:center;margin-top:24px}.kfs-add-button{width:40px;height:40px;border-radius:50%;border:1px solid white;background:#fff;font-size:24px;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center}.kfs-add-button:hover{border-color:#007aff;color:#007aff}.kfs-feature-item[data-sortable-id]{touch-action:none}.kfs-feature-item:active{z-index:1000}.kfs-drag-handle{cursor:grab}.kfs-drag-handle:active{cursor:grabbing}@media (max-width: 768px){.kfs-features-container{padding:16px}.kfs-feature-content{padding:12px 16px}.kfs-feature-name{font-size:15px}.kfs-feature-description,.kfs-features-description{font-size:13px}}.kfs-feature-item input,.kfs-feature-item textarea{width:100%;font-family:Montserrat;font-size:inherit;background-color:#fcfdff;box-sizing:border-box;font-size:14px;border:none}.kfs-feature-item input{margin-left:0;margin-right:16px;font-size:16px;width:80%}.kfs-feature-item textarea{resize:vertical}.kfs-feature-name-input{font-weight:500;font-size:16px;margin-left:10px;outline:none;border-radius:4px}.kfs-feature-name-input:focus{border:2px solid black}.kfs-feature-description-textarea{margin-top:8px;font-size:14px;line-height:1.5;border-radius:4px;border:2px solid transparent;outline:none}.kfs-feature-description-textarea:focus{border:2px solid black}.kfs-insight-textarea,.kfs-design-specs-textarea{font-size:12px;line-height:1.5;width:100%;outline:none;border:2px solid transparent;border-radius:4px}.kfs-insight-textarea:focus,.kfs-design-specs-textarea:focus{border:2px solid black}.kfs-action-icon{cursor:pointer;margin:0;height:16px;width:16px;padding:2px;border-radius:4px}.kfs-action-icon:hover{background-color:#e1e1e1}.kfs-cancel-button{background:none;color:#495057;cursor:pointer;border:none;border-radius:8px;height:15px;padding:0}.kfs-cancel-button:hover{background-color:#f1f3f5}.kfs-feature-content[onClick=undefined]{cursor:default}.kfs-tag-container{margin-left:8px;padding:5px 10px;border-radius:10px;position:relative;top:-2px;display:flex;align-items:center}.kfs-tag{font-size:10px;font-weight:500}.kfs-feature-type-dropdown{background-color:transparent;border-radius:4px;padding:2px}.kfs-features-addmore-btn{border:1px solid;border-radius:24px;display:flex;align-items:center;justify-content:center;min-width:70px;padding:10px;background-color:transparent;cursor:pointer;margin-right:10px;max-height:fit-content}.kfs-features-addmore-btn:hover{border:1px solid #0C7DFF;color:#0c7dff}*{font-family:Montserrat}.uip-container{margin:0 auto}.uip-header>h1{font-size:24px;font-weight:600;color:#333;margin-bottom:16px}.uip-header>p{font-size:16px;font-weight:400;line-height:1.5;color:#333;margin:0 0 24px}.uip-button{display:flex;justify-content:flex-start;margin-top:20px}.uip-button>button{border:none;background:#111;color:#fff;padding:8px 16px;font-size:14px;border-radius:8px;cursor:pointer}.uip-content{margin-top:20px}.uip-prompt-container{display:flex;gap:20px;align-items:flex-start}.uip-prompt-text{flex:1;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;max-height:70vh;overflow-y:auto;font-family:Montserrat,monospace;line-height:1.5;min-width:650px;min-height:60vh}.uip-prompt-text pre{margin:0;font-size:14px;line-height:1.5;color:#333;white-space:pre-wrap;word-wrap:break-word}.uip-actions{display:flex;flex-direction:column;gap:10px;min-width:172px;margin-top:30px;margin-right:24px}.uip-action-button{border:1px solid #0C7DFF;background:#fff;color:#0c7dff;padding:8px 16px;font-size:14px;font-weight:500;border-radius:16px;cursor:pointer;text-align:center;min-width:172px}.uip-action-button.gen{border:1px solid #0C7DFF;background:#0c7dff;color:#fff;margin-bottom:24px}.uip-prompt-text::-webkit-scrollbar{width:6px}.uip-prompt-text::-webkit-scrollbar-thumb{background:#eaeaea;border-radius:4px;margin:4px}.uip-prompt-text::-webkit-scrollbar-thumb:hover{background:#d6d6d6}@media (max-width: 768px){.uip-prompt-container{flex-direction:column}.uip-actions{flex-direction:row;min-width:unset}.uip-action-button{flex:1}}.uip-file-regen{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.uip-regen-btn{display:flex;border:none;align-items:center;background:transparent;gap:8px;cursor:pointer}.uip-workswith{border-radius:16px;background-color:#fff;padding:16px 24px 30px 16px}.uip-icons-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.uip-icon{height:48px;width:48px;border-radius:12px;padding:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a;cursor:pointer}.uip-more{margin:0;font-size:16px;color:#000}.task-flow-item{width:300px;min-height:180px;border-radius:8px;border:1px solid #E9D859;box-sizing:border-box;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#212529;background-color:#fff}.task-flow-item-content{padding:12px 12px 12px 0;width:100%;display:flex;flex-direction:column;height:160px;position:relative}.task-flow-item-header{display:flex;align-items:flex-start;width:100%;margin-bottom:4px}.menu-button{background:none;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#212529}.drag-handle{all:unset;cursor:grab;margin-top:-2px;opacity:0;position:relative;top:2px}.drag-handle:active{cursor:grabbing}.menu-button{opacity:0;cursor:pointer;margin-left:auto}.drag-handle img{height:20px;width:20px}.menu-button svg{height:24px;width:24px}.title{flex-grow:1;font-size:1rem;font-weight:500;margin:0;line-height:1.4;word-break:break-word}.task-flow-item-body{flex-grow:1;margin-left:16px;overflow-y:auto;max-height:70px}.task-flow-item-body::-webkit-scrollbar{display:none}.description{font-size:.875rem;color:#6c757d;line-height:1.5;overflow:hidden;margin:0 0 0 4px;padding-bottom:40px}.task-flow-item-footer{min-height:20px;position:absolute;top:105px;left:5px;width:82%;padding:4px 15px}.keyscreen-indicator{font-size:.875rem;color:#0c7dff;font-weight:500}.task-flow-item-content:hover .drag-handle,.task-flow-item-content:hover .menu-button{opacity:1}.taskflow-screen-container{background-color:transparent;font-family:Montserrat;overflow-y:auto;padding-bottom:100px;width:100%}.taskflow-screen-container::-webkit-scrollbar{display:none}.task-groups-wrapper{display:flex;flex-direction:column;gap:32px;top:100px;position:relative}.task-group-container{background-color:#fff;border:1px solid transparent;border-radius:8px;padding:24px 0;margin-left:5px;margin-right:5px}.task-group-container:hover{box-shadow:0 0 4px #c4c4c4}.task-group-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-group-drag-handle{background:none;border:none;padding:0;cursor:grab;opacity:0}.task-group-container:hover .task-group-drag-handle{opacity:1}.task-group-drag-handle:active{cursor:grabbing}.task-group-drag-handle img{width:24px;height:24px}.task-group-header h2{font-size:1.25rem;font-weight:600;color:#212529;margin:0}.steps-container{display:grid;grid-template-columns:repeat(auto-fill,300px);gap:20px 39px;padding:24px 80px}.step{padding:16px;background-color:#fffacc;border:1px solid #ddd;border-radius:10px}.taskflow-screen-title{font-family:Montserrat;font-weight:400;font-size:16px;color:#333;line-height:1.5;margin:0;padding-bottom:24px;position:sticky;top:0;background-color:#f5f5f5;z-index:11}.taskflow-screen-title span{color:#0c7dff}.taskflow-screen-title span:hover{cursor:pointer;text-decoration:underline}.tfs-title-input{all:unset;border:2px solid transparent}.tfs-title-input:focus{border-radius:4px;border:2px solid #111111}.tfs-description-textarea{all:unset;min-height:60px;border:2px solid transparent;font-size:14px;width:90%}.tfs-description-textarea:focus{border:2px solid #111111;border-radius:4px}.tfs-edit-buttons{background-color:#111;color:#fff;cursor:pointer;border-radius:4px;border:1px solid #111111}.tfs-keyscreen-edit-container{display:flex;justify-content:space-between;margin-right:20px}.tfs-taskflow_start{position:relative;right:-210px;top:28px}.tfs-taskflow_end{position:relative;right:-50%}.tfs-cancel{border:1px solid #111111;color:#111;background-color:#fff}.task-flow-item-tip{border:1px solid transparent;background:linear-gradient(to bottom,#62a4ff,#3a8dff);border-radius:12px;height:24px;margin-left:20px;width:85%;display:flex;align-items:center;overflow:hidden;position:absolute;bottom:16px}.tfs-tip{color:#fff;font-size:10px;margin:0 0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-title-button.edit{background-color:transparent;border:1px solid #CACACA;border-radius:4px;display:flex;align-items:center;padding:4px 6px;cursor:pointer;opacity:0}.task-title-button.edit img{height:15px}.task-title-button:hover{background-color:#f3f3f3}.task-title-buttons{display:flex}.task-title-buttons{background-color:transparent;border:1px solid #CACACA;border-radius:6px;display:flex;align-items:center;padding:3px;cursor:pointer;justify-content:center;gap:4px;margin-right:20px;opacity:0}.task-group-container:hover .task-title-buttons{opacity:1}.task-title-buttons button{border:none;background-color:transparent;display:flex;align-items:center;padding:2px;cursor:pointer;border-radius:4px}.task-title-buttons button:hover{background-color:#ddd}.task-title-buttons button img{height:15px}.task-title-input{all:unset;border:2px solid #111111;border-radius:4px;font-size:20px;font-weight:600;width:100%}.task-group-container:hover .task-title-button.edit{opacity:1}.tfs-add-flow-button{display:flex;justify-content:center;margin-top:24px}.tfs-add-button{width:40px;height:40px;border-radius:50%;border:1px solid white;background:#fff;font-size:24px;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center}.tfs-add-button:hover{border-color:#007aff;color:#007aff}.taskflow-screen-header{position:fixed;background-color:#f5f5f5;z-index:100;display:flex;justify-content:center}.taskflow-screen-addmore-btn{border:1px solid;border-radius:24px;display:flex;align-items:center;justify-content:center;min-width:70px;padding:10px;background-color:transparent;cursor:pointer;margin-right:40px;max-height:fit-content}.taskflow-screen-addmore-btn:hover{border:1px solid #0C7DFF;color:#0c7dff}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000005e;display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;z-index:1000}.share-modal{background:#111;color:#fff;padding:1.5rem;border-radius:24px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:10px;width:500px}.share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.share-modal h2{margin:0;font-size:24px;font-weight:600;color:#fff}.close-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.share-link-container{display:flex;gap:1rem;align-items:center}.share-link-input{background:#2a2a2a;color:#fff;padding:1rem 6rem 1rem 1rem;font-size:14px;border:1px solid #3a3a3a;border-radius:12px;outline:none;transition:border-color .2s;min-width:260px}.share-link-input:focus{border-color:#666}.share-link-input-wrapper{display:flex;flex-direction:row;align-items:center}.permission-dropdown{position:relative}.permission-btn{background:#3a3a3a;color:#fff;border:1px solid #4a4a4a;border-radius:8px;padding:.4rem;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:5px;min-width:70px;justify-content:space-between;transition:background-color .2s;transform:translate(-80px)}.permission-btn:hover{background:#4a4a4a}.copy-btn{background:transparent;color:#5182ff;border:none;padding:1rem;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:10px;min-width:150px;justify-content:center;transform:translate(-100px)}.sk-summary-skeleton{padding:20px;font-family:sans-serif;width:80vw}.sk-tabs-row{display:flex;gap:12px;margin-bottom:20px}.sk-tab{width:120px;height:32px;background-color:#e5e7eb;border-radius:20px}.sk-summary-box{width:100%;height:150px;background-color:#e5e7eb;border-radius:8px;margin-bottom:24px}.sk-grid{display:flex;flex-wrap:wrap;gap:16px}.sk-block{background-color:#f9fafb;border-radius:8px;padding:16px;width:45%;min-height:200px;box-shadow:0 0 5px #0000000d}.sk-block.half{width:45%}.sk-block.small{width:45%;min-height:150px}.sk-block-title{width:50%;height:20px;margin-bottom:12px;background-color:#e5e7eb;border-radius:4px}.sk-line{width:100%;height:16px;margin-bottom:8px;background-color:#e5e7eb;border-radius:4px}.sk-user-line{width:100%;height:40px;background-color:#e5e7eb;margin-bottom:12px;border-radius:6px}.sk-badge-row{display:flex;flex-wrap:wrap;gap:8px}.sk-badge{width:32px;height:32px;background-color:#d1d5db;border-radius:8px}.sk-circle-row{display:flex;gap:12px;margin-top:12px}.sk-circle{width:32px;height:32px;background-color:#d1d5db;border-radius:50%}.sk-shimmer{position:relative;overflow:hidden;background-color:#e5e7eb}.sk-shimmer:after{content:"";position:absolute;top:0;left:-150%;width:200%;height:100%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);animation:sk-shimmer 1.6s infinite}@keyframes sk-shimmer{0%{left:-150%}to{left:150%}}.prevs-tab-bar{display:flex;max-height:36px;gap:8px}.prev-wrapper{flex:1;display:flex;flex-direction:column;padding:28px 40px 0}.prevs-tab{padding:10px 32px;border:none;border-radius:8px;display:flex;justify-content:center;align-items:center;background-color:#fff;cursor:pointer}.prevs-tab.prv-active{background-color:#111;color:#fff}.prevs-tab p{margin:0;font-size:14px}.prevs-disabled{color:#999;cursor:not-allowed;-webkit-user-select:none;user-select:none}.prevs-actions{display:flex;gap:16px;align-items:flex-start}.prevs-actions button{background-color:transparent;padding:2px;margin:0;border:none;border-radius:8px;cursor:pointer}.prevs-actions button img{height:22px}.prevs-version{display:flex;border:none;border-radius:8px;padding:5px 14px;box-shadow:1px 1px 10px #e0e0e0;cursor:pointer}.prevs-version p{margin:0;-webkit-user-select:none;user-select:none;font-size:12px}.prevs-version img{filter:invert(1);margin:6px 5px 0 10px;height:5px;-webkit-user-select:none;user-select:none}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.prev-join-waitlist{padding:10px 50px;border-radius:18px;background-color:#0c7dff;border:#0C7DFF;font-size:14px;color:#fff;cursor:pointer}.prev-join-waitlist:hover{background-color:#0975f0;border:#0975f0}.side-bar-manage-container{width:15%;padding:20px;display:flex;left:0;flex-direction:column;background:#f8f8f8;border-right:1px solid rgba(222,222,222,1);align-items:flex-start;justify-content:flex-start;position:relative;z-index:1}.side-bar-search-wrapper{position:relative;width:92%;margin-bottom:5px}.side-bar-search-icon{position:absolute;left:10px;top:40%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;opacity:.7}#side-bar-manage-search{resize:none;outline:none;width:95%;border:1px solid rgb(56,56,56);border-radius:8px;line-height:2.2;margin-bottom:5px;padding:2px 5px 2px 34px;transition:border .2s ease}.division-line{background:#dedede;height:2px;width:100%;margin:10px 0}.side-bar-buttons-group{display:flex;flex-direction:column;gap:5px;max-height:300px;width:100%;overflow-y:auto;overflow-x:hidden}.side-bar-buttons-group::-webkit-scrollbar{width:6px}.side-bar-buttons-group::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.side-bar-buttons-group::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius:3px}.side-bar-buttons-group::-webkit-scrollbar-thumb:hover{background:#818181}.sidebar-project-menu-wrapper{position:absolute;top:33%;right:8px;transform:translateY(-50%)}.sidebar-project-row{position:relative;display:flex;align-items:center;width:100%}.no-projects-found{padding:12px 8px;color:#666;font-size:14px;text-align:center;font-style:italic;background:#f0f0f080;border-radius:6px;margin:5px 0}.three-dot-menu-wrapper{display:inline-block}.three-dot-menu-btn{background:none;border:none;font-size:22px;color:#fff;cursor:pointer;padding:4px 8px}.three-dot-menu-dropdown{background:#111;color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001f;z-index:9999;list-style:none;padding:6px 0;margin:0}.three-dot-menu-dropdown hr{border:none;border-top:1px solid #333;margin:6px 0}.three-dot-menu-dropdown li{padding:6px 12px;cursor:pointer;transition:background .15s;font-size:16px}.three-dot-menu-dropdown li:hover{background:#292929}.three-dot-menu-dropdown li.disabled-option{opacity:.5;cursor:not-allowed;pointer-events:none}.top-bar-manage-container{position:sticky;top:0;left:0;margin:0;padding:10px 20px;background:#f8f8f8;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-bottom:1px solid rgba(222,222,222,1);z-index:10}.dropdown{display:inline-block}.dropdown-button{display:flex;flex-direction:row;align-items:center;justify-content:space-around;background:#111;color:#fff;padding:7px 10px;border-radius:8px;cursor:pointer;border:none;gap:10px}.dropdown-menu{position:absolute;top:100%;left:20px;margin:0;padding:10px 5px;background-color:#000;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:200px;z-index:1002}.dropdown-item{padding:5px 10px;cursor:pointer;border-radius:8px;color:#fff;font-size:16px}.dropdown-item:hover{background-color:#292929}.user-data{display:flex;flex-direction:column;align-items:center;justify-content:center}.avatar-circle{display:flex;align-items:center;justify-content:center;background:#adffb7;color:#000;border-radius:50%;width:60px;height:60px;font-weight:500;font-size:32px;margin-top:20px;border:2px solid #ADFFB7}.avatar-circle-button{display:flex;align-items:center;justify-content:center;background:#adffb7;color:#000;cursor:pointer;width:20px;height:20px;border:2px solid #ADFFB7;border-radius:50%}.username{display:flex;align-items:center;justify-content:center;color:#e0e0e0;margin-top:10px;margin-bottom:20px;font-size:24px}.topBar-to-hide{color:#787878;cursor:not-allowed;-webkit-user-select:none;user-select:none}.topBar-to-hide:hover{background-color:transparent}.file-manage-screen-container{display:flex;flex-direction:column;width:100vw;height:100vh;background:#f5f5f5}.sidebar-screen-manage-conatiner{display:flex;flex-direction:row;flex:1;overflow:hidden}.file-manage-screen-content{flex:1;display:flex;flex-direction:column;padding:24px}.input-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;z-index:1000}.input-modal{background:#111;padding:1rem 2rem;border-radius:16px;min-width:350px;box-shadow:0 2px 16px #2b2b2b2e;position:relative;display:flex;flex-direction:column;gap:1rem}.input-modal-buttons{display:flex;gap:.5rem;justify-content:flex-end}.input-field{border:1px solid rgb(44,44,44)}.input-modal h2{margin:.5rem 1rem 0 0;font-size:1.2rem;color:#fff;font-weight:500}.input-modal input[type=text]{width:100%;padding:.5rem;font-size:1rem;border:none;border-radius:5px;margin-bottom:20px;color:#fff;background-color:#313131}.input-modal form{display:flex;flex-direction:column;gap:.5rem}.input-modal button[type=submit]{background:#fff;color:#000;border:none;padding:.5rem 1rem;border-radius:16px;font-size:16px;cursor:pointer;transition:background .2s}.input-modal button[type=close]{background:#000;color:#fff;border:1px solid #ffffff;padding:.5rem 1rem;border-radius:16px;font-size:16px;cursor:pointer;transition:background .2s}.user-project-screen-container{flex:1;display:flex;flex-direction:column;overflow-y:auto}.user-project-screen-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.user-project-title-dropdown{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:flex-end}.user-project-title-dropdown>h1{font-size:36px;font-weight:600;margin:0}.user-project-title-dropdown>img{cursor:pointer}#create-new-project{border:1px solid black;border-radius:8px;padding:8px 16px;cursor:pointer}.user-project-screen-content{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,350px);justify-content:start}.no-files-screen{display:flex;flex-direction:column;justify-content:center;align-items:center}.no-files-screen>h1{font-size:16px;font-weight:600;color:#0c7dff;margin:0}.no-files-screen>p{font-size:14px;font-weight:400;color:#111;max-width:800px;text-align:center}.no-files-screen>button{border:none;background-color:#111;color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer}.center-content{display:flex!important;justify-content:center;align-items:center;min-height:60vh}.project-display-container{flex-direction:column;height:200px;width:350px;display:flex;border:1px solid rgba(102,102,102,1);border-radius:8px;cursor:pointer;position:relative}.project-display-image{flex:1;background:#fff;border-top-left-radius:8px;border-top-right-radius:8px}.file-display-image{position:relative;flex:1;background:#fff;border-top-left-radius:8px;border-top-right-radius:8px}.file-display-image>img{height:60px;position:absolute;top:32%;right:30%}.project-display-name{background:#666;width:100%;height:50px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.project-display-name>h2{margin:8px 32px 2px;color:#fff;font-size:16px;font-weight:600}.project-display-name>p{margin:0 32px;color:#fff;font-size:12px;font-weight:400}.file-display-name{height:70px;font-size:12px}.file-display-name h2,.file-display-name p{padding-top:4px}.file-three-dot-menu-wrapper{position:absolute;top:10px;right:10px;z-index:2}.file-three-dot-menu-wrapper img{filter:brightness(0) saturate(100%)}.skeleton-card{width:350px;height:200px;background-color:#fff;border-radius:6px;border:1px solid rgba(102,102,102,1);box-shadow:0 2px 4px #0000001a;overflow:hidden;position:relative;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.circle-container{display:flex;align-items:center;justify-content:center;padding:16px;gap:0;position:relative;top:40%;transform:translateY(-40%)}.skeleton-circle{width:60px;height:60px;border-radius:50%;background-color:#666;margin-left:-8px;position:relative}.card-footer{position:absolute;bottom:0;width:100%;height:45px;background-color:#666;display:flex;align-items:center;padding:0 16px}.footer-bar{width:60%;height:16px;background-color:#666;border-radius:4px;position:relative}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-150%;width:200%;height:100%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-150%}to{left:150%}}.sort-toolbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.sortSection{display:flex;align-items:center;gap:4px}.sortLabel{color:#666;font-weight:400}.sort-view-dropdown{position:relative}.dropdownToggle{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:16px;color:#111}.arrow{display:flex;align-items:center}.dropdownMenu{min-width:150px;position:absolute;top:100%;left:10px;right:0;background:#111;z-index:10;margin-top:2px;padding:2px 4px;border-radius:8px}.dropdownItem{display:block;width:100%;padding:8px 12px;text-align:left;background:none;border:none;cursor:pointer;font-size:16px;color:#fff}.dropdownItem:hover{background:#292929}.viewControls{display:flex;gap:8px}.viewBtn{padding:6px 8px;cursor:pointer;border:none;background:none}.viewBtn>img{height:24px}.edit-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;z-index:1000}.edit-details-modal{background:#111;padding:1rem 2rem;border-radius:16px;min-width:500px;box-shadow:0 2px 16px #2b2b2b2e;position:relative;display:flex;flex-direction:column;gap:1rem}.edit-details-modal h2{margin:.5rem 1rem 0 0;font-size:24px;color:#fff;font-weight:600}.edit-details-form{display:flex;flex-direction:column;gap:1.2rem}.edit-details-form label{color:#fff;font-size:1rem;font-weight:500;display:flex;flex-direction:row;align-items:center;gap:1.2rem;margin-bottom:0;position:relative}.edit-details-form label>span{min-width:110px}.edit-details-input{background:#222;color:#fff;border:none;border-radius:10px;padding:.7rem 1rem;font-size:1.1rem;outline:none;width:100%;box-sizing:border-box;flex:1}.select-custom{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#222;color:#fff;border:none;border-radius:10px;padding:.7rem 1rem;font-size:1.1rem;outline:none;width:100%;box-sizing:border-box;flex:1;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.select-custom span{display:block;width:100%;cursor:pointer}.select-custom .dropdown-list{list-style:none;margin:0;padding:0;position:absolute;left:0;right:0;top:110%;background:#222;border-radius:10px;z-index:10;box-shadow:0 2px 8px #00000026;max-height:200px;overflow-y:auto}.select-custom .dropdown-list li{padding:.5rem 1rem;cursor:pointer;background:transparent;transition:background .15s}.select-custom .dropdown-list li:hover{background:#333}.edit-details-form label .dropdown-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);pointer-events:none;width:15px;height:15px;fill:#fff}.edit-details-input.select-custom option{background:#222;color:#fff;border-radius:16px;border:none}.edit-details-modal-actions{display:flex;justify-content:flex-end;gap:1.2rem;margin-top:1rem;margin-bottom:1rem}.edit-details-cancel{background:transparent;color:#fff;border:2px solid #fff;border-radius:16px;padding:.4rem 1.4rem;font-size:1.1rem;font-weight:400;cursor:pointer;transition:background .2s,color .2s}.edit-details-save{background:#fff;color:#111;border:none;border-radius:16px;padding:.4rem 1.4rem;font-size:1.1rem;font-weight:400;cursor:pointer;transition:background .2s,color .2s}.error-container{min-height:100vh;background:linear-gradient(135deg,#f9fafb,#f3f4f6);display:flex;align-items:center;justify-content:center;padding:1.5rem}.error-card{max-width:28rem;width:100%;background:#fff;border-radius:1rem;box-shadow:2px 2px 10px #00000026;padding:2rem;text-align:center}.error-icon-wrapper{margin-bottom:1.5rem}.error-icon-circle{width:5rem;height:5rem;margin:0 auto;background-color:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center}.error-icon{width:2.5rem;height:2.5rem;color:#ef4444}.error-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:1rem;line-height:1.2}.error-description{color:#6b7280;margin-bottom:1.5rem;line-height:1.6;font-size:1rem}.error-details{background-color:#f9fafb;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;text-align:left}.error-message{font-size:.875rem;color:#374151;font-family:Courier New,Courier,monospace;word-break:break-words;margin:0}.home-button{display:inline-flex;align-items:center;gap:.75rem;background-color:#fff;color:#111;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;border:1px solid #111111;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000001a;font-size:1rem}.home-button:hover{background-color:#fff;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-1px)}.home-button:active{transform:translateY(0)}.home-icon{width:1.25rem;height:1.25rem}.support-message{font-size:.875rem;color:#9ca3af;margin-top:1.5rem;margin-bottom:0}@media (max-width: 640px){.error-container{padding:1rem}.error-card{padding:1.5rem}.error-title{font-size:1.5rem}.error-description{font-size:.875rem}.home-button{padding:.625rem 1.25rem;font-size:.875rem}}