.fx{flex-direction:column;gap:14px;display:flex}.fx-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.fx-bar label{align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.fx .secondary{color:var(--ink);background:#edf3ec}.fx-drop{text-align:center;cursor:pointer;background:#f8fbf8;border:2px dashed #b9c9bf;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;padding:22px 16px;display:flex}.fx-drop.over{background:#eaf5ef;border-color:#1f8a63}.fx-drop input{opacity:0;width:1px;height:1px;position:absolute}.fx-drop b{font-size:15px}.fx-drop span{color:var(--muted);font-size:12px}.fx-drop:focus-within{outline-offset:2px;outline:3px solid #1f8a63}.fx-view{background:#f1f4f1;border-radius:12px;justify-content:center;min-height:60px;padding:10px;display:flex}.fx-view canvas{border-radius:6px;max-width:100%;height:auto;box-shadow:0 4px 14px #0002}.fx-checker .fx-view{background:repeating-conic-gradient(#e3e8e4 0 25%,#fff 0 50%) 0 0/20px 20px}.fx-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fx-note{color:var(--muted);margin:0;font-size:13px}.fx-stat{margin:0;font-size:14px}.fx-warn{background:#fff6e0;border:1px solid #f0d58c;border-radius:8px;margin:0;padding:8px 12px;font-size:13px}.fx-err{color:#8d2a1d;background:#fdecea;border:1px solid #f2b8b0;border-radius:8px;margin:0;padding:8px 12px;font-size:13px}.fx-icons{background:#f1f4f1;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:22px;padding:14px;display:flex}.fx-icons figure{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.fx-icons img{width:120px;height:120px;box-shadow:0 4px 12px #0002}.fx-icons figcaption{color:var(--muted);font-size:12px}.fx-ba{-webkit-user-select:none;user-select:none;touch-action:none;cursor:ew-resize;border-radius:10px;width:100%;max-width:900px;margin:0 auto;position:relative;overflow:hidden}.fx-ba img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fx-ba-line{background:#fff;position:absolute;transform:translate(-1px,-1px);box-shadow:0 0 6px #0008}.fx-ba span{color:#fff;background:#0009;border-radius:4px;padding:3px 9px;font-size:13px;position:absolute;top:10px}.fx-ba .l{left:10px}.fx-ba .r{right:10px}@media (max-width:640px){.fx-two{grid-template-columns:1fr}}.fx-code{tab-size:2;white-space:pre;width:100%;font:13px/1.5 JetBrains Mono,Consolas,monospace;overflow:auto}.fx-checker-bg{background:repeating-conic-gradient(#e3e8e4 0 25%,#fff 0 50%) 0 0/20px 20px}.pa-tools button{min-width:44px;min-height:40px;font-size:16px}.pa-wrap{justify-content:center;max-width:100%;display:flex;overflow:auto}.pa-canvas{touch-action:none;cursor:crosshair;image-rendering:pixelated;border-radius:4px;box-shadow:0 2px 10px #0002}.pa-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pa-swatches button{border:2px solid #fff;border-radius:6px;width:30px;height:30px;min-height:0;padding:0;box-shadow:0 0 0 1px #0003}.pa-swatches button.on{box-shadow:0 0 0 3px #1f8a63}.pa-file{cursor:pointer;background:#edf3ec;border-radius:8px;align-items:center;padding:8px 12px;font-size:13px;display:inline-flex;position:relative}.pa-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.dc-preview{background:#e9edeb;border:1px solid #d9e2dc;border-radius:10px;width:100%;min-height:460px}.dc-long{border:1px solid #d9e2dc;border-radius:10px;max-height:520px;margin:8px 0;overflow:auto}.dc-long img{width:100%;height:auto;display:block}.lb-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.lb-form{flex-direction:column;gap:12px;display:flex}.lb-form>label{flex-direction:column;gap:4px;margin:0;font-size:13px;display:flex}.lb-form fieldset{border:1px solid #dbe4de;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.lb-form legend{padding:0 4px;font-size:13px;font-weight:700}.lb-link{grid-template-columns:1fr 1.4fr auto;align-items:center;gap:6px;display:grid}.lb-link span{gap:4px;display:flex}.lb-link span button{min-height:34px;padding:4px 8px}.lb-socials{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.lb-socials label{flex-direction:column;gap:3px;margin:0;font-size:12px;display:flex}.lb-phone{background:#fff;border:10px solid #1f2328;border-radius:34px;width:340px;height:640px;position:sticky;top:12px}@media (max-width:820px){.lb-grid{grid-template-columns:1fr}.lb-phone{width:100%;max-width:360px;margin:0 auto;display:block;position:static}.lb-link{grid-template-columns:1fr}}