/* SanalDrone360 premium video design suite */
.production-card{display:grid!important;padding:0!important;gap:0!important;overflow:hidden;background:linear-gradient(160deg,#0c130e,#080d0a)!important;border-color:rgba(217,255,71,.22)!important}
.production-hero{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 17px 16px;background:radial-gradient(circle at 88% 18%,rgba(217,255,71,.16),transparent 34%),linear-gradient(135deg,rgba(217,255,71,.06),transparent);border-bottom:1px solid rgba(255,255,255,.07)}
.production-hero span{font:8px var(--mono);letter-spacing:1.5px;color:var(--lime)}
.production-hero h2{margin:7px 0 5px;font:700 18px/1.1 var(--display);letter-spacing:-.7px;color:#f2f6f2}
.production-hero p{margin:0;color:#6f7d73;font-size:9px;line-height:1.45}
.production-hero>b{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--lime);color:#071007;font:700 10px var(--mono);box-shadow:0 10px 28px rgba(217,255,71,.18)}
.custom-block{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.065)}
.custom-block:last-child{border-bottom:0}
.custom-block-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.custom-block-head>div{display:grid;gap:2px}
.custom-block-head b{font:700 11px var(--sans);color:#e6ece7}
.custom-block-head small{font:8px var(--mono);color:#617067}
.custom-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:rgba(217,255,71,.08);border:1px solid rgba(217,255,71,.16);color:var(--lime);font:8px var(--mono)}
.custom-block-head .switch{margin-left:auto}
.intro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.intro-card{position:relative;min-height:69px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:linear-gradient(145deg,#080d09,#060906);color:#819087;text-align:left;cursor:pointer;overflow:hidden}
.intro-card:after{content:"";position:absolute;right:-12px;bottom:-18px;width:55px;height:55px;border-radius:50%;background:rgba(217,255,71,.04)}
.intro-card i{position:absolute;right:9px;top:8px;color:#526057;font-style:normal;font:15px var(--mono)}
.intro-card b{display:block;margin-top:10px;color:#dce5de;font:10px var(--mono)}
.intro-card small{display:block;margin-top:3px;font-size:7.5px;color:#637067}
.intro-card:hover,.intro-card.active{border-color:var(--lime);background:linear-gradient(145deg,rgba(217,255,71,.14),rgba(217,255,71,.035));box-shadow:inset 0 0 22px rgba(217,255,71,.035)}
.intro-card.active i,.intro-card.active b{color:var(--lime)}
.settings-panel{display:none;gap:8px;padding-top:1px}
.settings-panel.open{display:grid}
.settings-panel textarea{width:100%;min-height:88px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#050806;color:#e8eee9;padding:10px 11px;resize:vertical;font-size:10px;line-height:1.55;outline:none}
.settings-panel textarea:focus{border-color:rgba(217,255,71,.48);box-shadow:0 0 0 3px rgba(217,255,71,.05)}
.listen-btn{border:1px solid rgba(217,255,71,.25);border-radius:8px;background:rgba(217,255,71,.07);color:var(--lime);font:700 9px var(--mono);cursor:pointer}
.switch{position:relative;width:38px;height:21px;flex:0 0 38px}
.switch input{position:absolute;opacity:0;width:1px;height:1px}
.switch span{position:absolute;inset:0;border-radius:99px;background:#283129;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:.2s}
.switch span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;left:2px;top:2px;background:#768178;transition:.2s}
.switch input:checked+span{background:rgba(217,255,71,.2);border-color:var(--lime)}
.switch input:checked+span:after{transform:translateX(17px);background:var(--lime)}
.logo-picker{height:76px!important;justify-content:flex-start!important;padding:10px 12px!important;border:1px dashed rgba(117,236,255,.2)!important;border-radius:10px!important;background:linear-gradient(100deg,rgba(117,236,255,.035),transparent)!important;display:flex!important;align-items:center!important;gap:10px!important;color:#87938a;cursor:pointer;overflow:hidden}
.logo-picker input{display:none!important}
.upload-icon{flex:0 0 38px;width:38px;height:38px;border-radius:10px;display:grid!important;place-items:center;background:rgba(117,236,255,.08);border:1px solid rgba(117,236,255,.18);color:var(--cyan);font:20px var(--mono)}
.logo-picker #logoPickerText{display:grid;gap:3px}
.logo-picker #logoPickerText b{font-size:10px;color:#dfe8e1}
.logo-picker #logoPickerText small{font:7.5px var(--mono);color:#65736a}
.logo-picker img{display:none;max-width:150px;max-height:54px;object-fit:contain}
.logo-picker.has-logo{justify-content:center!important;border-style:solid!important}
.logo-picker.has-logo img{display:block}
.logo-picker.has-logo span{display:none!important}
.production-card .field input{height:42px;background:#050806;border-color:rgba(255,255,255,.08)}
.production-card .field label{font-size:8px}
.description-field{position:relative;margin-top:9px}
.description-field textarea{width:100%;min-height:78px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#050806;color:#e6ece7;padding:10px 11px 23px;resize:vertical;font-size:10px;line-height:1.5;outline:none}
.description-field textarea:focus{border-color:rgba(217,255,71,.5);box-shadow:0 0 0 3px rgba(217,255,71,.05)}
.description-field>span{position:absolute;right:9px;bottom:7px;font:8px var(--mono);color:#536158}
.description-field>span b{color:var(--lime)}
.animation-note{display:flex;gap:8px;align-items:center;padding:8px 10px;margin-top:8px;border-radius:8px;background:rgba(255,255,255,.025);color:#657269;font:8px/1.4 var(--mono)}
.animation-note i{font-style:normal;color:var(--lime);font-size:15px}
.style-select{width:100%;height:42px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:9px!important;background:#050806!important;color:#dce5de!important;padding:0 10px!important;font:9px var(--mono)!important;outline:none}
.sound-block{background:rgba(217,255,71,.015)}
@media(max-width:760px){.production-hero h2{font-size:16px}.custom-block{padding:13px}.intro-card{min-height:65px}}

.production-card{background:linear-gradient(160deg,#08242d,#051820)!important;border-color:rgba(73,199,212,.28)!important}.production-hero{background:radial-gradient(circle at 88% 18%,rgba(73,199,212,.18),transparent 34%),linear-gradient(135deg,rgba(105,183,95,.08),transparent)}.production-hero span,.custom-icon{color:var(--cyan)}.production-hero>b{background:linear-gradient(135deg,var(--lime),var(--cyan));color:#04151c}.intro-card:hover,.intro-card.active{border-color:var(--cyan);background:linear-gradient(145deg,rgba(73,199,212,.14),rgba(105,183,95,.04))}.intro-card.active i,.intro-card.active b{color:var(--cyan)}
.music-picker{min-height:64px;border:1px dashed rgba(73,199,212,.34);border-radius:11px;background:linear-gradient(110deg,rgba(73,199,212,.07),rgba(21,91,146,.04));display:flex;align-items:center;gap:11px;padding:10px 12px;cursor:pointer}.music-picker input{display:none}.music-picker>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(73,199,212,.12);color:var(--cyan);font-size:20px}.music-picker>div{min-width:0;display:grid;gap:4px}.music-picker b{font-size:10px;color:#e7f5f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-picker small{font:8px var(--mono);color:#668c96}
.outro-block{background:linear-gradient(145deg,rgba(105,183,95,.035),rgba(73,199,212,.025))}.outro-settings{display:grid;gap:9px;transition:.2s}.outro-settings.disabled{opacity:.38;pointer-events:none}.outro-settings .description-field{margin-top:0}.color-field{display:grid;grid-template-columns:1fr 38px auto;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#04151c;padding:8px 10px;color:#8bacb4;font:8px var(--mono)}.color-field input{width:38px;height:30px;border:0;padding:0;background:transparent;cursor:pointer}.color-field b{color:var(--cyan);font:9px var(--mono)}
.speed-label{margin-top:14px!important}.speed-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.speed-buttons button{height:38px;border:1px solid rgba(73,199,212,.14);border-radius:8px;background:#04151c;color:#789da7;font:700 9px var(--mono);cursor:pointer;transition:.2s}.speed-buttons button:hover,.speed-buttons button.active{border-color:var(--cyan);background:linear-gradient(135deg,var(--lime),var(--cyan));color:#03151c;box-shadow:0 8px 20px rgba(73,199,212,.12)}.region-mode-card{border-color:rgba(73,199,212,.22)}.region-mode-card b:after{content:" YENİ";margin-left:5px;color:var(--cyan);font:7px var(--mono)}

/* MP4 quick render and mobile-first production actions */
.render-actions{display:grid;grid-template-columns:1fr;gap:9px;position:relative;z-index:20}
.instant-btn{width:100%;min-height:62px;border:1px solid rgba(117,236,255,.55);border-radius:12px;background:linear-gradient(112deg,#75ecff 0%,#d9ff47 100%);color:#04100b;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;padding:10px 15px;cursor:pointer;box-shadow:0 14px 34px rgba(117,236,255,.12);transition:transform .2s ease,box-shadow .2s ease}
.instant-btn>span{grid-row:1/3;font-size:23px}.instant-btn>b{font:900 13px var(--sans);letter-spacing:.4px}.instant-btn>small{font:8px var(--mono);opacity:.68}.instant-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(117,236,255,.2)}.instant-btn:disabled{opacity:.38;cursor:not-allowed;transform:none}
.modal-kicker{display:block;margin-bottom:5px;color:var(--lime);font:8px var(--mono);letter-spacing:1.2px}.share-video-btn{background:rgba(117,236,255,.12)!important;border-color:rgba(117,236,255,.35)!important;color:#9cf3ff!important}

@media(max-width:760px){
  body[data-page="studio"]{padding-bottom:0}.studio-nav{height:62px;padding:0 11px}.studio-nav .top-cta,.studio-nav .status-pill,.studio-nav .user-chip{display:none}.studio-nav .nav-links{margin-left:auto}.studio-nav .logout-btn{padding:9px}
  .controls{padding:11px 11px 18px}.studio-title{padding:4px 2px 11px}.studio-title h1{font-size:22px}.control-card{padding:12px;border-radius:11px}.field-grid,.field-grid.three{grid-template-columns:1fr}.field-grid.three .field:first-child{grid-column:auto}.mode-grid{grid-template-columns:1fr 1fr}.mode-card{min-height:64px}
  .render-actions{position:sticky;bottom:8px;padding:8px;border-radius:14px;background:rgba(5,9,6,.92);border:1px solid rgba(217,255,71,.14);backdrop-filter:blur(14px)}.instant-btn{min-height:58px}.render-btn{height:48px}
  .map-stage{height:68vh;min-height:510px}.map-topbar{left:8px;right:8px;top:8px}.map-badge{max-width:75%}.map-actions a{padding:9px}.parcel-radar{display:none}.telemetry{left:8px;right:8px;bottom:8px;width:auto;padding:10px}.telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.telemetry-item{padding:6px}.telemetry-head span{display:none}
  .modal{padding:8px;align-items:end}.modal-box{padding:12px;border-radius:16px 16px 0 0;max-height:96vh}.modal-top h3{font-size:17px}.render-video{max-height:62vh}.modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions>*{min-width:0}.modal-actions #closeModal2{grid-column:1/-1}
}