.release-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr); gap:24px; align-items:start; }
.release-editor,.growth-panel { min-width:0; padding:24px; background:var(--surface); border:1px solid var(--line); border-radius:20px; }
.release-editor h3,.growth-panel h3 { margin:0 0 16px; font-size:17px; }
.release-intro { margin:0 0 24px; color:var(--ink-2); max-width:640px; }
.release-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
.release-fields label { display:block; font-size:12px; color:var(--ink-2); margin-bottom:6px; }
.release-fields input,.release-fields select,.release-editor textarea,.growth-controls input,.growth-controls select { width:100%; min-width:0; height:44px; border:1px solid var(--line); border-radius:10px; background-color:var(--surface-2); color:var(--ink); padding:10px 12px; font:inherit; appearance:none; -webkit-appearance:none; }
.release-fields select,.growth-controls select { padding-right:36px; }
.release-editor textarea { height:136px; resize:vertical; line-height:1.65; }
.release-fields input:focus,.release-fields select:focus,.release-editor textarea:focus,.growth-controls :focus { outline:2px solid var(--brand); outline-offset:2px; }
.release-segments { display:flex; gap:4px; padding:4px; border-radius:13px; background:var(--surface-2); margin:0 0 22px; }
.release-segments button { flex:1; min-height:44px; line-height:22px; padding:11px 6px; border-radius:10px; transition:background .2s,box-shadow .2s,transform .15s; }
.release-segments button.on { background:var(--surface); color:var(--brand-deep); box-shadow:var(--shadow); font-weight:700; }
.release-segments button:active,.release-editor .btn:active { transform:scale(.97); }
.release-mode { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0; }
.release-mode button { min-height:44px; line-height:22px; border:1px solid var(--line); border-radius:12px; padding:10px 16px; color:var(--ink-2); }
.release-mode button.on { color:var(--brand-deep); background:var(--brand-soft); border-color:var(--brand); }
.release-language { display:flex; flex-wrap:wrap; gap:4px; margin:10px 0; }
.release-language button { padding:7px 10px; border-radius:8px; font-size:12px; }
.release-language button.on { background:var(--brand-soft); color:var(--brand-deep); }
.release-ready { display:flex; align-items:flex-start; gap:9px; margin:18px 0; color:var(--ink-2); font-size:12px; line-height:1.7; }
.release-ready input { margin-top:4px; accent-color:var(--brand); }
.release-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.release-message { margin-top:12px; color:var(--ink-2); min-height:22px; font-size:13px; }
.release-preview { position:sticky; top:82px; }
.release-phone { max-width:330px; margin:0 auto; background:#fff7ed; color:#3b2413; padding:20px; border:7px solid #30241e; border-radius:38px; box-shadow:0 20px 50px #25130c20; }
.release-phone-top { display:flex; justify-content:space-between; padding:6px 5px 22px; font-size:12px; font-weight:600; }
.release-card { background:#fff; padding:20px; border-radius:26px; box-shadow:0 6px 22px #9a341218; }
.release-orbit { display:grid; place-items:center; height:130px; border-radius:20px; background:radial-gradient(ellipse at 35% 25%,#ffe2b5,#fff2dc); position:relative; overflow:hidden; }
.release-orbit svg { width:70px; height:70px; color:#ef6f2e; }
.release-orbit::after { content:'↑'; position:absolute; right:28px; top:20px; display:grid; place-items:center; width:34px; height:34px; background:#fff; border-radius:50%; color:#b23a0f; font-size:22px; box-shadow:0 3px 9px #9a341220; }
.release-card h3 { font-size:21px; line-height:1.35; text-align:center; margin:20px 0 8px; }
.release-card p { font-size:12px; line-height:1.7; color:#89664c; text-align:center; }
.release-notes { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.7; background:#fff7ed; border-radius:14px; padding:14px; margin:14px 0; }
.release-preview-cta { padding:13px; text-align:center; color:#fff; font-weight:700; border-radius:20px; background:var(--action); }
.release-preview-later { text-align:center; color:#89664c; font-size:12px; padding-top:14px; }
.release-preview-tag { text-align:center; font-size:12px; color:var(--ink-3); margin-top:18px; }
.release-simulate { margin:24px 0 0; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:18px; }
.release-simulate h3 { margin:0 0 14px; font-size:15px; }
.release-simfields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
.release-simfields label { min-width:0; color:var(--ink-2); font-size:12px; }
.release-simfields .release-simos { grid-column:1/-1; }
.release-simulate input { display:block; margin-top:6px; min-width:0; width:100%; height:44px; border:1px solid var(--line); padding:10px; border-radius:8px; color:var(--ink); background:var(--surface-2); font:inherit; appearance:none; -webkit-appearance:none; }
.release-simulate input:focus-visible,.release-segments button:focus-visible,.release-mode button:focus-visible,.release-language button:focus-visible { outline:2px solid var(--brand); outline-offset:3px; }
.release-language button { min-height:44px; }
.release-message { overflow-wrap:anywhere; }
.release-dialog { max-height:calc(100dvh - 32px); overflow:auto; }
@media(prefers-reduced-motion:reduce) { .release-segments button,.release-editor .btn { transition:none; transform:none; } }
.release-list { margin-top:28px; }
.release-row { display:flex; align-items:center; flex-wrap:wrap; gap:14px; padding:18px 20px; border:1px solid var(--line); background:var(--surface); border-radius:14px; margin-bottom:10px; }
.release-row .meta { flex:1; min-width:min(160px,100%); overflow-wrap:anywhere; }
.release-row .meta small { display:block; color:var(--ink-3); margin-top:4px; }
.release-badge { font-size:12px; padding:5px 10px; border-radius:8px; color:var(--ink-2); background:var(--surface-2); }
.release-badge.published { color:var(--good); background:var(--good-bg); }
.release-dialog { border:none; border-radius:22px; width:min(460px,calc(100vw - 36px)); padding:26px; background:var(--surface); color:var(--ink); box-shadow:var(--shadow-lg); }
.release-dialog::backdrop { background:#0f172a60; backdrop-filter:blur(4px); }
.release-dialog h3 { margin-top:0; }
.release-dialog p { white-space:pre-wrap; line-height:1.7; color:var(--ink-2); }
.growth-controls { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin-bottom:24px; }
.growth-controls label { min-width:140px; flex:1; color:var(--ink-2); font-size:12px; }
.growth-controls label input,.growth-controls label select { margin-top:7px; }
.growth-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; margin:22px 0; }
.growth-stage { position:relative; display:flex; justify-content:space-between; padding:13px 12px; margin:7px 0; border-radius:9px; overflow:hidden; font-size:13px; }
.growth-stage::before { content:''; position:absolute; inset:0 auto 0 0; width:var(--fill); background:var(--brand-soft); border-radius:9px; }
.growth-stage span,.growth-stage strong { position:relative; z-index:1; }
.growth-note { padding:12px 16px; margin:12px 0; border-radius:12px; background:var(--surface-2); color:var(--ink-2); font-size:12px; line-height:1.7; }
.growth-panel table { width:100%; border-collapse:collapse; font-size:12px; }
.growth-panel td,.growth-panel th { padding:10px 6px; text-align:left; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.growth-scroll { overflow:auto; }
@media (prefers-reduced-motion:no-preference) {
 .release-orbit svg { animation:release-float 4s ease-in-out infinite; }
 .release-card { animation:release-enter .42s cubic-bezier(.2,.8,.2,1); }
 .release-dialog[open] { animation:release-enter .24s ease-out; }
 .growth-stage::before { transform-origin:left; animation:release-fill .55s ease-out both; }
 @keyframes release-float { 50% { transform:translateY(-7px) rotate(-4deg); } }
 @keyframes release-enter { from { opacity:0; transform:translateY(12px) scale(.97); } to { opacity:1; transform:none; } }
 @keyframes release-fill { from { transform:scaleX(0); } to { transform:scaleX(1); } }
}
@media(max-width:850px) { .release-layout { grid-template-columns:1fr; } .release-preview { position:static; } .growth-pair { grid-template-columns:1fr; } }
@media(max-width:420px) { .release-editor,.growth-panel { padding:16px; } .release-fields { grid-template-columns:1fr; } .release-phone { padding:14px; } .release-mode button { flex:1; padding:10px 8px; } }

.password-fields { display:grid; gap:8px; margin:16px 0; }
.password-fields input { width:100%; min-width:0; height:44px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:var(--surface-2); color:var(--ink); font:inherit; }
.password-fields input:focus { outline:2px solid var(--brand); outline-offset:2px; }