:root{font-family:Inter,Arial,PingFang SC,sans-serif;color:#13221c;background:#e9f0e9}*{box-sizing:border-box}body{margin:0;background:#e9f0e9}button,input,select{font:inherit}button{cursor:pointer}.top{min-height:235px;background:#143d2e;color:#f7f4e8;display:grid;grid-template-columns:110px 1fr 320px;gap:30px;align-items:center;padding:32px max(30px,calc((100vw - 1380px)/2));border-bottom:10px solid #ff784b}.sign{width:90px;height:115px;background:#f5d66f;color:#143d2e;display:grid;place-content:center;text-align:center;font-size:24px;font-weight:900;line-height:.8;border-radius:50% 50% 10px 10px;transform:rotate(-4deg);box-shadow:5px 6px #0b261c}.sign small{font-size:11px;letter-spacing:3px}.kicker{font-size:10px;letter-spacing:3px;font-weight:800;margin:0 0 10px;color:#a9c3b8}.top h1{font-size:58px;line-height:.94;margin:0;letter-spacing:-4px}.intro{border-left:1px solid #739184;padding-left:25px;font-size:14px;line-height:1.8;color:#c8d6d0}main{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:minmax(500px,.95fr) minmax(440px,1.05fr);min-height:750px}.builder{padding:38px 42px 70px;background:#f7f4e8;border-right:1px solid #aebbb3}.section-title{display:flex;gap:14px;align-items:flex-start}.section-title>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ff784b;color:#fff}.section-title h2{font-size:22px;margin:1px 0 5px}.section-title p{font-size:12px;color:#6a766e;margin:0}.meta{display:grid;grid-template-columns:1fr 145px;gap:13px;margin:22px 0 12px}.meta label{display:grid;gap:7px;font-size:10px;font-weight:800;letter-spacing:1px}.meta input,.meta select,.template-row select{width:100%;border:1px solid #87978e;background:#fff;padding:11px}.template-row{display:grid;grid-template-columns:1fr auto auto auto;gap:7px}.template-row button,.add-row button{border:1px solid #87978e;background:#eff1ea;padding:8px;font-size:11px}.template-row .save-template{background:#143d2e;color:#fff}.actions-title{margin-top:39px}.action-head,.action-row{display:grid;grid-template-columns:minmax(180px,1fr) 56px 58px minmax(120px,.75fr) 25px;gap:7px;align-items:center}.action-head{font-size:9px;text-transform:uppercase;color:#7b867e;margin:19px 0 6px;padding:0 5px}.action-row{background:#fff;border:1px solid #a4afa7;border-left:5px solid #ff784b;padding:8px 7px;margin-bottom:7px}.action-row.optional{border-left-color:#f1ce60}.action-row input,.action-row select{border:0;background:#f1f3ee;padding:8px;width:100%;min-width:0;font-size:11px}.action-name{position:relative}.action-name em{position:absolute;z-index:1;right:4px;top:-5px;font-size:8px;font-style:normal;color:#8a938c}.action-name input{padding-right:36px}.action-row .remove{border:0;background:transparent;color:#a25d4c;font-size:20px;padding:0}.add-row{display:flex;gap:8px;margin-top:10px}.error,.notice{font-size:12px;padding:9px 12px}.error{background:#ffe4dc;color:#a02d17}.notice{background:#dcf0e4;color:#1d633f}.generate{margin-top:24px;width:100%;background:#ff784b;color:#15221c;border:0;padding:17px 18px;font-weight:900;text-align:left;box-shadow:5px 5px #143d2e}.generate span{float:right;font-size:20px}.output{padding:40px 45px 70px;background:#e9f0e9}.output.empty{display:flex;flex-direction:column}.output-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #143d2e;padding-bottom:18px}.output-head h2{font-size:30px;margin:0 0 6px}.output-head p:last-child{font-size:12px;color:#65736b;margin:0}.output-actions{display:flex;gap:6px}.output-actions button{border:1px solid #143d2e;background:transparent;padding:8px;font-size:11px}.sequence article{display:grid;grid-template-columns:90px 1fr;padding:23px 0;border-bottom:1px solid #aebbb3}.order b{font-size:28px}.order span{display:block;width:max-content;background:#f5d66f;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700}.tasks{display:grid;gap:7px}.tasks label{background:#f8faf5;padding:13px 14px;display:flex;gap:12px;align-items:flex-start;border-radius:5px;box-shadow:0 2px 6px #38544812}.tasks input{accent-color:#ff784b;width:18px;height:18px}.tasks strong{display:block;font-size:13px}.tasks small{font-size:10px;color:#738078}.tasks input:checked+div{text-decoration:line-through;opacity:.5}.empty-art{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;color:#9cada3}.empty-art span{width:54px;height:54px;border:2px dashed #9cada3;border-radius:50%;display:grid;place-items:center}.empty-art i{width:45px;border-top:2px dashed #9cada3}@media(max-width:900px){.top{grid-template-columns:80px 1fr}.intro{display:none}main{grid-template-columns:1fr}.builder{border-right:0}.output{min-height:550px}}@media(max-width:580px){.top{padding:24px 18px;min-height:190px}.sign{width:65px;height:85px;font-size:18px}.top h1{font-size:42px}.builder,.output{padding:27px 16px 50px}.meta{grid-template-columns:1fr 110px}.template-row{grid-template-columns:1fr 1fr}.template-row select{grid-column:1/-1}.action-head{display:none}.action-row{grid-template-columns:1fr 55px 55px 25px}.action-row>select:nth-of-type(2){grid-column:1/4}.sequence article{grid-template-columns:65px 1fr}.output-head{display:block}.output-actions{margin-top:13px}}@media print{.top,.builder,.output-actions{display:none!important}main{display:block}.output{padding:20px;background:#fff}.tasks label{box-shadow:none;border:1px solid #aaa}}