.new-tool-workspace{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px;padding:24px;border:1px solid #e0e8dc;border-radius:18px;background:#fff;box-shadow:0 8px 28px #25482c07}
.new-tool-workspace [hidden]{display:none!important}.new-tool-workspace>*{min-width:0}
.new-tool-workspace h2{font-size:19px;margin:0 0 16px}.new-tool-workspace label{display:block;font-size:14px;font-weight:600;color:#385a44;margin:16px 0 6px}
.new-tool-workspace input:not([type=checkbox]),.new-tool-workspace textarea,.new-tool-workspace select{box-sizing:border-box;width:100%;min-height:46px;padding:11px 12px;border:1px solid #d4dfcf;border-radius:9px;font:inherit;font-size:16px;background:#fff;color:#203f30}
.new-tool-workspace textarea{resize:vertical;min-height:110px}.new-tool-workspace :is(input,textarea,select,button,a):focus-visible{outline:3px solid #53926a;outline-offset:3px}
.new-tool-workspace .button{margin-top:16px;min-height:46px}.new-tool-workspace .new-secondary{border:1px solid #d8e2d2;background:#f7faf4;color:#376044;border-radius:9px;padding:10px 14px;min-height:44px;cursor:pointer;font:inherit;font-size:14px}
.new-tool-workspace .quiet{font-size:13px;color:#637365;line-height:1.5}.new-tool-workspace .status{font-size:14px;line-height:1.5;margin-top:16px}.new-tool-workspace details{margin-top:14px;font-size:13px;color:#617062;line-height:1.5}.new-tool-workspace summary{cursor:pointer;font-weight:600}
.new-tool-workspace .download-actions{display:flex;gap:10px;flex-wrap:wrap}.new-tool-workspace .preview-canvas{display:block;max-width:100%;height:auto;max-height:500px;object-fit:contain;margin:auto}
.new-tool-workspace .preview-surface{display:grid;place-items:center;min-height:290px;padding:18px;border-radius:12px;border:1px solid #e1e7dc;background:#f7faf5}
.new-tool-workspace .transparent-preview{background-color:#fff;background-image:linear-gradient(45deg,#eaf0e8 25%,transparent 25%),linear-gradient(-45deg,#eaf0e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eaf0e8 75%),linear-gradient(-45deg,transparent 75%,#eaf0e8 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
.new-tool-workspace .empty-preview{text-align:center;color:#71806e;padding:32px 16px;font-size:15px}.new-tool-workspace .file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.new-tool-workspace .file-row strong{overflow-wrap:anywhere;font-size:14px}
.new-tool-workspace .upload-surface{padding:24px;border:1.5px dashed #b5cdaa;border-radius:12px;background:#f7fbf2;text-align:center}.new-tool-workspace .upload-surface .button{width:100%}
.new-tool-workspace .check-label{display:flex;gap:9px;align-items:center;font-size:14px}.new-tool-workspace .check-label input{width:18px;height:18px}
.new-tool-workspace figure{margin:0}.new-tool-workspace figcaption{font-size:13px;color:#667765;margin:9px 0 14px}.new-tool-workspace .before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px}.before-after .preview-surface{min-height:220px;padding:10px}
.homepage-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 22px}.homepage-featured .featured-tool{display:flex;align-items:center;gap:16px;border:1px solid #dce6d5;background:#fff;border-radius:14px;padding:20px;text-decoration:none;color:#254d35;box-shadow:0 3px 12px #25482c06;min-width:0}.featured-tool svg{width:36px;height:36px;flex-shrink:0;color:#43835a}.featured-tool strong{display:block;font-size:19px;line-height:1.3}.featured-tool small{display:block;font-size:14px;color:#6b7d67;margin-top:4px}.featured-tool>span:last-child{margin-left:auto;color:#66845c}.featured-tool:hover{border-color:#82aa75;box-shadow:0 6px 18px #25482c0d}.featured-tool:focus-visible{outline:3px solid #53926a;outline-offset:3px}
@media(max-width:850px){.new-tool-workspace{grid-template-columns:1fr;padding:18px;gap:22px}.new-tool-workspace .preview-surface{min-height:220px}}
@media(max-width:600px){.homepage-featured{gap:10px}.homepage-featured .featured-tool{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.featured-tool strong{font-size:17px}.featured-tool small{font-size:13px;line-height:1.4}.featured-tool>span:last-child{display:none}.new-tool-workspace .before-after{grid-template-columns:1fr 1fr}.before-after .preview-surface{min-height:130px}.new-tool-workspace .download-actions .button{flex:1;text-align:center}.new-tool-workspace .button{width:100%;box-sizing:border-box;text-align:center}}