.fm-hero{max-width:850px;padding:48px 0 34px}.fm-hero h1{font-size:57px;margin-bottom:22px}.fm-hero h1 em{color:var(--green)}.fm-hero p{max-width:650px;font-size:15px}.fm-app{border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden}.fm-topbar{padding:22px 25px;display:flex;align-items:end;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line)}.fm-topbar>label{display:block;font-size:11px;font-weight:600;width:260px;max-width:100%}.fm-topbar input{display:block;width:100%;border:1px solid var(--line);border-radius:6px;background:var(--bg);padding:10px 12px;margin-top:7px;font-size:13px}.fm-project-actions{display:flex;gap:9px;flex-wrap:wrap}.fm-project-actions .button{font-size:10px;padding:9px 12px;min-height:38px}.fm-file-button{position:relative;cursor:pointer;overflow:hidden}.fm-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;font-size:10px;width:100%;height:100%;margin:0}.fm-file-button:focus-within{outline:3px solid #71933e;outline-offset:3px}.fm-workspace{display:grid;grid-template-columns:310px 1fr}.fm-picker{padding:25px;border-right:1px solid var(--line);background:var(--bg)}.fm-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.fm-picker-heading h2{font-size:19px;letter-spacing:-.4px;margin:0}.fm-picker-heading span{font-size:9px;color:var(--muted);white-space:nowrap}.fm-picker>p{font-size:11px;line-height:1.8;margin:13px 0 17px}.fm-glyph-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.fm-glyph-list button{position:relative;border:1px solid var(--line);background:var(--paper);border-radius:5px;font-size:17px;min-height:36px;padding:4px;overflow:hidden}.fm-glyph-list button:hover{border-color:var(--green)}.fm-glyph-list .fm-selected{border-color:var(--green);background:var(--lime);color:#283c23;font-weight:700}.fm-glyph-list .fm-has-glyph:after{content:'';position:absolute;right:0;bottom:0;border-bottom:8px solid #718e53;border-left:8px solid transparent}.fm-small-note{font-size:10px!important;margin-top:18px!important}.fm-drawing{padding:23px 30px 15px;min-width:0}.fm-canvas-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.fm-canvas-top h2{font-size:18px;margin:0}.fm-canvas-top h2 span{display:inline-block;background:var(--soft);padding:4px 11px;border-radius:5px;margin-left:4px;min-width:40px;text-align:center}.fm-canvas-top>label{display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.fm-canvas-top input{width:90px;accent-color:var(--green)}.fm-canvas-top output{min-width:18px}.fm-canvas-wrap{position:relative;max-width:500px;margin:auto;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;aspect-ratio:1}.fm-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.fm-guide-label{position:absolute;left:7px;pointer-events:none;color:#8b9b7e;font-size:7px;font-family:Arial,sans-serif;line-height:1}.fm-guide-cap{top:calc(16% - 10px)}.fm-guide-x{top:calc(42% - 10px)}.fm-guide-base{top:calc(80% - 10px);color:#627b4e}.fm-guide-desc{top:calc(94% - 10px)}.fm-canvas-actions{display:flex;gap:18px;align-items:center;justify-content:space-between;max-width:500px;margin:17px auto 0}.fm-canvas-actions .button{font-size:10px;padding:8px 12px;min-height:35px}.fm-canvas-actions .text-button{font-size:10px}.fm-drawing-hint{font-size:10px;line-height:1.8;max-width:500px;margin:15px auto 0}.fm-preview{border-top:1px solid var(--line);padding:24px 30px;background:var(--bg)}.fm-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:11px}.fm-preview-heading label{font-size:13px;font-weight:600}.fm-preview-heading .text-button{font-size:10px}.fm-preview>input{display:block;width:100%;font-size:14px;padding:11px 13px;border:1px solid var(--line);background:var(--paper);border-radius:6px}.fm-preview-output{min-height:120px;margin-top:17px;background:var(--paper);padding:20px;display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;font-size:42px;line-height:1.7;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.fm-preview>p{font-size:11px;margin:12px 0 0;line-height:1.7}.fm-export{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px 30px;border-top:1px solid var(--line)}.fm-export strong{font-size:16px;font-weight:600}.fm-export p{font-size:11px;max-width:630px;margin:6px 0 0;line-height:1.8}.fm-export>.button{flex-shrink:0}.dark .fm-glyph-list .fm-selected{color:#283c23}
@media(max-width:1000px){.fm-workspace{grid-template-columns:265px 1fr}.fm-picker{padding:20px}.fm-drawing{padding:20px}.fm-glyph-list{grid-template-columns:repeat(5,minmax(0,1fr))}.fm-canvas-top{gap:10px}.fm-canvas-top input{width:65px}.fm-canvas-actions{gap:10px}.fm-canvas-actions .button{padding:8px 9px}.fm-topbar{padding:20px;align-items:center}.fm-topbar>label{width:220px}.fm-project-actions{justify-content:flex-end}.fm-project-actions .button{font-size:9px;padding:8px 9px}.fm-picker-heading{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:750px){.fm-hero h1{font-size:47px}.fm-topbar{align-items:stretch;flex-direction:column;gap:15px}.fm-topbar>label{width:100%}.fm-project-actions{justify-content:flex-start}.fm-workspace{grid-template-columns:200px 1fr}.fm-picker{padding:17px}.fm-drawing{padding:17px}.fm-glyph-list{grid-template-columns:repeat(4,minmax(0,1fr))}.fm-canvas-top{align-items:flex-start;flex-direction:column;gap:12px}.fm-canvas-top>label{width:100%}.fm-canvas-top input{flex:1;width:auto}.fm-canvas-actions{flex-wrap:wrap;justify-content:flex-start;gap:10px 17px}.fm-canvas-actions .button:last-child{margin-left:auto}.fm-export{gap:20px;align-items:flex-start}.fm-preview,.fm-export{padding:22px}.fm-preview-output{font-size:35px}.fm-export>.button{font-size:11px;padding:10px 14px}}
@media(max-width:600px){.fm-hero{padding:32px 0 24px}.fm-hero h1{font-size:42px;letter-spacing:-1.4px;line-height:1.1}.fm-hero p{font-size:13px}.fm-hero .eyebrow{font-size:8px}.fm-topbar{padding:17px}.fm-topbar input{font-size:16px}.fm-project-actions{gap:7px}.fm-project-actions .button{font-size:9px;padding:8px 10px;flex:1;white-space:nowrap}.fm-workspace{display:flex;flex-direction:column}.fm-picker{padding:18px 17px;border-right:0;border-bottom:1px solid var(--line)}.fm-picker-heading{flex-direction:row;align-items:center;gap:12px}.fm-picker-heading h2{font-size:18px}.fm-picker>p{font-size:10px;margin:10px 0 13px}.fm-glyph-list{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;max-height:180px;overflow:auto;padding:2px}.fm-glyph-list button{font-size:16px;min-height:32px}.fm-small-note{margin-bottom:0!important}.fm-drawing{padding:18px 17px}.fm-canvas-top{flex-direction:row;align-items:center;gap:15px}.fm-canvas-top h2{font-size:16px;white-space:nowrap}.fm-canvas-top>label{width:auto;font-size:9px;gap:5px}.fm-canvas-top input{width:66px;flex:initial}.fm-canvas-top h2 span{padding:3px 8px;min-width:32px}.fm-canvas-actions{gap:10px}.fm-canvas-actions .button{font-size:9px;padding:7px 9px}.fm-canvas-actions .text-button{font-size:9px}.fm-drawing-hint{font-size:9px}.fm-preview{padding:20px 17px}.fm-preview-heading label{font-size:12px}.fm-preview-heading .text-button{font-size:9px}.fm-preview>input{font-size:16px}.fm-preview-output{font-size:30px;min-height:100px;padding:15px}.fm-preview>p{font-size:10px}.fm-export{padding:20px 17px;display:block}.fm-export strong{font-size:15px}.fm-export p{font-size:10px}.fm-export>.button{width:100%;margin-top:17px}.fm-guide-label{font-size:6px}}