@font-face{font-family:NotoSansJP;src:url(/fonts/NotoSansJP-VariableFont_wght.ttf) format("truetype");font-weight:100 900}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:NotoSansJP,sans-serif;background:#111;color:#eee;min-height:100dvh}header{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;padding:.5rem 1rem;border-bottom:1px solid #2a2a2a}.header-left{display:flex;align-items:center;gap:.5rem}.header-right{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-left:auto;min-width:0}.back-link{color:#666;text-decoration:none;font-size:.82rem;white-space:nowrap}.back-link:hover{color:#eee}.btn{background:#222;border:1px solid #3a3a3a;color:#ccc;padding:.32rem .75rem;border-radius:5px;font-family:inherit;font-size:.83rem;cursor:pointer;white-space:nowrap;transition:border-color .12s,color .12s}.btn:hover{border-color:#666;color:#eee}.btn:disabled{opacity:.35;cursor:default}.btn:disabled:hover{border-color:#3a3a3a;color:#ccc}.btn-small{padding:.25rem .6rem;font-size:.78rem}.help-btn{width:1.6rem;height:1.6rem;border-radius:50%;background:#222;border:1px solid #3a3a3a;color:#ccc;font-family:inherit;font-size:.9rem;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .12s,color .12s}.help-btn:hover{border-color:#666;color:#eee}main{display:grid;grid-template-columns:1fr;gap:1rem;padding:1rem;max-width:1280px;margin:0 auto}@media(min-width:960px){body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{flex-shrink:0}main{flex:1;min-height:0;width:100%;grid-template-columns:1fr minmax(300px,.85fr) 1fr;grid-template-rows:minmax(0,1fr)}.pane{min-height:0}.pane textarea{flex:1;height:auto;min-height:0;resize:none}.pane-steps .steps{flex:0 1 auto;min-height:0;overflow-y:auto;padding-right:.3rem}.pane-steps .add-row{flex-shrink:0}}.pane{display:flex;flex-direction:column;gap:.5rem;min-width:0}.pane-head{display:flex;align-items:baseline;gap:.7rem;padding-bottom:.4rem;border-bottom:1px solid #2a2a2a}.pane-title{font-size:.8rem;font-weight:700;color:#888;letter-spacing:.06em}.count{font-size:.76rem;color:#666}.pane-head .btn{margin-left:auto}textarea{width:100%;height:clamp(160px,40vh,480px);resize:vertical;background:#1a1a1a;border:1px solid #3a3a3a;color:#eee;padding:.6rem .7rem;border-radius:6px;font-family:inherit;font-size:.95rem;line-height:1.7}textarea:focus{outline:none;border-color:#555}#output{background:#151515}.steps{list-style:none;display:flex;flex-direction:column;gap:.6rem}.steps-empty{font-size:.82rem;color:#666;padding:.8rem 0}.step{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:.6rem .75rem .75rem}.step-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.step-toggle{flex-shrink:0;width:1rem;height:1rem;margin:0;accent-color:#63b3ff;cursor:pointer}.step.off{background:#151515;border-style:dashed}.step.off .step-no,.step.off .step-title,.step.off .step-body{opacity:.4}.step-no{width:1.3rem;height:1.3rem;border-radius:50%;background:#2a2a2a;color:#aaa;font-size:.72rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.step-title{font-size:.88rem;font-weight:700;color:#ddd}.step-actions{margin-left:auto;display:flex;gap:.25rem}.icon-btn{width:1.7rem;height:1.7rem;background:none;border:1px solid transparent;border-radius:4px;color:#888;font-family:inherit;font-size:.85rem;cursor:pointer}.icon-btn:hover{border-color:#444;color:#eee}.icon-btn:disabled{opacity:.25;cursor:default}.icon-btn:disabled:hover{border-color:transparent;color:#888}.step-body{display:flex;flex-direction:column;gap:.5rem}.opt-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}.radios{display:flex;flex-wrap:wrap;gap:.4rem 1rem}.opt{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:#ccc;cursor:pointer}.opt input{accent-color:#63b3ff}.opt-note{font-size:.74rem;color:#666}.field{display:flex;align-items:center;gap:.5rem;min-width:0}.opt-row>.field{flex:1 1 8rem}.field-label{font-size:.78rem;color:#888;white-space:nowrap}.text-input{flex:1;min-width:0;background:#111;border:1px solid #3a3a3a;color:#eee;padding:.3rem .55rem;border-radius:5px;font-family:inherit;font-size:.9rem}.text-input:focus{outline:none;border-color:#555}.add-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.modal-overlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:200;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal-box{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;padding:1.4rem 1.6rem;color:#eee;font-family:inherit}.confirm-box{width:min(420px,90vw)}.confirm-box p{font-size:.9rem;line-height:1.7;color:#ccc}.modal-btns{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.help-box{position:relative;width:min(480px,90vw);max-height:85dvh;overflow-y:auto}.help-close{position:absolute;top:.7rem;right:.9rem;background:none;border:none;color:#888;font-size:1rem;line-height:1;cursor:pointer;padding:.2rem}.help-close:hover{color:#eee}.help-title{font-size:1rem;font-weight:700;color:#eee;margin:0 0 .7rem}.help-box p{margin:0 0 .7rem;font-size:.88rem;line-height:1.8;color:#ccc}.help-box p:last-child{margin-bottom:0}.help-box .help-note{font-size:.8rem;color:#888}