.card-bottom-layout{display:flex;gap:20px;margin-top:20px;align-items:flex-start;max-width:1500px;margin-left:auto;margin-right:auto;padding:0 20px}.card-bottom-layout .steps-edit-controls{flex:1;margin:0;max-width:none;width:auto}.card-bottom-layout .card-bottom-actions{flex-shrink:0;width:320px;margin:0}body:not(.edit-mode-active) .card-bottom-layout{justify-content:flex-end}body:not(.edit-mode-active) .card-bottom-layout .steps-edit-controls{display:none}body.edit-mode-active .card-bottom-layout{justify-content:space-between}.edit-controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.edit-controls-header h3{margin:0;color:#f5a623;font-size:18px;font-weight:600}.edit-hint{background:rgba(52,152,219,.1);border:1px solid rgba(52,152,219,.3);border-radius:6px;padding:12px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px;color:#ccc;font-size:14px;line-height:1.5}.edit-hint i{color:#3498db;margin-top:2px}.editable-steps-list{max-height:400px;overflow-y:auto;padding-right:10px;background:rgba(20,20,20,.5);border-radius:6px;padding:10px}.editable-steps-list::-webkit-scrollbar{width:8px}.editable-steps-list::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.editable-steps-list::-webkit-scrollbar-thumb{background:rgba(245,166,35,.5);border-radius:4px}.editable-steps-list::-webkit-scrollbar-thumb:hover{background:rgba(245,166,35,.7)}.editable-step-item{background:rgba(40,40,40,.8);border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:12px;margin-bottom:10px;transition:all .3s ease}.editable-step-item:hover{background:rgba(50,50,50,.9);border-color:rgba(245,166,35,.3);box-shadow:0 2px 8px rgba(0,0,0,.2)}.editable-step-item.hidden{opacity:.4;background:rgba(30,30,30,.5)}.step-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.step-visibility-checkbox{margin-top:3px;width:18px;height:18px;cursor:pointer;accent-color:#f5a623}.step-main-content{flex:1}.step-number{color:#f5a623;font-weight:700;font-size:14px}.step-action-text{color:#fff;margin-left:5px}.step-details{color:#999;font-size:12px;margin-top:5px;margin-left:28px}.step-detail-line{margin:2px 0}.custom-note-section{margin-top:8px;margin-left:28px}.custom-note-input{width:100%;background:rgba(60,60,60,.8);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:6px 10px;color:#fff;font-size:13px;transition:all .3s ease}.custom-note-input:focus{outline:0;background:rgba(70,70,70,.9);border-color:#f5a623;box-shadow:0 0 0 2px rgba(245,166,35,.2)}.custom-note-input::placeholder{color:rgba(255,255,255,.5)}@media (max-width:1600px){.card-bottom-layout{max-width:100%}}@media (max-width:1200px){.card-bottom-layout{flex-direction:column;align-items:stretch;max-width:1000px}.card-bottom-layout .steps-edit-controls{max-width:100%;margin-bottom:20px}.card-bottom-layout .card-bottom-actions{width:100%;max-width:320px;margin:0 auto}body:not(.edit-mode-active) .card-bottom-layout{justify-content:center}}@media (max-width:768px){.card-bottom-layout{gap:15px;padding:0 15px}.card-bottom-layout .card-bottom-actions{width:100%;max-width:280px}.steps-edit-controls{padding:15px}.edit-controls-header h3{font-size:16px}.editable-steps-list{max-height:300px}}