*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Lexend,sans-serif;line-height:1.6;min-height:100dvh}button{color:inherit}.lexend-mlc{font-family:Lexend,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);scroll-padding-top:160px;touch-action:pan-y}.container-small{max-width:800px;margin:0 auto;padding:var(--spacing-lg)}@media(max-width:768px){.container{padding:0 var(--spacing-md)}}@media(max-width:480px){.container{padding:0}}header{position:sticky;top:0;left:0;right:0;z-index:1000;margin:0;padding:1em;backdrop-filter:blur(5px);box-shadow:0 2px 10px #0000001a}.header-content{max-width:1200px;margin:0 auto;display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:center}.header-content h1{flex:1 1 auto;text-align:left}.header-content .top-buttons{font-size:.7em;display:flex;gap:25px;flex-wrap:wrap;justify-content:center;align-items:center}.header-subtitle{transition:all .3s ease;font-size:clamp(.8rem,2vw,1rem)}.header-subtitle.hidden{max-height:0;overflow:hidden;opacity:0;margin:0}#logo{position:relative;width:clamp(80px,15vw,120px);height:50px;background:url(../../img/mlc-black.svg) center / contain no-repeat;display:block;z-index:9;margin:auto;transition:all .3s}.header-logo-img{width:clamp(80px,15vw,120px);height:50px}.btn{display:inline-block;padding:clamp(.5rem,1vw,var(--spacing-sm)) clamp(.5rem,1vw,var(--spacing-lg));border:none;border-radius:var(--radius-md);font-size:clamp(.8rem,2vw,1rem);font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border:2px solid var(--color-primary)}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--color-primary);padding:0 .5em;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:1.4em;transition:all .2s;white-space:nowrap;align-self:center;margin:0 .5em}.btn-secondary:hover{background:#667eea1f}.btn-danger{background:var(--color-danger);color:#fff;border:2px solid var(--color-danger)}.btn-danger:hover{filter:brightness(1.15)}.btn-small{padding:5px 12px;font-size:.82rem}.btn-block{display:block;width:100%}.btn-icon{background:none;border:none;cursor:pointer;color:inherit;font-size:.95rem;padding:2px 5px;opacity:.7;transition:opacity .15s}.btn-icon:hover{opacity:1}#saveBottom{z-index:9;display:block;position:fixed;bottom:calc(var(--keyboard-offset, 0px) + 16px);top:auto;right:20px;opacity:0;transition:all .3s}#saveBottom.active{opacity:1}.btn-save.highlight,.highlight{box-shadow:0 0 8px #667eea99;transform:scale(1.05);transition:transform .2s,box-shadow .2s}@media(max-width:768px){#saveBottom{right:0;bottom:calc(var(--keyboard-offset, 0px));padding:1em;border:.5em solid}}.quick-zone{max-width:450px;margin:15px auto 0;display:flex;gap:20px;flex-wrap:nowrap;justify-content:space-around}.quick-item{font-size:.85rem;font-weight:500;text-decoration:none;text-align:center;border:none;padding:.5em;background:none;cursor:pointer;transition:all .3s}.quick-item:hover{scale:1.1;border-radius:var(--radius-md)}.form-group{margin-bottom:var(--spacing-md)}label{display:block;font-weight:600;margin-bottom:var(--spacing-xs)}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:var(--spacing-xs);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:border-color .3s ease;border:none;border-bottom:2px solid rgba(255,255,255,.2);background:transparent;color:inherit}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,textarea::placeholder,select::placeholder{font-style:italic;opacity:.6}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}textarea{resize:vertical;min-height:100px}textarea.iframe-code-display{font-family:monospace;font-size:.85em;resize:vertical}.input-action-row{display:flex;gap:8px;align-items:center}.input-readonly{flex:1;opacity:.6}.field-hint{font-size:.78rem;opacity:.5}.form-actions{margin-top:20px}.form-feedback{min-height:20px;font-size:.85rem;margin-top:10px;border-radius:var(--radius-md)}.form-feedback.success{color:var(--color-success)}.form-feedback.error{color:var(--color-danger)}.form-feedback.info{color:#90caf9}.divider{border:none;border-top:1px solid rgba(255,255,255,.1);margin:20px 0}.toggle-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);gap:12px}.toggle-row:last-of-type{border-bottom:none}.toggle-label{font-size:.9rem;line-height:1.3}.toggle-desc{font-size:.78rem;opacity:.55;margin-top:3px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;margin-top:2px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#444;border-radius:24px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.card{border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);font-size:clamp(.8rem,2vw,1rem);touch-action:pan-y}.card-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-header h2{color:var(--color-primary);font-size:clamp(1rem,3vw,1.4em);flex:1 1 auto}.step-card{scroll-margin-top:160px}.step-card h3{font-size:clamp(1.1em,2vw,1.2em)}.tab-panel{display:none}.tab-panel.active{display:block}.empty-state{padding:48px;text-align:center;opacity:.7}.section-description{font-size:.83rem;opacity:.55;margin-top:-14px;margin-bottom:16px}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-width:2px;border-style:solid}.alert-success{border-color:var(--color-success);color:var(--color-success)}.alert-error{border-color:var(--color-danger);color:var(--color-danger)}.alert-info{border-color:var(--color-primary);color:var(--color-primary)}.modal{position:fixed;inset:0;z-index:9999;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;cursor:pointer}.modal.hidden{display:none}.modal-content{position:relative;width:88%;max-width:1100px;height:84vh;background:var(--modal-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;cursor:default}.modal-header{flex-shrink:0;height:var(--modal-header-h);display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 16px;background:var(--color-primary-glass);border-bottom:1px solid var(--border-white-subtle);color:#fff;gap:12px}.modal-header__info{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.modal-header__title{margin:0;font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.modal-header__views{display:flex;align-items:center;gap:4px;font-size:.82rem;color:var(--text-white-sub);white-space:nowrap;flex-shrink:0}.modal-header__views .material-symbols-outlined{font-size:1rem}.modal-header__actions{display:flex;align-items:center;flex-shrink:0}.modal-header__actions .btn-secondary{color:var(--text-white-sub);font-size:1.3em;margin:0 2px;padding:4px 8px}.modal-header__actions .btn-secondary:hover{background:var(--hover-white);color:#fff}.modal-close{position:static}.modal-body{position:relative;flex:1;min-height:0}.modal-body iframe{width:100%;height:100%;border:none;display:block}#modalIframeOverlay{display:none;position:absolute;inset:0;z-index:1;cursor:pointer}@media(max-width:768px){.modal-content{width:94%;height:88vh}.modal-header__title{font-size:.85rem}.modal-header__views{display:none}}.share-modal{position:fixed;inset:0;background:var(--overlay-bg);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s;overflow-y:auto}.share-modal-content{background:#1e1e3a;border:1px solid #2a2a4a;border-radius:var(--radius-lg);max-width:650px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.share-modal-header h3{margin:0;color:#e0e0f0}.share-close{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff6;transition:color .3s;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.share-close:hover{color:var(--color-danger)}.share-modal-body{padding:20px;overflow-y:auto;flex:1}.share-section{margin-bottom:30px}.share-section:last-child{margin-bottom:0}.share-section h4{color:#a0a8ff;margin:0 0 15px;font-size:1.1em}.share-buttons{display:grid;grid-template-columns:repeat(auto-fit,50px);gap:15px}.share-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.9em;transition:all .2s;color:#e0e0f0}.share-btn svg{width:24px;height:24px;flex-shrink:0}.share-btn span{display:none}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.share-facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.share-twitter:hover{background:#000;border-color:#000;color:#fff}.share-linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}.share-whatsapp:hover{background:#25d366;border-color:#25d366;color:#fff}.share-email:hover{background:#ea4335;border-color:#ea4335;color:#fff}.share-copy:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.share-section textarea.iframe-code-display{width:100%;min-height:120px;padding:12px;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#13132a;font-family:monospace;font-size:.85em;resize:vertical;margin-bottom:12px;color:#e0e0f0}@media(max-width:768px){.share-modal-content{max-width:95%;max-height:95vh}.share-modal-body{padding:15px}}@media(max-width:480px){.share-btn{padding:10px 12px}.share-btn span{font-size:.85em}}.create-pano-modal-content{max-width:460px}.create-pano-thumb{width:100%;height:160px;overflow:hidden;border-radius:8px;margin-bottom:1em}.create-pano-thumb img{width:100%;height:100%;object-fit:cover}.create-pano-desc{color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-lg) 0}.create-pano-desc strong{color:var(--text-primary)}.create-pano-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.72rem;font-weight:600}.badge-success{background:#45ba8026;color:var(--color-success)}.badge-warning{background:#ff9f4026;color:var(--color-warning)}.badge-danger{background:#ff6b6b26;color:var(--color-danger)}.badge-info{background:#667eea26;color:var(--color-primary)}.text-muted{font-size:.8rem;opacity:.5}.spinner{border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:var(--spacing-lg) auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}figure{margin:.5em auto;text-align:center;display:block;width:fit-content;max-width:100%;position:relative;font-family:lexend,sans-serif}figcaption{font-size:8px;opacity:1;line-height:1.1em;font-variant:none;color:#fff!important;text-align:right;width:auto;text-shadow:0 0 3px #000,0 0 3px #000!important}figcaption a{color:#fff!important;text-decoration:none!important;text-shadow:0 0 3px #000,0 0 3px #000!important;padding:0!important;font-style:normal!important}iframe{max-width:100%;height:auto;aspect-ratio:16/9}.mlc-video-thumb{position:relative;width:100%;cursor:pointer;overflow:hidden;border-radius:8px;background:#000}.mlc-video-player{width:100%;height:100%;display:block}iframe.vertical,.mlc-video-thumb.vertical,.mlc-video-player.vertical{max-width:clamp(200px,50%,350px);margin:0 auto;display:block}.device-desktop iframe.vertical,.device-desktop .mlc-video-thumb.vertical,.device-desktop .mlc-video-player.vertical{max-width:40%}.mlc-video-thumb-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .3s ease}.mlc-video-thumb:hover .mlc-video-thumb-bg{transform:scale(1.03)}.mlc-video-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.mlc-video-play-btn .material-symbols-outlined{font-size:72px;color:#ffffffd9;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));transition:transform .2s ease,color .2s}.mlc-video-thumb:hover .mlc-video-play-btn .material-symbols-outlined{transform:scale(1.1);color:#fff}.mlc-video-thumb.vertical{max-width:360px;margin:0 auto}footer{text-align:center;padding:0 var(--spacing-xs)}footer.page-footer{font-size:.7rem;padding-bottom:75px}