:root{--ink:#252525;--soft:#68706b;--line:#dfe4dc;--paper:#fffdf8;--accent:#f5c84b;--accent-hover:#e9b729;--error:#b42318;color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:0 0;margin:0}.tool{grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);align-items:start;gap:18px;display:grid}.tool-view{aspect-ratio:1;border:1px solid var(--line);cursor:grab;background:linear-gradient(#eef3f6,#fbfaf4);border-radius:18px;width:100%;max-height:560px;position:sticky;top:0;overflow:hidden}.tool-view canvas{display:block;width:100%!important;height:100%!important}.tool-form{flex-direction:column;gap:10px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field .label{font-size:14px;font-weight:700}.field small{color:var(--soft);font-size:12.5px}.field.check{flex-flow:wrap;align-items:center;gap:8px}.field.check small{flex-basis:100%}.number{color:var(--soft);align-items:center;gap:6px;display:flex}input[type=number],input[type=text],textarea,select{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:7px 10px}.number input{max-width:9em}input[type=range]{accent-color:#8a6708;width:100%}fieldset.section{border:1px solid var(--line);background:var(--paper);border-radius:14px;flex-direction:column;gap:10px;margin:0;padding:8px 12px 12px;display:flex}fieldset.section legend{padding:0 6px;font-weight:800}.status{color:var(--soft);margin:0;font-size:13px}.status[data-tone=error]{color:var(--error);font-weight:700}.figures{grid-template-columns:1fr 1fr;gap:6px;display:grid}.figure{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;padding:6px 10px;display:flex}.figure span{color:var(--soft);font-size:12px}.notes p{color:#8a4b08;margin:0;font-size:13px}.actions{flex-wrap:wrap;gap:8px;display:flex}.button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:10px 18px;font-weight:800}.button.primary{background:var(--accent);border-color:var(--accent)}.button.primary:hover{background:var(--accent-hover)}.button:disabled{opacity:.5;cursor:default}.hint{color:var(--soft);margin:0;font-size:13px}@media (width<=720px){.tool{grid-template-columns:1fr}.tool-view{aspect-ratio:4/3;position:static}}.mail-box{border:2px solid var(--accent);background:var(--paper);border-radius:16px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.mail-box[hidden]{display:none}.mail-box h3{margin:0;font-size:16px}.mail-box p{margin:0;font-size:13.5px}.mail-box input[type=email]{font:inherit;border:1px solid var(--line);border-radius:10px;width:100%;padding:8px 10px}.mail-box .check{font-size:13.5px}.mail-box .trap{width:1px;height:1px;position:absolute;left:-9999px}.mail-box a{color:#8a6708}.said[data-tone=ok]{color:#1d7a4b;font-weight:700}.said[data-tone=error]{color:var(--error);font-weight:700}.field .file{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field .file-name{color:var(--soft);word-break:break-all;font-size:13.5px}.button.small{padding:6px 14px;font-size:14px}