.yaml-tool{background:#111c2d;border:1px solid #26354a;border-radius:16px;max-width:1000px;margin:70px auto 100px;padding:35px}.yaml-tool-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.yaml-tool-header h1{margin:10px 0;font-family:Space Grotesk,sans-serif;font-size:32px}.yaml-tool-header p{color:#99a7bb;font-size:14px}.yaml-back-link{color:#56ddc2;white-space:nowrap;font-size:13px}.yaml-editor-card{border-radius:9px;overflow:hidden}.yaml-topbar{color:#c9d7e6;background:#0b1120;border:1px solid #26354a;justify-content:space-between;padding:14px 18px;font-size:13px;display:flex}.yaml-topbar span:last-child{color:#56ddc2;letter-spacing:1px}#yaml-input{resize:vertical;color:#c9e8df;tab-size:2;background:#080e19;border:1px solid #26354a;outline:none;width:100%;min-height:330px;padding:22px;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.8;display:block}#yaml-input:focus{border-color:#56ddc2}#yaml-input::placeholder{color:#66758a}.yaml-actions{background:#0b1120;border:1px solid #26354a;border-top:none;flex-wrap:wrap;gap:10px;padding:16px;display:flex}.yaml-btn{color:#dce7f2;cursor:pointer;background:#1a2a3e;border:1px solid #33445b;border-radius:7px;padding:11px 15px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.yaml-btn:hover{color:#56ddc2;border-color:#56ddc2}.yaml-primary{color:#07151a;background:#56ddc2;border-color:#56ddc2}.yaml-primary:hover{color:#07151a;background:#7cebd5}.yaml-clear{color:#f08b8b;margin-left:auto}.yaml-clear:hover{color:#f08b8b;border-color:#f08b8b}.yaml-status{color:#aebdce;overflow-wrap:anywhere;background:#192637;border:1px solid #304156;border-radius:8px;margin-top:18px;padding:14px 17px;font-size:13px;line-height:1.5}.yaml-status.success{color:#70dfb6;background:#102b25;border-color:#28614e}.yaml-status.error{color:#ff999f;background:#321b23;border-color:#70404a}.yaml-status.info{color:#aebdce;background:#192637}.yaml-examples{color:#8997a9;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;font-size:13px;display:flex}.yaml-examples button{color:#56ddc2;font:inherit;cursor:pointer;background:0 0;border:none}.yaml-examples button:hover{text-decoration:underline}.yaml-info{border-top:1px solid #26354a;margin-top:45px;padding-top:30px}.yaml-info h3{margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:19px}.yaml-info p{color:#99a7bb;font-size:13px;line-height:1.8}@media (width<=650px){.yaml-tool{margin:40px auto 60px;padding:20px 14px}.yaml-tool-header{flex-direction:column;align-items:flex-start}.yaml-tool-header h1{font-size:26px}#yaml-input{min-height:260px;padding:14px;font-size:12px}.yaml-actions{gap:8px;padding:12px}.yaml-btn{padding:10px 12px}.yaml-clear{margin-left:0}}.base64-section{color:#e2e8f0;background:#0b1220;padding:90px 20px}.base64-container{max-width:900px;margin:0 auto}.base64-heading{text-align:center;margin-bottom:40px}.base64-heading .section-label{color:#2dd4bf;letter-spacing:2px;font-size:12px;font-weight:700}.base64-heading h2{margin:12px 0;font-size:36px}.base64-heading p{color:#94a3b8;font-size:16px}.base64-panel{background:#111c2e;border:1px solid #26364d;border-radius:16px;padding:30px}.base64-panel>label,.base64-output-header label{color:#e2e8f0;margin-bottom:12px;font-size:15px;font-weight:600;display:block}#base64-input,#base64-output{box-sizing:border-box;resize:vertical;color:#e2e8f0;background:#0b1220;border:1px solid #334155;border-radius:8px;outline:none;width:100%;min-height:130px;padding:15px;font-family:monospace;font-size:14px;line-height:1.6;display:block}#base64-input:focus{border-color:#2dd4bf}#base64-output{color:#a7f3d0}.base64-actions{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.base64-actions button,.base64-copy-btn{cursor:pointer;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;transition:all .2s}.base64-primary-btn{color:#0b1220;background:#2dd4bf;border:1px solid #2dd4bf}.base64-primary-btn:hover{background:#5eead4}.base64-secondary-btn{color:#cbd5e1;background:0 0;border:1px solid #475569}.base64-secondary-btn:hover{color:#2dd4bf;border-color:#2dd4bf}.base64-status{color:#94a3b8;background:#1e293b;border-radius:8px;margin-bottom:25px;padding:12px 15px;font-size:13px}.base64-status.success{color:#a7f3d0;background:#064e3b}.base64-status.error{color:#fecaca;background:#7f1d1d}.base64-output-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.base64-output-header label{margin:0}.base64-copy-btn{color:#2dd4bf;background:0 0;border:1px solid #2dd4bf;padding:7px 15px}.base64-copy-btn:hover{background:#134e4a}@media (width<=600px){.base64-section{padding:60px 15px}.base64-panel{padding:20px 15px}.base64-heading h2{font-size:28px}.base64-actions button{flex:auto}}.yaml-info ul,.yaml-info ol{margin:12px 0 22px;padding-left:1.5rem}.yaml-info li{margin-bottom:5px;padding-left:3px;line-height:1.65}.yaml-info li::marker{color:#56ddc2}