.creator-layout *{-webkit-tap-highlight-color:transparent}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.no-scrollbar-textarea::-webkit-scrollbar{display:none}.no-scrollbar-textarea{-ms-overflow-style:none;scrollbar-width:none}.creator-layout{display:flex;flex-direction:row;position:fixed;inset:0;background-color:#03040a;color:#fff;font-family:sans-serif;box-sizing:border-box;overflow:hidden;z-index:40}.editor-panel{width:45%;height:100%;overflow-y:auto;padding:25px;background:#0f0f11;border-right:1px solid #2b2d31;box-sizing:border-box;position:relative}.preview-panel{width:55%;height:100%;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:30px;background:#080808;box-sizing:border-box;position:relative}@media(max-width:900px){.creator-layout{flex-direction:column;overflow-y:auto}.preview-panel{width:100%;height:auto;min-height:50vh;border-bottom:3px solid #2a5a9c;border-left:none;padding:15px;position:sticky;top:0;z-index:50}.editor-panel{width:100%;height:auto;border-right:none;overflow:visible;padding:15px}}.editor-section-card{background:#0a0d14;border-radius:6px;padding:15px 20px;margin-bottom:12px;border:1px solid #1a2233;box-shadow:0 4px 10px #0000004d}.editor-section-title{color:#88a0c0;font-size:13px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid #1a2233;padding-bottom:12px;margin-top:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:0;transition:all .2s ease}.editor-section-title:hover{color:#fff;border-bottom-color:#4a90e2}.input-label{font-size:12px;color:#cde6ff;font-weight:700;display:block;margin-bottom:5px}.dokkan-input{width:100%;padding:10px;color:#fff;border-radius:4px;font-family:inherit;box-sizing:border-box;margin-bottom:15px;transition:all .2s ease}.dokkan-input:focus{border-color:gold;outline:none;box-shadow:0 0 8px #ffd70066}.dokkan-aspect-ratio-box{width:100%;height:100%;aspect-ratio:16 / 9;max-width:1300px;max-height:85vh;background:var(--theme-bg);border:2px solid var(--theme-border);border-radius:8px;display:flex;padding:2%;position:relative;align-items:stretch;transition:all .3s ease}.dokkan-aspect-ratio-box.export-mode{aspect-ratio:auto;border:none!important;border-radius:0!important;padding:30px!important}.passive-container.normal-text{font-size:clamp(14px,1.6vw,18px);line-height:1.5}.passive-container.medium-text{font-size:clamp(13px,1.5vw,18px);line-height:1.35}.passive-container.small-text{font-size:clamp(12px,1.4vw,18px);line-height:1.25}.passive-container.micro-text{font-size:clamp(11px,1.2vw,18px);line-height:1.2}.custom-scroll::-webkit-scrollbar{width:6px;height:6px}.custom-scroll::-webkit-scrollbar-track{background:#0003;border-radius:8px}.custom-scroll::-webkit-scrollbar-thumb{background:var(--theme-border);border-radius:8px;border:1px solid rgba(0,0,0,.4)}.custom-scroll::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 10px #ffffff40}@font-face{font-family:DokkanFontCat;src:url(https://assets.dokkandle.com/fonts/FOT-NewRodinProN-B.otf) format("opentype")}.categoria-btn-container{position:relative;width:100%;aspect-ratio:250 / 58;border-radius:4px;overflow:hidden}.categoria-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.categoria-texto-efecto{font-family:DokkanFontCat,sans-serif;font-size:18.67px;text-transform:uppercase;paint-order:stroke fill}.dokkan-input{background-color:var(--theme-bg);border:1px solid var(--theme-border)}.editor-section-title{border-bottom:2px solid var(--theme-border)}.cutin-card{width:auto;flex-shrink:0;border:2px solid var(--char-color, #2a5a9c);border-radius:6px;cursor:pointer;transition:all 4.8s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 8px #000c}.center-cutin{height:100px;opacity:1;z-index:2;border-color:gold!important;box-shadow:0 0 15px var(--char-color, #FFD700)!important;transform:scale(1.05)}.side-cutin{height:75px;opacity:.35;z-index:1;filter:blur(1px) brightness(.6)}.side-cutin:hover{opacity:.8;filter:none}.thumb-card{width:100%;aspect-ratio:1;cursor:pointer;transition:all .2s ease;border:2px solid var(--char-color, #2a5a9c);border-radius:8px;object-fit:cover}.thumb-card:hover{transform:scale(1.1);border-color:gold!important;box-shadow:0 0 12px var(--char-color, #FFD700);z-index:10}.char-hover-info{background:#000000f2;border:1px solid #FFD700;border-radius:6px;padding:8px 10px;text-align:center;width:max-content;max-width:130px;height:auto;pointer-events:none;display:flex;flex-direction:column;box-shadow:0 4px 10px #000c}.char-hover-name{font-size:11px;font-weight:900;color:gold;text-shadow:1px 1px 2px #000;line-height:1.3;white-space:normal}.char-hover-year{font-size:10px;font-weight:700;color:#aaa;margin-top:4px;line-height:1}.thumb-glow-wrapper{position:relative;width:100%;aspect-ratio:1;cursor:pointer;transition:filter .2s ease;-webkit-user-select:none;user-select:none}.thumb-glow-wrapper img{-webkit-user-drag:none}@media(hover:hover){.thumb-glow-wrapper:hover{z-index:50;filter:drop-shadow(0 12px 20px var(--char-color, #FFD700)) brightness(1.2)!important}}.thumb-glow-wrapper:active{transform:scale(.96)!important;filter:brightness(.8)!important;transition:transform .1s ease}.dokkan-cut-shape{width:100%;height:100%;background:var(--char-color, #2a5a9c)}.dokkan-inner-shape{width:100%;height:100%;position:relative;overflow:hidden}.custom-dropdown-container{position:relative;width:100%;outline:none}.custom-dropdown-header{background-color:#0b1120;border:2px solid #2a5a9c;border-radius:6px;color:#fff;padding:8px 12px;font-weight:900;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 2px 4px #00000080;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.custom-dropdown-container:focus .custom-dropdown-header,.custom-dropdown-header:hover{border-color:gold;background-color:#111830;box-shadow:0 0 8px #ffd70066,inset 0 2px 4px #00000080}.custom-dropdown-list{position:absolute;top:calc(100% + 4px);left:0;width:100%;min-width:140px;background:#04060d;border:2px solid #FFD700;border-radius:6px;z-index:999999;max-height:220px;overflow-y:auto;box-shadow:0 8px 20px #000000e6}.custom-dropdown-item{padding:10px 12px;color:#cde6ff;font-weight:700;font-size:13px;cursor:pointer;border-bottom:1px solid #111830;transition:background .1s}.custom-dropdown-item:last-child{border-bottom:none}.custom-dropdown-item:hover{background:#2a5a9c;color:#fff}@keyframes fadeInCards{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInTooltip{0%{opacity:0}to{opacity:1}}.fade-in-grid{content-visibility:auto;contain-intrinsic-size:100px 500px;animation:fadeInCards .3s ease-out forwards}.dokkan-preview-container{display:flex;gap:35px;flex-wrap:wrap;width:100%;box-sizing:border-box}.dokkan-col-left{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.dokkan-col-right{flex:1;min-width:0;padding-left:40px;color:#fff;display:flex;flex-direction:column;box-sizing:border-box;overflow-wrap:break-word}.responsive-grid-tags{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0px;width:100%;box-sizing:border-box;padding:0;overflow:hidden}@media(max-width:900px){.responsive-grid-tags{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;box-sizing:border-box!important;padding:0 4px!important;overflow:hidden!important}}@media(max-width:900px){#dokkan-concept-card{padding:15px!important;gap:15px!important;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.dokkan-preview-container{gap:20px}.dokkan-col-left{width:100%;max-width:300px;margin:0 auto}.dokkan-col-right{min-width:100%;padding-left:0!important;overflow:hidden}.responsive-grid-tags{grid-template-columns:repeat(2,1fr);gap:6px}.char-main-title{font-size:26px!important;margin-bottom:15px!important}}.team-slot-hover{transition:transform .2s ease,filter .2s ease}@media(hover:hover){.team-slot-hover:hover{transform:scale(1.05)!important;filter:drop-shadow(0 4px 8px var(--char-color, #FFD700)) brightness(1.1)!important;z-index:50}}@keyframes swapGlow{0%{filter:drop-shadow(0 0 5px #FFD700) brightness(1);transform:translateY(-5px) scale(1.05)}50%{filter:drop-shadow(0 0 20px #FFD700) brightness(1.3);transform:translateY(-5px) scale(1.05)}to{filter:drop-shadow(0 0 5px #FFD700) brightness(1);transform:translateY(-5px) scale(1.05)}}.swap-selected{animation:swapGlow 1.5s infinite!important;z-index:60!important}@keyframes bgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spinRing{0%{transform:rotate(0) scale(.9)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(.9)}}@keyframes dokkanPulse{0%{transform:scale(.95);filter:drop-shadow(0 0 5px rgba(255,215,0,.2))}50%{transform:scale(1.15);filter:drop-shadow(0 0 25px rgba(255,215,0,.9))}to{transform:scale(.95);filter:drop-shadow(0 0 5px rgba(255,215,0,.2))}}@keyframes textFloat{0%{transform:translateY(0);opacity:.8}to{transform:translateY(-5px);opacity:1}}@keyframes typingDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes barFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-dots-maker:after{content:"";display:inline-block;width:20px;text-align:left;animation:typingDots 1.5s steps(4,end) infinite}