.jft-cfm-wrap{--bg: #f7f6f2;--surface: #ffffff;--surface-2: #f0eee8;--ink: #1c2230;--ink-2: #4b5363;--ink-3: #5f6676;--line: #e2dfd6;--brand: #0e7c6b;--brand-ink: #ffffff;--brand-soft: #dff2ee;--accent: #e0457b;--warn: #a85b00;--warn-soft: #fff1dc;--ok: #1d7a46;--radius: 14px;--shadow: 0 1px 2px rgba(20, 24, 33, .06), 0 8px 24px rgba(20, 24, 33, .06);--checker-a: #ffffff;--checker-b: #ececec;width:min(1280px,calc(100vw - 32px));max-width:none!important;container-type:inline-size;position:relative;left:50%;transform:translate(-50%);margin:24px 0;color:var(--ink);font-size:16px;line-height:1.55}.jft-cfm-wrap *,.jft-cfm-wrap *:before,.jft-cfm-wrap *:after{box-sizing:border-box}.jft-cfm-wrap [hidden]{display:none!important}.jft-cfm-wrap svg{max-width:100%}.jft-cfm-wrap h3.cfm-h{font-family:inherit;line-height:1.3}.jft-cfm-wrap button{text-transform:none;letter-spacing:normal;box-shadow:none}.jft-cfm-wrap .cfm-btn-primary{box-shadow:none}.jft-cfm-wrap ul{margin-left:0}.jft-cfm-wrap .cfm-icon{padding:0;min-width:30px;flex:none}.jft-cfm-wrap .cfm-icon svg{display:block}.jft-cfm-wrap input[type=color]{padding:0;border:0}.jft-cfm-wrap .cfm-legal{font-size:13px;color:var(--ink-3);margin:10px 2px 0}.jft-cfm-wrap .cfm-legal a{color:var(--ink-2)}.cfm{position:relative}.cfm-drop{background:var(--surface);border:2px dashed var(--line);border-radius:20px;padding:clamp(28px,6vw,64px) 20px;text-align:center;transition:border-color .15s,background .15s;box-shadow:var(--shadow)}.cfm-drop.is-over{border-color:var(--brand);background:var(--brand-soft)}.cfm-drop-art{width:64px;height:64px;fill:none;stroke:var(--brand);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.cfm-drop-title{font-size:22px;font-weight:700;margin:10px 0 4px}.cfm-drop-sub{color:var(--ink-2);margin:0 0 18px}.cfm-drop-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.cfm-btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer}.cfm-btn:hover:not(:disabled){border-color:var(--brand)}.cfm-btn:disabled{opacity:.5;cursor:not-allowed}.cfm-btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.cfm-btn-primary:hover:not(:disabled){filter:brightness(1.07)}.cfm-btn-big{font-size:17px;padding:13px 16px}.cfm-btn-quiet{background:transparent}.cfm-link{appearance:none;border:0;background:none;color:var(--brand);font:inherit;font-size:14px;cursor:pointer;padding:0;text-decoration:underline}.cfm-work{display:grid;gap:16px;grid-template-columns:270px minmax(0,1fr) 290px;align-items:start}.cfm-panel,.cfm-side,.cfm-stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.cfm-panel,.cfm-side{padding:14px 16px 18px}.cfm-stage{padding:12px;position:sticky;top:12px}.cfm-h{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin:18px 0 8px;font-weight:700}.cfm-h:first-of-type{margin-top:10px}.cfm-sub{text-transform:none;letter-spacing:0;font-weight:400;font-size:12px;display:block}.cfm-file-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.cfm-filename{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfm-chips{display:flex;flex-wrap:wrap;gap:6px}.cfm-chip{appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:999px;padding:6px 11px;font:inherit;font-size:13.5px;cursor:pointer}.cfm-chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.cfm-hint{font-size:13px;color:var(--ink-3);margin:8px 0 0;min-height:1.4em}.cfm-field{display:block;font-size:14px;color:var(--ink-2);margin:10px 0}.cfm-field-top{display:flex;justify-content:space-between}.cfm-field output{color:var(--ink);font-weight:600}.cfm-field select,.cfm-field input[type=number],.cfm-size input,.cfm-size select{display:block;width:100%;margin-top:4px;padding:8px 10px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:15px}.cfm-field input[type=range]{width:100%;accent-color:var(--brand)}.cfm-check{display:flex;gap:8px;align-items:center;font-size:14px;margin-top:6px;color:var(--ink-2)}.cfm-check input{accent-color:var(--brand)}.cfm-inline{display:flex;align-items:center;gap:8px}.cfm-inline input{max-width:110px}.cfm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.cfm-tabs,.cfm-zoom{display:flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:2px}.cfm-tabs button,.cfm-zoom button{appearance:none;border:0;background:transparent;color:var(--ink-2);font:inherit;font-size:14px;padding:6px 11px;border-radius:8px;cursor:pointer}.cfm-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f;font-weight:600}.cfm-zoom button{min-width:34px}.cfm-viewport{position:relative;overflow:auto;border-radius:10px;max-height:68vh;min-height:260px;background-color:var(--checker-a);background-image:linear-gradient(45deg,var(--checker-b) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-b) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-b) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;display:flex;align-items:flex-start;justify-content:center}.cfm-canvas{position:relative;width:100%;max-width:100%;margin:auto;flex:none}.cfm-canvas>img,.cfm-canvas>svg{position:absolute;inset:0;width:100%;height:100%;display:block}.cfm-canvas[data-view=cut]{background:#fff}.cfm-spinner{position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;border:3px solid var(--brand-soft);border-top-color:var(--brand);animation:cfm-spin .8s linear infinite;display:none}.is-busy .cfm-spinner{display:block}@keyframes cfm-spin{to{transform:rotate(360deg)}}.cfm-compare-row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-3);margin-top:8px}.cfm-compare-row input{flex:1;accent-color:var(--brand)}.cfm-status{margin:8px 2px 0;font-size:14px;color:var(--ink-3);min-height:1.5em}.cfm-status[data-kind=ok]{color:var(--ok)}.cfm-status[data-kind=warn]{color:var(--warn)}.cfm-size{display:grid;grid-template-columns:1fr 1fr 70px;gap:8px;align-items:end;font-size:13px;color:var(--ink-3)}.cfm-layers{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cfm-layer{display:flex;align-items:center;gap:10px;padding:7px 8px;border:1px solid var(--line);border-radius:10px}.cfm-layer.is-off{opacity:.5}.cfm-swatch{width:30px;height:30px;border-radius:8px;background:var(--c);border:1px solid rgba(0,0,0,.15);position:relative;flex:none;cursor:pointer}.cfm-swatch input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.cfm-layer-text{flex:1;min-width:0;font-size:14px;line-height:1.25}.cfm-layer-text strong{display:block}.cfm-layer-text span{color:var(--ink-3);font-size:12.5px}.cfm-layer-text em{color:var(--warn);font-style:normal}.cfm-icon{appearance:none;border:0;background:transparent;width:30px;height:30px;border-radius:8px;cursor:pointer;color:var(--ink-2);display:grid;place-items:center}.cfm-icon:hover{background:var(--surface-2)}.cfm-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cfm-empty{color:var(--ink-3);font-size:14px}.cfm-checklist{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13.5px}.cfm-checklist li{padding:7px 10px 7px 30px;border-radius:9px;position:relative;color:var(--ink-2);background:var(--surface-2)}.cfm-checklist li:before{position:absolute;left:10px;top:7px;font-weight:700}.cfm-checklist li.is-ok:before{content:"\2713";color:var(--ok)}.cfm-checklist li.is-warn{background:var(--warn-soft);color:var(--ink)}.cfm-checklist li.is-warn:before{content:"!";color:var(--warn);left:13px}.cfm-dl{display:grid;gap:8px;margin-top:18px}@container (max-width: 1100px){.cfm-work{grid-template-columns:260px minmax(0,1fr)}.cfm-side{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 20px}.cfm-side .cfm-h:first-of-type{margin-top:18px}}@container (max-width: 760px){.cfm-work{grid-template-columns:1fr}.cfm-stage{position:static;order:-1}.cfm-side{display:block}.cfm-viewport{max-height:60vh}}.cfm-erase-wrap{display:flex;align-items:center;gap:8px}.cfm-tool{appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);font:inherit;font-size:14px;padding:6px 12px;border-radius:10px;cursor:pointer;margin:0;line-height:1.4}.cfm-tool[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.cfm-erase-tools{display:flex;align-items:center;gap:8px}.cfm-erase-tools input{width:110px}.cfm-canvas>canvas.cfm-erase-marks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.is-erasing .cfm-canvas{cursor:crosshair;touch-action:none}.cfm-svg.is-mirrored{transform:scaleX(-1)}.cfm-checklist li.is-info:before{content:"i";color:var(--brand);left:13px;font-style:italic}.cfm-batch{color:var(--brand);font-weight:600}.jft-cfm-wrap .cfm-tool{padding:6px 12px;min-height:0}.cfm-supplies{margin-top:18px;padding:12px 14px;border-radius:12px;background:var(--surface-2)}.cfm-supplies .cfm-h{margin-top:0}.cfm-supplies ul{margin:0;padding:0 0 0 18px;display:grid;gap:4px;font-size:14px}.cfm-supplies a{color:var(--brand)}.cfm-disclose{margin:8px 0 0;font-size:12px;color:var(--ink-3)}.cfm-plan{margin:14px 0 0;font-size:13px;color:var(--ink-2)}.cfm-plan a,.cfm-batch a{color:var(--brand);font-weight:600}.jft-cfm-ad{max-width:970px;margin:8px auto 32px;text-align:center;min-height:100px}.jft-cfm-ad-label{margin:0 0 4px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#5f6676}
