.name-art-page{background:linear-gradient(180deg,#eef7f1,#fff 58%)}.name-art-main{max-width:1240px;margin:0 auto;padding:26px 22px 70px}.name-art-hero{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:24px 0}.name-art-hero h1{font-size:clamp(2.2rem,5vw,4rem);margin:0;letter-spacing:-.04em}.name-art-hero p{max-width:760px;color:#416659;font-size:1.1rem}.name-art-note{border:1px solid #b8ddc9;background:#eaf8ef;border-radius:14px;padding:15px;max-width:290px;color:#185d3b}.name-art-shortcuts{margin-bottom:18px;padding:20px;border:1px solid #cfe1d8;border-radius:20px;background:#fff;box-shadow:0 12px 34px #0d2b2010}.name-art-shortcut-heading{display:flex;justify-content:space-between;gap:24px;align-items:start}.name-art-shortcut-heading h2{margin:.1rem 0 .4rem;font-size:1.45rem}.name-art-shortcut-heading p{margin:.25rem 0;color:#526d61;max-width:720px}.name-art-eyebrow{font-size:.76rem!important;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#177245!important}.name-art-local-note{max-width:330px!important;padding:10px 12px;border-radius:12px;background:#f1f8f4;color:#315c47!important;font-size:.9rem}.name-art-control-grid{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) auto;gap:12px;align-items:end;margin-top:16px}.name-art-field{display:grid;gap:6px;color:#244638;font-size:.82rem;font-weight:750}.name-art-field select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #bdd3c6;border-radius:10px;background:#fff;color:#183c2a;font:inherit}.name-art-export-actions{display:flex;gap:8px;flex-wrap:wrap}.name-art-export-actions button{min-height:42px;padding:9px 13px;border:0;border-radius:10px;background:#177245;color:#fff;font-weight:750;cursor:pointer}.name-art-export-actions button.secondary{border:1px solid #b8d4c3;background:#eef7f1;color:#185d3b}.name-art-export-actions button:disabled{cursor:wait;opacity:.6}.name-art-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px}.name-art-template{display:grid;gap:4px;min-height:72px;padding:10px 11px;border:1px solid #d6e5dd;border-radius:12px;background:#fbfdfc;color:#183c2a;text-align:left;cursor:pointer}.name-art-template:hover,.name-art-template[aria-pressed=true]{border-color:#75aa8c;background:#edf8f1;box-shadow:inset 0 0 0 1px #75aa8c}.name-art-template strong{font-size:.9rem}.name-art-template small{color:#63786d}.name-art-status{min-height:1.35em;margin:12px 2px 0;color:#46685a;font-size:.88rem}.name-art-status.is-error{color:#9d3030}.name-art-workspace{border:1px solid #cfe1d8;border-radius:20px;background:#f8fcfa;box-shadow:0 15px 48px #0d2b2015;padding:12px}.name-art-frame{display:block;width:100%;height:min(900px,78vh);min-height:640px;border:0;border-radius:12px;background:#edf5f0}.name-art-guidance{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.name-art-guidance article,.name-art-faq{background:#fff;border:1px solid #dbe9e2;border-radius:16px;padding:20px}.name-art-guidance h2,.name-art-faq h2{margin-top:0}.name-art-faq{margin-top:18px}.name-art-faq details{border-top:1px solid #e0ebe6;padding:13px 0}.name-art-faq summary{font-weight:700;cursor:pointer}.name-art-related a{color:#0c7044}.stylish-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.name-art-control-grid{grid-template-columns:1fr 1fr}.name-art-export-actions{grid-column:1/-1}.name-art-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.name-art-main{padding:14px 10px 50px}.name-art-hero,.name-art-shortcut-heading{display:block}.name-art-note,.name-art-local-note{max-width:none!important}.name-art-shortcuts{padding:14px;border-radius:14px}.name-art-control-grid{grid-template-columns:1fr}.name-art-export-actions{grid-column:auto}.name-art-export-actions button{flex:1 1 180px}.name-art-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.name-art-workspace{padding:5px;border-radius:12px}.name-art-frame{height:78vh;min-height:560px}.name-art-guidance{grid-template-columns:1fr}}@media(max-width:420px){.name-art-template-grid{grid-template-columns:1fr}}