:root{--step-transition-duration:0.4s;--gradient-purple:linear-gradient(135deg,#8b5cf6,#a855f7,#c084fc);--input-focus-border-color:#818cf8;--input-focus-shadow-color:rgba(99,102,241,.4);--button-hover-bg:hsla(0,0%,100%,.15);--selected-option-bg:var(--gradient-purple);--step-bg:hsla(0,0%,100%,.03);--step-border:hsla(0,0%,100%,.08);--body-bg-gradient:linear-gradient(to bottom right,#111827,#000,#312e81);--input-bg-color:rgba(10,10,20,.5);--input-border-color:hsla(0,0%,100%,.2);--input-focus-bg-color:rgba(20,20,30,.7);--input-text-color:#e0e0e0;--chat-bg:rgba(15,15,25,.8);--chat-border:hsla(0,0%,100%,.1);--message-bg:hsla(0,0%,100%,.05);--user-message-bg:var(--gradient-purple);--ai-message-bg:hsla(0,0%,100%,.08)}body.create-page *{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.input-box-field,input,select,textarea{touch-action:auto!important;-moz-user-select:text;user-select:text;-webkit-user-select:text}.action-button,.add-character-btn,.btn,.chat-send-button,.clickable,.cover-image-edit-btn,.edit-headshot-btn,.generate-btn,.inline-style-slide,.mobile-chat-button,.remove-character-btn,.style-carousel-slide,[role=button],button{touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}body.create-page{background-image:var(--body-bg-gradient);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;min-height:100vh;color:var(--input-text-color);margin:0;padding:0;overflow:hidden}.mobile-chat-modal{display:none}body.create-page>header:not([data-freeroam-shell-header]),body.create-page>nav:not([data-freeroam-shell-header]){display:none!important}.create-world-layout{display:flex;height:calc(100dvh - 64px - env(safe-area-inset-top, 0px));max-height:calc(100dvh - 64px - env(safe-area-inset-top, 0px));width:100vw;overflow:hidden;box-sizing:border-box}.left-sidebar{width:500px;min-width:350px;max-width:450px;margin:20px;background:#0f0f19;border-radius:20px;display:flex;flex-direction:column;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 8px 32px rgba(0,0,0,.3);transition:width .4s cubic-bezier(.4,0,.2,1) .1s,min-width .4s cubic-bezier(.4,0,.2,1) .1s,max-width .4s cubic-bezier(.4,0,.2,1) .1s,margin .4s cubic-bezier(.4,0,.2,1) .1s;overflow:visible}.left-sidebar.collapsed{width:0;min-width:0;max-width:0;margin-left:0;margin-right:0;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),margin .3s cubic-bezier(.4,0,.2,1)}.left-sidebar.collapsed .sidebar-toggle{position:fixed;left:-16px;right:auto;transform:translateY(-50%);opacity:1!important;pointer-events:auto!important;visibility:visible!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.logo-container{display:flex;align-items:center;gap:12px}.logo{font-family:NewSpirit-Medium,sans-serif;text-decoration:none;transition:all .3s ease;position:relative;transform-origin:center;display:flex;align-items:center;gap:10px}.logo,.logo-text{font-size:1.5rem;color:#fff;font-weight:500;letter-spacing:-.02em}.logo-text{font-family:Outfit,sans-serif}.logo:hover{opacity:.9}.logo:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.logo:hover:after{width:100%}.left-sidebar.collapsed .chat-container{opacity:0;transform:translateX(-20px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.left-sidebar.collapsed>:not(.sidebar-toggle){pointer-events:none}.sidebar-toggle{position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:var(--gradient-purple);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;transition:all .4s cubic-bezier(.4,0,.2,1) .1s;z-index:1002;opacity:1;pointer-events:auto}@media (hover:hover) and (pointer:fine){.sidebar-toggle:hover{transform:translateY(-50%) scale(1.1)}}.sidebar-toggle i{transition:transform .3s ease}@media (hover:hover) and (pointer:fine){.left-sidebar.collapsed .sidebar-toggle:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px rgba(139,92,246,.4);border-color:hsla(0,0%,100%,.2)}}.chat-container,.right-panel{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.chat-container{background:transparent;margin:0;min-height:0;opacity:1;transform:translateX(0);transition:opacity .3s ease .15s,transform .3s ease .15s;border-radius:0 0 20px 20px}.chat-messages{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background:transparent}.chat-messages::-webkit-scrollbar{width:8px;background:transparent}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.chat-messages::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.chat-messages{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.message{animation:messageSlideIn .3s ease-out}.message.user{text-align:right}.message.ai{text-align:left;padding-bottom:8px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-content{display:inline-block;max-width:80%;padding:12px 16px;border-radius:18px;font-size:1rem;line-height:1.5;font-family:Outfit,sans-serif;font-weight:400;word-wrap:break-word;text-align:left;white-space:pre-wrap}.message.user .message-content{background:var(--gradient-purple);color:#fff;border-bottom-right-radius:6px}.message.ai .message-content{background:hsla(0,0%,100%,.1);color:var(--input-text-color);border-bottom-left-radius:6px}.message-content.create-world-section-progress{display:block}.create-world-section-progress-inner{display:flex;flex-direction:row;align-items:center;gap:10px}.create-world-section-progress-label{color:var(--input-text-color);font-size:1rem;line-height:1.5;font-family:Outfit,sans-serif;margin:0}.create-world-section-progress-label--done{color:hsla(0,0%,100%,.55)}.typing-indicator{display:flex;gap:4px;margin-top:12px;justify-content:flex-start}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.4);animation:typingPulse 1.4s ease-in-out infinite both}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typingPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-container{padding:0 20px calc(20px + env(safe-area-inset-bottom, 0px));flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.chat-input-container::-webkit-scrollbar{display:none}.chat-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-input{width:100%;background:transparent;border:none;border-radius:12px;padding:12px 44px 12px 16px;color:var(--input-text-color);font-family:Outfit,sans-serif;font-size:1rem;resize:none;min-height:24px;max-height:120px;line-height:1.4;box-sizing:border-box;transition:none;scrollbar-width:none;-ms-overflow-style:none}.chat-input::-webkit-scrollbar{display:none}.chat-input:focus{outline:none}.chat-input::placeholder{color:hsla(0,0%,100%,.5)}.chat-controls{position:relative;display:flex;justify-content:flex-start;align-items:center}.control-buttons{display:flex;gap:12px}.chat-send-button{position:absolute;right:6px;bottom:0;background:rgba(139,92,246,.8);border:none;border-radius:50%;color:#fff;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease;z-index:2;opacity:.7}@media (hover:hover) and (pointer:fine){.chat-send-button:hover{transform:scale(1.1);background:#8b5cf6;opacity:1;box-shadow:0 2px 8px rgba(139,92,246,.4)}}.chat-send-button:disabled{opacity:.3;cursor:not-allowed;transform:none}.document-editor{flex:1 1;overflow:hidden}.document-editor,.editor-header{display:flex;flex-direction:column}.editor-header{padding:12px 15px 10px;gap:8px;flex-shrink:0}.editor-header-top{display:flex;justify-content:space-between;align-items:flex-start}body.create-page .editor-header-top--actions-only{display:none!important}.editor-header-top--actions-only{justify-content:flex-end;align-items:center;min-height:0}.editor-title-container{position:relative;flex:1 1;min-width:0;max-width:min(100%,560px)}.create-world-field-root,.create-world-title-block,.create-world-title-root{width:100%}.editor-title{margin:0;color:#fff;font-family:Outfit,sans-serif;font-weight:600;font-size:1.3rem;padding:4px 8px;border-radius:6px;transition:all .2s ease;min-width:200px;outline:none}.editor-title[data-empty=true]{font-style:italic;color:#fff}.editor-title[data-empty=true]:before{content:attr(data-placeholder);pointer-events:none}.editor-title-container .edit-indicator{color:#fff;font-size:.9rem;opacity:1;transition:opacity .2s ease;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.editor-title:focus+.edit-indicator,.editor-title[data-empty=false]+.edit-indicator{opacity:0}.editor-actions{display:flex;gap:12px}.editor-textarea{flex:1 1;background:transparent;border:none;color:var(--input-text-color);font-family:Outfit,sans-serif;font-size:1rem;line-height:1.6;padding:30px;resize:none;outline:none;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.editor-textarea:not(:focus){background:linear-gradient(90deg,rgba(139,92,246,.1) 0,transparent)}.document-content{flex:1 1;overflow-y:auto;background:transparent;padding-top:20px}.document-content::-webkit-scrollbar{width:8px;background:transparent}.document-content::-webkit-scrollbar-track{background:transparent}.document-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.document-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.document-content{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.document-placeholder{color:hsla(0,0%,100%,.4);font-style:italic;text-align:center;padding:40px 20px;font-size:1rem;line-height:1.6}.section-container{margin-bottom:12px;border-radius:12px;overflow:hidden;transition:all .3s ease}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 8px 12px;cursor:pointer;transition:all .2s ease}body.create-page #world-document.document-content{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));box-sizing:border-box}body.create-page #world-document.document-content .section-header{padding:16px 0 8px}body.create-page #world-document.document-content .section-content{padding-left:0;padding-right:0}.create-world-section-head-root{flex:1 1;min-width:0;align-self:center}.create-world-section-head-root .section-head{margin-bottom:0}.section-title{font-weight:600;color:#fff;font-size:1.2rem;font-family:Outfit,sans-serif;margin:0;text-decoration:none;cursor:default;position:relative;transition:all .2s ease;display:flex;align-items:center;gap:12px}.section-title>span{text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;-webkit-text-decoration-color:hsla(0,0%,100%,.6);text-decoration-color:hsla(0,0%,100%,.6);text-underline-offset:4px}.section-title:after{content:attr(data-tooltip);left:calc(100% + 12px);color:#fff;padding:10px 14px;border-radius:8px;font-size:.85rem;font-family:Outfit,sans-serif;font-weight:400;white-space:nowrap;max-width:300px;line-height:1.4}.section-title:after,.section-title:before{position:absolute;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all .2s ease;z-index:9999;pointer-events:none}.section-title:before{content:"";left:calc(100% + 6px);border:6px solid transparent;border-right-color:rgba(0,0,0,.95)}.section-title:hover:after,.section-title:hover:before{opacity:1;visibility:visible}@media (max-width:768px){.section-title:after,.section-title:before{display:none!important;content:none!important}.left-sidebar{display:none!important}.main-content{margin-left:0!important;width:100%!important;padding-bottom:100px!important}.mobile-chat-backdrop{display:none!important}.mobile-chat-modal{position:fixed;left:0;right:0;top:auto;bottom:auto;height:0!important;min-height:0!important;max-height:0!important;border:none!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;transition:none!important;z-index:1;overflow:visible;display:flex;flex-direction:column}.mobile-chat-modal,.mobile-chat-modal.expanded{pointer-events:none}.mobile-chat-input-area{padding:12px 16px calc(env(safe-area-inset-bottom, 0px) + 16px);display:flex;flex-direction:column;gap:12px;flex-shrink:0;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.mobile-chat-modal.expanded .mobile-chat-input-area{opacity:1;visibility:visible}.mobile-control-btn,.mobile-control-buttons{display:flex;gap:8px}.mobile-control-btn{background:hsla(0,0%,100%,.08);border:none;border-radius:10px;color:hsla(0,0%,100%,.8);padding:10px 14px;cursor:pointer;font-size:.875rem;font-family:Outfit,sans-serif;font-weight:500;align-items:center;transition:all .2s ease}.mobile-control-btn:active{background:hsla(0,0%,100%,.12);color:#fff}.mobile-control-btn i{font-size:.875rem}.mobile-input-row{display:flex;gap:10px;align-items:center}.mobile-input-row textarea{flex:1 1;padding:12px 16px;border:1px solid hsla(0,0%,100%,.15);border-radius:24px;background:hsla(0,0%,100%,.08);color:#fff;font-size:16px;resize:none;height:46px;font-family:Outfit,sans-serif;outline:none;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-input-row textarea::-webkit-scrollbar{display:none}.mobile-input-row textarea:focus{border-color:rgba(139,92,246,.6)}.mobile-input-row textarea::placeholder{color:hsla(0,0%,100%,.4)}.mobile-send-btn{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.mobile-send-btn:active{transform:scale(.95)}.mobile-send-btn:disabled{opacity:.4}.mobile-chat-content{flex:1 1;overflow-y:auto;min-height:0;padding:16px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.mobile-chat-modal.expanded .mobile-chat-content{opacity:1;visibility:visible}.world-building-assistant-mobile-root{flex:1 1;min-height:0;overflow:visible;display:flex;flex-direction:column;padding:0;opacity:1;visibility:visible}.mobile-chat-messages{padding:0}.mobile-chat-input-area.message-sent .mobile-input-row textarea{color:rgba(148,163,184,.6);border-color:hsla(0,0%,100%,.05);pointer-events:none;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1) 75%,transparent) no-repeat,hsla(0,0%,100%,.02);background-size:200% 100%;animation:messageWave 2s ease-in-out infinite}@keyframes messageWave{0%{background-position:200% 0}to{background-position:-200% 0}}}.section-toggle{background:none;border:none;color:transparent;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.section-toggle i{transition:transform .2s ease}.section-container.collapsed .section-toggle i{transform:rotate(-90deg)}.section-content{padding:0;line-height:1.6;color:var(--input-text-color);overflow:hidden;transition:max-height .3s ease,padding .3s ease}.section-container[data-section-key=cover_image] .section-content{max-height:none;overflow:visible}.section-container[data-section-key=cover_image].collapsed .section-content{max-height:0!important;padding:0 20px!important;overflow:hidden!important}.section-container.collapsed .section-content{max-height:0;padding:0 20px}.section-text{margin:0;white-space:pre-wrap;word-wrap:break-word;cursor:text;position:relative}.section-text[data-empty=true]:before{content:attr(data-placeholder);color:hsla(0,0%,100%,.4);font-style:italic;pointer-events:none}.section-text[data-empty=false]:before{content:none}.message.ai .message-content.loading{color:hsla(0,0%,100%,.6);position:relative;padding-left:40px}.message.ai .message-content.completed{color:hsla(0,0%,100%,.55);position:relative;padding-left:40px;margin-top:0;margin-bottom:0}.message.ai .message-content.completed .completion-checkmark{color:#4ade80}.message-status-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:flex;align-items:center;justify-content:center}.loading-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:hsla(0,0%,100%,.8);border-radius:50%;animation:spin 1s linear infinite}.diff-highlight{background:hsla(0,0%,100%,.15)!important;border-left:3px solid hsla(0,0%,100%,.4)!important;padding-left:8px!important;transition:background .3s ease,border-left .3s ease;animation:diffGlow 2s ease-in-out}@keyframes diffGlow{0%{background:hsla(0,0%,100%,.25);border-left-color:hsla(0,0%,100%,.6)}50%{background:hsla(0,0%,100%,.3);border-left-color:hsla(0,0%,100%,.7)}to{background:hsla(0,0%,100%,.15);border-left-color:hsla(0,0%,100%,.4)}}.diff-highlight.fade-out{background:transparent!important;border-left:none!important;padding-left:0!important;transition:all 1s ease}.diff-highlight-sentence{background:hsla(0,0%,100%,.2)!important;padding:2px 4px;border-radius:4px;margin:0 1px;animation:sentenceGlow 2s ease-in-out;transition:background .3s ease}@keyframes sentenceGlow{0%{background:hsla(0,0%,100%,.3);box-shadow:0 0 8px hsla(0,0%,100%,.4)}50%{background:hsla(0,0%,100%,.35);box-shadow:0 0 12px hsla(0,0%,100%,.5)}to{background:hsla(0,0%,100%,.2);box-shadow:0 0 4px hsla(0,0%,100%,.3)}}.diff-highlight-sentence.fade-out{background:transparent!important;box-shadow:none!important;transition:all 1s ease;opacity:1}.completion-checkmark{color:#4ade80;font-size:16px;animation:checkmarkAppear .3s ease-out}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.section-container{animation:sectionSlideIn .4s ease-out}@keyframes sectionSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cards-container{display:flex;gap:16px;overflow-x:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.3) transparent;align-items:center}.create-world-add-character-root{flex-shrink:0;display:flex;align-items:center}.create-world-privacy-root{width:100%;max-width:520px}.create-world-privacy-root .fr-privacy-segmented{width:100%}.cards-container::-webkit-scrollbar{height:6px}.cards-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.cards-container::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:3px}.content-card{min-width:280px;max-width:320px;background:hsla(0,0%,100%,.05);border-radius:12px;overflow:hidden;transition:all .2s ease;flex-shrink:0}.content-card.character-card{min-width:280px;max-width:320px;overflow:visible;border-radius:16px;aspect-ratio:9/16;display:flex;flex-direction:column;height:auto}.character-headshot{width:100%;flex:1 1;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(59,130,246,.1));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:12px;aspect-ratio:9/16;min-height:500px;max-height:500px}.character-headshot img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .3s ease}.character-headshot .loading-placeholder{color:hsla(0,0%,100%,.6);font-size:.9rem;text-align:center;padding:20px;transition:all .2s ease;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.character-headshot .loading-placeholder:hover{color:hsla(0,0%,100%,.8);transform:scale(1.02)}.main-character-badge{position:absolute;top:0;left:0;background:linear-gradient(135deg,#f5c542,#d4a438);color:#1a1a2e;padding:6px 14px;border-radius:0 0 10px 0;font-size:.9rem;font-weight:700;letter-spacing:.3px;font-family:Outfit,sans-serif;z-index:10;box-shadow:2px 2px 4px rgba(0,0,0,.2);border:none;text-shadow:none;animation:badgeAppear .3s ease;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.main-character-badge:hover{transform:none;background:linear-gradient(135deg,#f7d05c,#dbb044);box-shadow:2px 2px 4px rgba(0,0,0,.2)}.side-character-button{text-transform:none}.side-character-button:hover{background:hsla(0,0%,50%,.4)!important;border-color:transparent!important;color:hsla(0,0%,100%,.7)!important;transform:scale(1.05)}@keyframes badgeAppear{0%{opacity:0;transform:scale(.8) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.character-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7),rgba(0,0,0,.9));padding:40px 20px 20px;color:#fff;z-index:5}.character-name-overlay{font-weight:700;font-size:1.3rem;margin:0 0 8px;line-height:1.2;border-radius:6px}.character-name-overlay,.character-oneliner-overlay{font-family:Outfit,sans-serif;cursor:text;transition:all .2s ease}.character-oneliner-overlay{font-weight:400;font-size:.9rem;margin:0;opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.8);font-style:italic;padding:2px 4px;border-radius:4px;line-height:1.3}.character-oneliner-overlay:hover{background:hsla(0,0%,100%,.1);outline:1px solid hsla(0,0%,100%,.3)}.character-oneliner-overlay:focus{background:hsla(0,0%,100%,.15);outline:2px solid hsla(0,0%,100%,.5);box-shadow:0 0 0 4px hsla(0,0%,100%,.1)}.card-header{padding:16px 20px;background:rgba(139,92,246,.15);border-bottom:1px solid hsla(0,0%,100%,.1);display:none}.character-card .card-header{display:none}.card-title{margin:0;color:#8b5cf6;font-family:Outfit,sans-serif;font-weight:600;font-size:1rem;line-height:1.3}.card-content{padding:16px 20px}.card-field{margin-bottom:12px;line-height:1.5}.card-field:last-child{margin-bottom:0}.field-label{color:hsla(0,0%,100%,.7);font-weight:500;font-size:.85rem;font-family:Outfit,sans-serif}.field-value{color:var(--input-text-color);font-size:.9rem;display:block;margin-top:4px;white-space:pre-wrap;word-wrap:break-word}.editable-field,.editable-text,.editable-title{position:relative;transition:all .2s ease;border-radius:4px;margin:-2px -4px}.editable-field:focus,.editable-field:hover,.editable-text:focus,.editable-text:hover,.editable-title:focus,.editable-title:hover{outline:0}.edit-indicator{position:absolute;top:4px;right:4px;color:rgba(139,92,246,.6);font-size:.8rem;opacity:0;transition:opacity .2s ease;pointer-events:none}.editable-field:hover .edit-indicator,.editable-text:hover .edit-indicator,.editable-title:hover .edit-indicator{opacity:1}.editable-field:focus .edit-indicator,.editable-text:focus .edit-indicator,.editable-title:focus .edit-indicator{opacity:0}.editable-field{padding:2px 4px;margin:2px -4px 0;border-radius:4px;min-height:1.2em}.form-group{margin-bottom:24px}.form-label{display:block;color:#e4e4e7;margin-bottom:8px;font-family:Outfit,sans-serif;font-weight:500;font-size:.9rem}.form-input{width:100%;padding:12px 16px;background:var(--input-bg-color);border-radius:8px;color:var(--input-text-color);font-family:inherit;font-size:.95rem;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--input-focus-border-color);background:var(--input-focus-bg-color);box-shadow:0 0 0 3px var(--input-focus-shadow-color)}textarea.form-input{min-height:80px;resize:vertical;line-height:1.5}#cover-image-prompt,#headshot-prompt,#headshot-url-input{resize:none;outline:none;border:1px solid var(--input-border-color)}#cover-image-prompt:focus,#headshot-prompt:focus{outline:none;border-color:var(--input-border-color);box-shadow:none}.form-help{font-size:.85rem;color:#a1a1aa;margin-top:6px;font-style:italic}.action-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:var(--gradient-purple);border:none;border-radius:10px;color:#fff;font-family:Outfit,sans-serif;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 4px 10px rgba(147,112,219,.3);position:relative;overflow:hidden}.action-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(147,112,219,.4)}body.create-page #mobile-publish-world-btn,body.create-page #publish-world-btn{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;pointer-events:none!important}body.create-page main.content-wrapper{padding-top:calc(64px + env(safe-area-inset-top, 0px))}#app-header-publish-world-btn,#mobile-publish-world-btn,#publish-world-btn{position:relative;overflow:hidden;background:#6b7280;transition:all .3s ease}#app-header-publish-world-btn .publish-content,#mobile-publish-world-btn .publish-content,#publish-world-btn .publish-content{position:relative;z-index:2;display:flex;align-items:center;gap:6px}#app-header-publish-world-btn.incomplete,#mobile-publish-world-btn.incomplete,#publish-world-btn.incomplete{background:#6b7280;cursor:not-allowed}#app-header-publish-world-btn.complete,#mobile-publish-world-btn.complete,#publish-world-btn.complete{background:var(--gradient-purple);cursor:pointer;box-shadow:0 4px 20px rgba(139,92,246,.4);animation:publishGlow 2s ease-in-out infinite alternate}#app-header-publish-world-btn:disabled{opacity:1;cursor:wait}#app-header-publish-world-btn .publish-progress,#mobile-publish-world-btn .publish-progress,#publish-world-btn .publish-progress{position:absolute;top:0;left:0;height:100%;background:var(--gradient-purple);width:0;transition:width .4s cubic-bezier(.4,0,.2,1);z-index:1;overflow:hidden}#app-header-publish-world-btn.complete .publish-progress,#mobile-publish-world-btn.complete .publish-progress,#publish-world-btn.complete .publish-progress{position:relative}#app-header-publish-world-btn.complete .publish-progress:after,#mobile-publish-world-btn.complete .publish-progress:after,#publish-world-btn.complete .publish-progress:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shine 3s ease-in-out infinite}@keyframes publishGlow{0%{box-shadow:0 4px 20px rgba(139,92,246,.4);transform:scale(1)}to{box-shadow:0 6px 25px rgba(139,92,246,.6);transform:scale(1.02)}}@keyframes shine{0%{left:-100%}to{left:100%}}#app-header-publish-world-btn.just-completed .publish-progress:after,#mobile-publish-world-btn.just-completed .publish-progress:after,#publish-world-btn.just-completed .publish-progress:after{animation:shineComplete .8s ease-out}@keyframes shineComplete{0%{left:-100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent)}to{left:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8),transparent)}}.action-button.secondary{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);box-shadow:none}.action-button.secondary:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.25);transform:translateY(-1px)}.add-character-btn{width:48px;height:48px;border-radius:50%;background:var(--gradient-purple);border:none;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.add-character-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px rgba(139,92,246,.4)}.add-tag-btn{display:inline-flex;align-items:center;gap:4px;background:hsla(0,0%,100%,.06);border:1px dashed hsla(0,0%,100%,.2);border-radius:6px;padding:6px 10px;color:hsla(0,0%,100%,.5);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.add-tag-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.8)}.add-tag-btn i{font-size:.7rem}.remove-character-btn{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.4);border:none;border-radius:50%;color:#fff;width:28px;height:28px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:10}.remove-character-btn:hover{background:#ef4444;transform:scale(1.1)}.content-card.character-card{position:relative;cursor:pointer;transition:all .2s ease}.content-card.character-card:hover{transform:scale(1.02);box-shadow:0 8px 24px rgba(0,0,0,.3)}.edit-headshot-btn{position:absolute;top:8px;right:44px;background:rgba(0,0,0,.4);border:none;border-radius:50%;color:#fff;width:28px;height:28px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:10}.edit-headshot-btn:hover{background:#8b5cf6;transform:scale(1.1)}.prompt-input-container{position:relative;display:block}.prompt-input-container .form-input{width:100%;padding:12px 44px 12px 16px;margin-bottom:0;min-height:24px;max-height:120px;border:none;background:transparent;transition:none}.prompt-input-container .form-input:focus{outline:none}.generate-btn{position:absolute;right:6px;bottom:10px;background:rgba(139,92,246,.8);border:none;border-radius:50%;color:#fff;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s ease;z-index:2;opacity:.7}@media (hover:hover) and (pointer:fine){.generate-btn:hover{transform:scale(1.1);background:#8b5cf6;opacity:1;box-shadow:0 2px 8px rgba(139,92,246,.4)}}.generate-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.edit-tabs{display:flex;margin-bottom:24px;border-radius:8px;background:hsla(0,0%,100%,.05);padding:4px}.edit-tab{flex:1 1;padding:12px 16px;background:none;border:none;color:hsla(0,0%,100%,.7);font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.edit-tab:hover{color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.05)}.edit-tab.active{color:#fff;background:rgba(139,92,246,.3);box-shadow:0 2px 8px rgba(139,92,246,.2)}.tab-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.backstory-input{min-height:120px!important;resize:vertical}.cover-image-upload-area{border:2px dashed hsla(0,0%,100%,.3);border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all .2s ease}.cover-image-upload-area:hover{border-color:rgba(139,92,246,.5);background:rgba(139,92,246,.05)}.cover-image-upload-area.dragover{border-color:var(--gradient-purple);background:rgba(139,92,246,.1)}.popup-actions{display:flex;gap:12px;justify-content:flex-end}.loading-indicator{display:flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.6);font-size:.85rem}.loading-dots{display:flex;gap:4px}.loading-dots .dot{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.4);animation:loadingPulse 1.4s ease-in-out infinite both}.loading-dots .dot:first-child{animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}@keyframes loadingPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.style-carousel-container{width:100%;margin:20px 0;position:relative}.style-carousel-viewport{overflow-x:hidden;overflow-y:auto;position:relative;width:100%;padding:20px 0;max-width:100%;max-height:60vh;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.style-carousel-viewport::-webkit-scrollbar{width:8px;background:transparent}.style-carousel-viewport::-webkit-scrollbar-track{background:transparent}.style-carousel-viewport::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.style-carousel-viewport::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.style-carousel-track{display:flex;flex-direction:column;gap:20px;width:100%;padding:0 20px}@media (max-width:768px){.art-style-modal-content .style-carousel-track{gap:16px;padding:0}}.style-carousel-slide{flex:0 0 auto;text-align:center;cursor:pointer;transition:all .3s ease;opacity:.8;position:relative;width:100%;max-width:100%}.style-carousel-slide:hover{opacity:1;transform:translateY(-4px)}.style-carousel-slide.selected{opacity:1}.style-slide-image{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:hsla(0,0%,100%,.05);transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.3)}.style-carousel-slide:hover .style-slide-image{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,0,0,.4)}.style-carousel-slide.selected .style-slide-image{border:4px solid #8b5cf6;border-radius:16px;box-shadow:0 0 0 2px rgba(139,92,246,.3)}.style-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.style-selection-overlay{display:none}.style-slide-name{margin:16px 0 8px;font-size:1.1rem;font-weight:600;color:#fff;font-family:Outfit,sans-serif;transition:all .2s ease}.style-carousel-slide.selected .style-slide-name{color:var(--gradient-purple)}.carousel-dots{display:none}.style-carousel-container.invalid{border:2px solid #f87171;border-radius:16px;padding:20px;animation:shake .5s ease-in-out}.style-carousel-container.invalid:after{content:"Please select an art style";display:block;text-align:center;color:#f87171;font-size:.9rem;margin-top:10px;font-style:italic}@media (max-width:768px){.create-world-layout{flex-direction:column}.left-sidebar{width:calc(100% - 40px);max-width:none;height:35vh;min-height:250px;margin:20px}.logo-text{font-size:1.3rem}.left-sidebar.collapsed{width:0;min-width:0;max-width:0;margin:0}.right-panel{height:65vh}.editor-header{padding:12px 6px}.editor-textarea{padding:20px}.chat-input-container,.chat-messages{padding:12px}.chat-card{padding:16px}.art-style-modal-content{width:95%;padding:6vh 3vw 2vh;height:85vh}.art-style-modal-close{top:10px!important;right:10px!important}}@media (max-height:600px){.art-style-modal-content{height:85vh;padding:5vh 3vw 1vh}.art-style-modal-header{flex:0 0 30%!important;margin-bottom:1vh!important}.style-carousel-container{flex:0 0 70%!important}}@media (max-width:480px){.left-sidebar{height:30vh;min-height:200px;margin:15px;width:calc(100% - 30px)}.logo-text{font-size:1.2rem}.left-sidebar.collapsed{width:0;min-width:0;max-width:0;margin:0}.right-panel{height:70vh}.editor-header{padding:12px 15px}.editor-textarea{padding:15px;font-size:.95rem}.control-btn{padding:8px 10px;font-size:.8rem}}@media (max-width:768px){html{height:100%;width:100%;overflow:hidden}body{overflow-x:hidden;overflow-y:hidden;height:100dvh;width:100vw;position:fixed;margin:0;padding:0}.create-world-layout{flex-direction:row;height:100dvh;overflow:hidden}.left-sidebar{position:fixed!important;top:0!important;left:0!important;width:100vw!important;max-width:100vw!important;min-width:100vw!important;margin:0!important;padding:0!important;border-radius:0!important;z-index:1000!important;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;inset:0;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important}.left-sidebar.mobile-open{transform:translateX(0)!important}.left-sidebar.collapsed{transform:translateX(-100%)!important}.left-sidebar.mobile-open:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:-1;pointer-events:none}.sidebar-toggle{display:none}.mobile-chat-button{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));right:calc(20px + env(safe-area-inset-right));width:60px;height:60px;background:var(--gradient-purple);border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;z-index:999;transition:all .3s ease;display:flex;align-items:center;justify-content:center}@media (hover:hover) and (pointer:fine){.mobile-chat-button:hover{transform:scale(1.1);box-shadow:0 6px 25px rgba(139,92,246,.6)}}.left-sidebar.mobile-open~.mobile-chat-button{display:none}.right-panel{width:100%;height:100dvh;max-height:100dvh;overflow-y:auto!important;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.document-editor,.right-panel{position:relative;display:flex;flex-direction:column}.document-editor{overflow:visible!important;touch-action:auto;height:auto;min-height:calc(100dvh - 64px);flex-shrink:0;flex-grow:1}.document-content{flex:0 0 auto;overflow:visible;padding-top:16px;padding-bottom:80px;height:auto;min-height:auto;flex-shrink:0}.section-container{position:relative;overflow:visible;min-height:auto}.section-container:not(.collapsed) .section-content{display:block;visibility:visible}.editor-header{padding:12px 6px;flex-direction:column;align-items:stretch;gap:12px;position:static;flex-shrink:0}.editor-title-container{justify-content:left;text-align:left}.editor-title{font-size:1.5rem;min-width:auto;text-align:center}.editor-actions{justify-content:center;gap:8px;flex-wrap:wrap}.editor-actions .action-button{padding:10px 16px;font-size:.85rem;flex:1 1;min-width:120px}.mobile-home-nav{display:flex;align-items:center;justify-content:space-between;padding:max(16px,env(safe-area-inset-top)) 16px 16px;border-bottom:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.02);flex-shrink:0;min-height:64px}.mobile-home-nav .logo,.mobile-home-nav .logo-text{font-size:1.2rem}.mobile-home-nav .mobile-sidebar-close{position:static;width:32px;height:32px;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;font-size:.8rem;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s ease;overflow:hidden}.mobile-home-nav .mobile-sidebar-close:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1)}.mobile-sidebar-close .collapse-indicator{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.mobile-sidebar-close .sidebar-bar{position:absolute;top:50%;transform:translateY(-50%);width:3px;height:16px;background:hsla(0,0%,100%,.8);border-radius:1px}.mobile-sidebar-close .chevron{position:absolute;top:50%;transform:translateY(-50%) scaleX(-1);font-size:.7rem;color:hsla(0,0%,100%,.8)}.left-sidebar.mobile-open .mobile-home-nav .mobile-sidebar-close,.left-sidebar.mobile-open~.right-panel .mobile-home-nav .mobile-sidebar-close{display:flex}.mobile-editor-actions{display:flex;gap:8px;align-items:center}.mobile-action-button{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--gradient-purple);border:none;border-radius:8px;color:#fff;font-family:Outfit,sans-serif;font-weight:500;font-size:.8rem;cursor:pointer;transition:all .2s ease;text-decoration:none;box-shadow:0 2px 8px rgba(147,112,219,.3);gap:4px}.mobile-action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(147,112,219,.4)}.mobile-action-button.compact{padding:6px 8px;font-size:.7rem;gap:3px}.mobile-btn-text{display:inline}.editor-actions{display:none}.left-sidebar .chat-container{height:calc(100dvh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:200px;max-height:calc(100dvh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.left-sidebar .chat-messages{flex:1 1;overflow-y:auto;padding-bottom:20px}.left-sidebar .chat-input-container{flex-shrink:0;padding:15px 15px calc(20px + env(safe-area-inset-bottom))}.mobile-only{display:inline}}@media (min-width:769px){.mobile-chat-button,.mobile-editor-actions,.mobile-home-nav,.mobile-only,.mobile-sidebar-close{display:none!important}}@media (max-width:768px){.mobile-chat-button{display:none!important}}.speech-bubble-v2.narration{position:relative!important}.speech-bubble-v2.narration:before{content:""!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background-image:linear-gradient(0deg,#1e212c 0,rgba(30,33,44,.85) 30%,rgba(30,33,44,.6) 60%,transparent)!important;z-index:-1!important;pointer-events:none!important}.speech-bubble-v2.narration .speech-bubble-text{position:relative;z-index:1;padding:12px 20px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);background:rgba(0,0,0,.3);border-radius:6px}.control-btn{background:hsla(0,0%,100%,.08);border:none;border-radius:10px;color:hsla(0,0%,100%,.8);padding:10px 14px;cursor:pointer;font-size:.875rem;font-family:Outfit,sans-serif;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease}.control-btn:hover{background:hsla(0,0%,100%,.12);color:#fff}.control-btn.public-btn{background:hsla(0,0%,100%,.04);color:hsla(0,0%,100%,.5)}.control-btn.public-btn:hover{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.7)}.selected-art-style-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.selected-art-style-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.selected-art-style-preview{width:60px;height:60px;border-radius:8px;background-size:cover;background-position:50%;background-color:hsla(0,0%,100%,.1);flex-shrink:0}.selected-art-style-name{flex:1 1;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;color:#fff;text-align:left}.selected-art-style-btn i{color:hsla(0,0%,100%,.4);font-size:.9rem}@media (max-width:480px){.selected-art-style-preview{width:50px;height:50px}.selected-art-style-name{font-size:.9rem}}.draft-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10002;opacity:0;visibility:hidden;transition:all .3s ease;margin:0;padding:0}.draft-modal.show{opacity:1;visibility:visible}.draft-modal-content{background:#0c0c14;border:1px solid var(--chat-border);border-radius:20px;padding:32px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;transform:scale(.9);transition:transform .3s ease;position:relative;margin:0 auto}.draft-modal-content::-webkit-scrollbar{width:8px;background:transparent}.draft-modal-content::-webkit-scrollbar-track{background:transparent}.draft-modal-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.draft-modal-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.3)}.draft-modal-content{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.draft-modal.show .draft-modal-content{transform:scale(1)}.draft-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--chat-border)}.draft-modal-title{color:#fff;font-family:Outfit,sans-serif;font-weight:600;font-size:1.5rem;margin:0}.draft-modal-close{background:none;border:none;color:hsla(0,0%,100%,.6);font-size:1.5rem;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.draft-modal-close:hover{background:hsla(0,0%,100%,.1);color:#fff}.draft-list{display:flex;flex-direction:column;gap:12px;min-height:200px}.draft-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px;cursor:pointer;display:flex;align-items:center;gap:16px;transition:all .2s ease;color:#fff;font-family:Outfit,sans-serif}.draft-item:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.2);transform:translateY(-1px)}.draft-item-image{width:48px;height:48px;border-radius:8px;background:var(--gradient-purple);flex-shrink:0;overflow:hidden;background-size:cover;background-position:50%}.draft-item-content{flex:1 1;min-width:0}.draft-item-name{font-weight:600;font-size:1rem;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-item-logline{font-size:.85rem;color:hsla(0,0%,100%,.7);margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.draft-item-date{font-size:.75rem;color:hsla(0,0%,100%,.5);margin:0}.draft-empty{color:hsla(0,0%,100%,.6);font-style:italic}.draft-empty,.draft-loading{text-align:center;padding:40px 20px;font-size:1rem}.draft-loading{color:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;gap:12px}.draft-loading-spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:hsla(0,0%,100%,.8);border-radius:50%;animation:spin 1s linear infinite}.draft-modal-description{color:hsla(0,0%,100%,.7);font-size:1rem;line-height:1.5;margin:0 0 20px}.draft-item-delete{background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:8px;color:rgba(220,38,38,.9);cursor:pointer;padding:8px 12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.draft-item-delete:hover{background:rgba(220,38,38,.2);border-color:rgba(220,38,38,.5);color:#dc2626;transform:scale(1.05)}.draft-item-delete:active{transform:scale(.95)}.draft-item-delete i{font-size:.9rem}@media (min-width:769px){.draft-modal{align-items:center;justify-content:center}.draft-modal-content{margin:0 auto}}.control-btn i{font-size:.875rem}.cover-image-container{display:flex;flex-direction:column;gap:12px;padding:0;margin:0;background:none;border:none}.cover-image-display{width:100%;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;position:relative;transition:all .3s ease}.cover-image-display:not(.has-image){border:none;background:transparent;aspect-ratio:auto;min-height:0}.cover-image-display.has-image{aspect-ratio:4/3;border:none;background:transparent}.cover-image-display .create-world-cover-add-new-root{width:100%;display:block}.cover-image-display img{width:100%;height:100%;object-fit:cover;border-radius:10px;transition:all .3s ease}.cover-image-controls{display:flex;flex-direction:column;gap:12px}.cover-image-prompt-section{display:flex;flex-direction:column;gap:8px}.cover-image-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;padding-bottom:16px}.cover-image-actions .action-button{flex:1 1;min-width:150px}.cover-image-edit-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;padding:0;box-sizing:border-box;border-radius:50%;border:1px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.35);color:hsla(0,0%,100%,.9);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.cover-image-edit-btn svg{display:block;flex-shrink:0}.cover-image-edit-btn:hover{background:rgba(139,92,246,.85);border-color:hsla(0,0%,100%,.35);transform:scale(1.05)}.cover-image-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1002}.cover-image-popup-content{background:#0c0c14;border:1px solid var(--chat-border);border-radius:16px;padding:32px;width:90%;max-width:480px;max-height:80vh;overflow-y:auto;position:relative}.cover-image-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:hsla(0,0%,100%,.6);font-size:1.2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:10}.cover-image-close-btn:hover{color:#fff;background:hsla(0,0%,100%,.1)}.cover-image-upload-section{margin-bottom:24px}.cover-image-popup h3{margin:0 0 20px;color:#fff;font-family:Outfit,sans-serif;font-weight:600}.privacy-section .section-content{padding:12px 0 16px}.privacy-options{display:flex;gap:0;background:hsla(0,0%,100%,.04);border-radius:10px;padding:4px;border:1px solid hsla(0,0%,100%,.06);position:relative}.privacy-slider{position:absolute;top:4px;left:4px;width:calc(33.333% - 2.67px);height:calc(100% - 8px);background:hsla(0,0%,73%,.25);border-radius:8px;transition:transform .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.privacy-slider[data-position="1"]{transform:translateX(calc(100% + 0px))}.privacy-slider[data-position="2"]{transform:translateX(calc(200% + 0px))}.privacy-option{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:none;background:transparent;color:hsla(0,0%,100%,.5);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;border-radius:8px;transition:color .2s ease;position:relative;z-index:1;outline:none;-webkit-tap-highlight-color:transparent}.privacy-option:focus{outline:none}.privacy-option:hover:not(.selected){color:hsla(0,0%,100%,.7)}.privacy-option.selected{color:hsla(0,0%,100%,.95)}.privacy-option svg{width:14px;height:14px;flex-shrink:0}.privacy-option-text{white-space:nowrap}@media (max-width:500px){.privacy-option{padding:8px;font-size:.75rem}.privacy-option svg{width:12px;height:12px}}.art-style-section .section-content{padding:12px 0 16px}.create-world-characters-island .journey-entry-characters{padding-left:0}.create-world-characters-island .journey-entry-characters-header.create-world-characters-subheader{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;gap:8px}.section-header.section-header--characters-collapse-only{justify-content:flex-end}@media (max-width:768px){.create-world-characters-island .journey-entry-characters-header.create-world-characters-subheader{padding-left:0;padding-right:0}}.create-world-tags-island{width:100%}.create-world-tags-island .horizontal-carousel .carousel-items{padding-left:0}.journey-entry-content{padding:80px 20px 100px}.journey-entry-characters-island,.journey-entry-info-island,.journey-entry-tags-island{width:100%;max-width:400px}@media (min-width:768px){.journey-entry-characters-island,.journey-entry-info-island,.journey-entry-tags-island{max-width:500px}}.journey-entry-characters-section{margin-top:12px}.journey-entry-characters-header{margin-bottom:8px}.journey-entry-characters-header--with-section-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px;box-sizing:border-box}.characters-section-head-wrap{flex:1 1;min-width:0}.characters-section-head-wrap .section-head.section-head--form{margin-bottom:0}.journey-entry-tags-island{margin-top:16px}.journey-entry-tags-island .horizontal-carousel .carousel-items{margin-bottom:24px;padding-top:8px;padding-bottom:8px}.journey-entry-screen .journey-entry-characters-section .character-avatar-card{flex:0 0 140px;min-width:140px;padding:0}.journey-entry-screen .journey-entry-characters-section .character-avatar-wrapper{width:64px;height:64px}.journey-entry-screen .journey-entry-characters-section .character-avatar-name{font-size:.8rem;max-width:120px;white-space:normal;overflow:visible;text-overflow:clip}.journey-entry-screen .journey-entry-characters-section .character-avatar-info{margin-top:6px}.journey-entry-screen .journey-entry-characters-section .character-avatar-card.main-character .character-avatar-wrapper{border:2px solid #f5c542;box-shadow:0 0 8px rgba(245,197,66,.4)}.journey-entry-screen .journey-entry-characters-section .character-avatar-badge--main{bottom:-2px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#f5c542,#d4a438);color:#1a1a2e;font-size:8px;font-weight:700;padding:2px 5px;border-radius:6px;letter-spacing:.3px;box-shadow:0 1px 3px rgba(0,0,0,.3);z-index:1}.journey-entry-screen .similar-worlds-section{margin-top:-16px;padding-left:20px;padding-right:20px}.journey-entry-screen .similar-worlds-title{margin-bottom:16px;font-size:14.4px;font-weight:600;color:hsla(0,0%,100%,.6)}.journey-entry-screen .journey-entry-characters-section .journey-entry-characters .add-character-card{flex:0 0 140px;min-width:140px;max-width:140px;box-sizing:border-box}.journey-entry-screen .journey-entry-characters-section .journey-entry-characters .add-character-card .add-character-circle{width:64px;height:64px}.journey-entry-screen .journey-entry-characters-section .journey-entry-characters .add-character-card .add-character-plus{font-size:22px;line-height:1}.create-world-characters-island .journey-entry-characters .add-character-card{flex:0 0 140px;min-width:140px;max-width:140px;box-sizing:border-box;padding:16px 12px}.create-world-characters-island .journey-entry-characters .add-character-card .add-character-circle{width:100px;height:100px}.create-world-characters-island .journey-entry-characters .add-character-card .add-character-plus{font-size:34px;line-height:1}.journey-bottom-bar{padding-top:16px;padding-left:20px;padding-right:20px}@media (max-width:768px){.journey-entry-content{padding:64px 16px 90px}.journey-entry-characters,.journey-entry-characters .horizontal-carousel,.journey-entry-characters-section{width:100%;min-width:0}.journey-entry-characters .horizontal-carousel .carousel-items{width:100%;min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-left:16px}.journey-entry-characters .horizontal-carousel .carousel-items::-webkit-scrollbar{display:none}.journey-entry-characters-header{padding-left:16px;padding-right:16px;box-sizing:border-box}.characters-section-head-wrap{min-width:0}.journey-entry-characters-header .section-edit-btn{flex-shrink:0;margin-right:8px}.journey-entry-screen .journey-entry-characters-section .character-avatar-card{flex:0 0 100px;min-width:100px}.journey-entry-screen .journey-entry-characters-section .journey-entry-characters .add-character-card{flex:0 0 100px;min-width:100px;max-width:100px}.create-world-characters-island .journey-entry-characters .add-character-card{flex:0 0 100px;min-width:100px;max-width:100px;padding:12px 8px}.create-world-characters-island .journey-entry-characters .add-character-card .add-character-circle{width:80px;height:80px}.create-world-characters-island .journey-entry-characters .add-character-card .add-character-plus{font-size:27px;line-height:1}.journey-entry-tags-island{margin-top:12px}.journey-entry-tags-island .horizontal-carousel .carousel-items{margin-bottom:16px}.journey-bottom-bar,.journey-entry-screen .similar-worlds-section{padding-left:16px;padding-right:16px}}body.create-page .freeroam-shell-main{display:flex;flex-direction:column;min-height:0;flex:1 1}body.create-page .advanced-create-root{flex:1 1;min-height:0;display:flex;flex-direction:column;width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.create-page .advanced-create-root .mobile-home-nav{display:none}@media (max-width:768px){body.create-page .advanced-create-root .left-sidebar.advanced-create-sidebar--mobile{display:none!important}}body.create-page .advanced-create-root .left-sidebar .sidebar-toggle{animation:none!important;box-shadow:none!important;filter:none!important}body.create-page .advanced-create-root .left-sidebar .sidebar-toggle:after,body.create-page .advanced-create-root .left-sidebar .sidebar-toggle:before{content:none!important}body.create-page .advanced-create-root .left-sidebar .sidebar-toggle i{animation:none!important;filter:none!important}