.journey{margin:0 0 32px}.journey-intro{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.journey-intro h2{font-size:22px;letter-spacing:-.8px;margin:4px 0}.journey-intro p{color:#9695aa;font-size:12px;margin:0}.journey-badge{font-size:11px;color:#bca8ff;border:1px solid #564477;border-radius:30px;padding:9px 12px}.journey-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.journey-tab{background:#151622;border:1px solid #333043;border-radius:13px;padding:15px 17px;color:#c3c0d0;text-align:left;display:flex;gap:12px;align-items:center;transition:.2s}.journey-tab span:first-child{display:grid;place-items:center;background:#2a253b;border-radius:10px;width:34px;height:34px;flex:0 0 34px;font-size:17px}.journey-tab b{display:block;font-size:12px}.journey-tab small{color:#858397;font-size:10px}.journey-tab.on{border-color:#8b6aea;background:linear-gradient(125deg,#29213f,#1b1928);box-shadow:0 0 0 1px #8b6aea30}.journey-panel{border:1px solid #323044;background:linear-gradient(130deg,#191824,#11131c);border-radius:18px;padding:20px}.journey-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.editor-left h3{margin:0 0 6px;font-size:17px}.editor-left .help{color:#89869b;font-size:12px;line-height:1.6;margin:0 0 18px}.field-label{display:block;font-size:11px;font-weight:800;color:#cbc7dc;margin:14px 0 8px}.journey textarea{min-height:86px;width:100%;resize:vertical;background:#0c0e17;border:1px solid #3c394c;border-radius:11px;color:#f3edff;padding:13px;line-height:1.55}.journey select,.journey input[type=range]{width:100%}.journey select{background:#0c0e17;color:#e6e0f6;border:1px solid #3c394c;border-radius:10px;padding:11px}.chiprow{display:flex;flex-wrap:wrap;gap:7px}.chip{background:#242332;border:1px solid #3d384e;border-radius:9px;color:#bbb6cb;padding:8px 10px;font-size:11px}.chip.on{background:#3a2b57;border-color:#916ce6;color:#f5eaff}.j-action{width:100%;margin-top:17px}.j-action.secondary{background:#312845;border:1px solid #6c538e;color:#e1d5fb}.preview-pane{background:#0c0d15;border:1px solid #302b42;border-radius:14px;min-height:335px;padding:12px;display:flex;flex-direction:column}.preview-head{display:flex;justify-content:space-between;font-size:10px;color:#9b91b0;padding:5px 5px 12px}.preview-stage{position:relative;flex:1;min-height:235px;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 55% 38%,#45316d,#191327 48%,#0e0d17 90%)}.preview-stage img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.9}.preview-stage .fallback{text-align:center;padding:20px;color:#c2b6d5}.preview-stage .fallback strong{display:block;font-size:37px;margin-bottom:9px}.preview-stage .fallback small{font-size:11px;color:#afa4c0}.preview-stage.portrait{max-width:100%;width:70%;align-self:center}.preview-caption{color:#8e8b9e;font-size:10px;line-height:1.55;padding:12px 4px 2px}.preview-stage.motion-zoom img{animation:jzoom 3.8s ease-in-out infinite alternate}.preview-stage.motion-pan img{animation:jpan 4s ease-in-out infinite alternate}.preview-stage.motion-tilt img{animation:jtilt 4s ease-in-out infinite alternate}.preview-stage.motion-float img{animation:jfloat 3s ease-in-out infinite alternate}@keyframes jzoom{to{transform:scale(1.2)}}@keyframes jpan{from{transform:scale(1.17) translateX(-4%)}to{transform:scale(1.17) translateX(4%)}}@keyframes jtilt{from{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1.1) rotate(2deg)}}@keyframes jfloat{from{transform:scale(1.09) translateY(2%)}to{transform:scale(1.09) translateY(-2%)}}.j-notice{margin-top:12px;padding:11px 12px;border:1px solid #58446d;background:#30253d;color:#cdbce0;border-radius:11px;font-size:11px;line-height:1.6}.j-steps{display:flex;gap:7px;align-items:center;color:#a39ab4;font-size:11px;margin-top:14px}.j-steps i{height:1px;background:#4b425b;flex:1}.j-upload{display:block;border:1px dashed #695485;border-radius:10px;padding:12px;color:#c6b8e5;background:#211a30;cursor:pointer;font-size:11px;font-weight:750}.j-upload input{display:none}.range-caption{display:flex;justify-content:space-between;color:#9d92b6;font-size:10px}.j-output{margin-top:12px;padding:13px;border-radius:11px;border:1px solid #5c4879;background:#211b31;color:#d8c8f2;font-size:11px;line-height:1.6}.j-output strong{display:block;margin-bottom:4px}.j-output button{margin-top:8px}.j-output code{white-space:pre-wrap;display:block;color:#a9a0bc;font:11px/1.5 Manrope,sans-serif}@media(max-width:850px){.journey-grid{grid-template-columns:1fr}.journey-tab{padding:11px;gap:7px}.journey-tab span:first-child{width:28px;height:28px;flex-basis:28px}}@media(max-width:520px){.journey-tabs{grid-template-columns:1fr}.journey-intro{align-items:start}.journey-badge{display:none}.journey-panel{padding:14px}}
