:root{--ink:#152720;--green:#b5ed7c;--surface:#fff;--line:#dce3de;--muted:#66746e;--wash:#f3f6f4}*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}.app-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{position:sticky;top:0;align-self:start;min-height:100vh;padding:28px 17px;background:var(--ink);color:#eff8f1}.identity{display:flex;align-items:center;gap:11px;padding:0 9px}.identity b,.identity small{display:block}.identity b{font-size:14px;letter-spacing:.1em}.identity small{margin-top:2px;color:#a8bcb2;font-size:10px;letter-spacing:.12em}.mark{display:grid;place-items:center;width:37px;height:37px;border:1px solid #63816e;border-radius:10px;color:var(--green);font-size:22px;font-weight:900}.nav-list{display:grid;gap:7px;margin-top:42px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:12px;border:0;border-radius:10px;background:transparent;color:#becdc5;font:inherit;font-size:14px;font-weight:650;text-align:left;cursor:pointer}.nav-item:hover{background:#20382e;color:white}.nav-item.active{background:var(--green);color:var(--ink)}.nav-icon{font-size:20px;line-height:1}.count{margin-left:auto;display:grid;place-items:center;min-width:21px;height:21px;border-radius:99px;background:#ffffff24;font-size:11px}.nav-item.active .count{background:#172b22}.sidebar-note{position:absolute;left:26px;right:26px;bottom:26px;margin:0;color:#90a79b;font-size:12px;line-height:1.6}.workspace{width:min(100%,1050px);padding:44px clamp(24px,5vw,60px) 36px}.view{max-width:880px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{margin:0 0 8px;color:#557460;font-size:11px;font-weight:800;letter-spacing:.15em}h1{margin:0;font-size:clamp(31px,4vw,45px);line-height:1.15;letter-spacing:-.045em}h1 span{color:#609d40}.page-header p:last-child{margin:9px 0 0;color:var(--muted);font-size:15px}.template-total{padding:6px 9px;border:1px solid #d2dfd1;border-radius:6px;color:#567064;font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.card,.template-card{overflow:hidden;margin-bottom:23px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 5px 20px #18332605}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 26px;border-bottom:1px solid #e9edea}.section-heading>div{display:flex;align-items:center;gap:11px}.step{display:grid;place-items:center;width:29px;height:29px;border:1px solid var(--line);border-radius:8px;color:#587264;font-size:11px;font-weight:800}h2{margin:0;font-size:18px;letter-spacing:-.025em}.small-note,.hint{color:var(--muted);font-size:12px}form{padding:24px 26px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 24px}.field{min-width:0}label{display:block;margin-bottom:8px;font-size:14px;font-weight:700}.label-line{display:flex;justify-content:space-between;align-items:baseline}.deposit-badge{padding:2px 6px;border-radius:5px;background:#edf7e7;color:#3c6d28;font-size:10px;font-weight:800;letter-spacing:.05em}input{width:100%;height:49px;border:1px solid #cfdad2;border-radius:9px;padding:0 13px;background:#fcfdfc;color:var(--ink);font:inherit;font-weight:600}input:focus,textarea:focus{outline:3px solid #76a7642b;border-color:#5b9252}.input-wrap{position:relative}.input-wrap>span{position:absolute;top:12px;left:14px;color:#728276;pointer-events:none}.input-wrap input{padding-left:48px}.input-wrap.rate input{padding:0 43px 0 13px}.input-wrap.rate>span{right:15px;left:auto}.hint{display:block;margin-top:7px}.term-options{display:flex;gap:8px}.term-option{height:49px;padding:0 20px;border:1px solid #cfdad2;border-radius:9px;background:#fcfdfc;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.term-option.active{border-color:var(--ink);background:var(--ink);color:var(--green);box-shadow:0 3px 0 #b5ed7c}.principal{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:13px 18px;border-radius:11px;background:#f0f6ef}.principal>span:first-child{color:#526f52;font-size:13px}.principal strong{font-size:23px;letter-spacing:-.025em}.principal>span:last-child{color:#6b8068;font-size:12px}.error{margin:18px 0 0;padding:11px;border-radius:8px;background:#fff1ef;color:#9b2b24;font-size:14px}.icon-button{display:grid;place-items:center;width:39px;height:39px;border:1px solid #cfdbd2;border-radius:9px;background:#fff;color:var(--ink);font-size:20px;cursor:pointer}.preview-wrap,.message-card{margin:23px 26px 19px;padding:19px 22px;border:1px solid #dce6d8;border-radius:12px;background:#f4f8f1}.preview-label{display:block;margin-bottom:12px;color:#6c8462;font-size:10px;font-weight:800;letter-spacing:.12em}textarea{display:block;width:100%;border:0;background:transparent;color:#223628;font:inherit;font-size:15px;line-height:1.72;resize:none}#template{height:300px}#payment-message{height:210px}.copy-row,.template-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px 22px}.copy-row p,.template-actions p{margin:0;color:var(--muted);font-size:13px}.copy-button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:9px;padding:13px 19px;background:var(--ink);color:var(--green);font:inherit;font-size:14px;font-weight:750;white-space:nowrap;cursor:pointer}.copy-button:disabled{opacity:.5;cursor:not-allowed}.copy-status{margin:0 26px 20px;color:#3f6d32;font-size:13px}.copy-status:empty{display:none}footer{display:flex;justify-content:space-between;gap:20px;color:#6f7b72}footer span{font-size:10px;font-weight:800;letter-spacing:.1em;white-space:nowrap}footer p{max-width:530px;margin:0;text-align:right;font-size:12px}.template-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:27px 28px 21px}.template-tag{display:inline-block;margin-bottom:8px;padding:4px 7px;border-radius:5px;background:#eaf6e2;color:#477d2d;font-size:10px;font-weight:850;letter-spacing:.08em}.template-card-head h2{font-size:23px}.template-card-head p{margin:5px 0 0;color:var(--muted);font-size:14px}.ready-dot{display:flex;align-items:center;gap:6px;color:#427338;font-size:12px;font-weight:700}.ready-dot:before{width:8px;height:8px;border-radius:50%;background:#65ac49;content:''}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 28px 25px}.asset-grid figure{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:13px;background:#fff}.asset-grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#f6f7f7}.asset-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px}.asset-grid figcaption span{font-size:13px;font-weight:750}.asset-grid a{color:#31723f;font-size:12px;font-weight:750;text-decoration:none}.asset-grid a:hover{text-decoration:underline}.template-actions p{max-width:450px}.template-card .copy-status{margin-bottom:23px}@media(max-width:760px){.app-shell{display:block}.sidebar{position:static;min-height:auto;padding:15px 17px}.identity{padding:0}.nav-list{display:flex;gap:8px;margin-top:17px;overflow-x:auto}.nav-item{flex:0 0 auto;width:auto;padding:10px 12px}.sidebar-note{display:none}.workspace{padding:28px 16px}.page-header{margin-bottom:21px}.form-grid{grid-template-columns:1fr;gap:19px}form{padding:20px}.section-heading{padding:17px 20px}.preview-wrap,.message-card{margin:20px;padding:17px 15px}#template{height:305px}.copy-row,.template-actions{align-items:stretch;flex-direction:column;gap:12px;padding:0 20px 20px}.copy-button{min-height:48px}.copy-status{margin-left:20px;margin-right:20px}.asset-grid{grid-template-columns:1fr;padding:0 20px 20px}.template-card-head{padding:21px 20px 17px}.template-card-head h2{font-size:20px}footer{display:block}footer p{text-align:left;margin-top:7px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}