*{box-sizing:border-box}body{margin:0;color:#233e39;background:#f4f2eb;font:16px/1.5 system-ui,sans-serif}header{padding:24px 5%;border-bottom:1px solid #d8dcd1;display:flex;justify-content:space-between;align-items:center;gap:20px}header a{font-size:24px;font-weight:800;color:inherit;text-decoration:none}header a span{font-weight:400}header>span,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}main{max-width:1440px;margin:auto;padding:40px 5%}.intro{max-width:720px;margin-bottom:44px}h1{font-size:clamp(40px,5vw,68px);letter-spacing:-3px;line-height:1.03;margin:20px 0}h2{font-size:23px;letter-spacing:-.7px;margin:0 0 22px}.intro>p:last-child{max-width:490px;color:#61716a;font-size:18px}.workspace{display:grid;grid-template-columns:320px 1fr;gap:36px}form{background:white;padding:26px;border-radius:18px;height:fit-content}label{display:block;font-size:13px;font-weight:600;margin-bottom:18px}input,textarea,select{display:block;width:100%;font:inherit;border:1px solid #d3dad5;border-radius:8px;padding:10px;margin-top:7px;background:#fafbf8;color:inherit}input[type=color]{height:42px;padding:4px}input[type=file]{font-size:12px}button{cursor:pointer;background:#244b46;color:white;border:0;border-radius:8px;padding:12px 18px;font:600 13px system-ui}button:disabled{opacity:.4;cursor:default}form button{width:100%;display:flex;justify-content:space-between}.import{min-width:0;margin:0 0 18px;padding:14px;border:1px solid #d3dad5;border-radius:10px}.import legend{max-width:100%;padding:0 5px;font-weight:700}.check{display:flex;align-items:flex-start;gap:8px}.check input{flex:0 0 auto;width:auto;margin:3px 0 0}.hint,footer{font-size:12px;color:#66766e}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.toolbar h2{margin:0}.toolbar .eyebrow{margin:0 0 6px}#pins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.pin{min-width:0;background:#e9ece2;padding:14px;border-radius:12px}.pin canvas{width:100%;height:auto;display:block;border-radius:5px}.pin label{margin-top:12px}.pin p{font-size:12px;color:#a02727}.pin button{width:100%}footer{padding:30px 5%}#status{font-size:13px}#empty{border:1px dashed #aebcb1;border-radius:12px;padding:80px 30px;text-align:center;color:#61716a;margin-top:28px}#pricing button{max-width:100%;margin:4px 4px 4px 0}@media(max-width:800px){.workspace{grid-template-columns:1fr}header>span{display:none}main{padding-top:24px}.toolbar{flex-wrap:wrap}}@media(max-width:450px){#pins{grid-template-columns:1fr}h1{letter-spacing:-1.5px}#pricing button{display:block;width:100%;margin:8px 0}.import{padding:12px}.import legend{white-space:normal}}
