.fd-stage,.fd-panel{--fd-paper: #FFFFFF;--fd-pick: var(--lime);--fd-edge: var(--line)}.fd-stage{position:absolute;inset:0;display:grid;overflow:hidden;isolation:isolate}.fd-area{position:relative;min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center}.fd-frame{position:relative;overflow:hidden;border-radius:calc(var(--u) * 3);background:var(--fd-paper);border:calc(var(--u) * 1) solid var(--fd-edge);touch-action:none;cursor:crosshair;transform-origin:center center;will-change:transform}.fd-base{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;user-select:none;pointer-events:none}.fd-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.fd-sizer{flex:1 1 auto;display:flex;align-items:center;gap:calc(var(--u) * 2);min-width:88px;min-height:0}.fd-sizer[hidden]{display:none}.fd-size{--fd-tw: max(28px, calc(var(--u) * 8));position:relative;flex:1 1 auto;min-width:56px;height:100%;min-height:44px;touch-action:none;cursor:ew-resize}.fd-size:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:calc(var(--u) * 2.5);min-height:8px;border-radius:999px;background:var(--bg-card);border:1px solid var(--fd-edge)}.fd-size-fill{position:absolute;top:50%;transform:translateY(-50%);left:0;width:calc(var(--fd-tw) / 2 + var(--fd-f, .5) * (100% - var(--fd-tw)));height:calc(var(--u) * 2.5);min-height:8px;border-radius:999px;background:var(--fd-pick)}.fd-size-thumb{position:absolute;top:50%;left:calc(var(--fd-tw) / 2 + var(--fd-f, .5) * (100% - var(--fd-tw)));transform:translate(-50%,-50%);width:var(--fd-tw);height:var(--fd-tw);border-radius:50%;background:var(--fd-pick);border:calc(var(--u) * .75) solid var(--bg-deep);box-shadow:0 1px 4px #00000073}.fd-size:focus-visible{outline:none}.fd-size:focus-visible .fd-size-thumb{box-shadow:0 0 0 calc(var(--u) * 1.25) var(--fd-pick)}.fd-now{flex:0 0 auto;display:grid;place-items:center;width:max(38px,calc(var(--u) * 11));height:max(38px,calc(var(--u) * 11));border-radius:50%;background:var(--fd-paper);border:calc(var(--u) * .75) solid var(--fd-edge);pointer-events:none}.fd-now i{display:block;width:var(--fd-d);height:var(--fd-d);border-radius:50%;background:var(--fd-c);border:1px solid rgba(0,0,0,.25)}.fd-now.fd-now-erase i{background:transparent;border:2px dashed var(--fd-pick)}.fd-now-shape{display:block;width:64%;height:64%}.fd-hist,.fd-zoomer{position:absolute;z-index:2;display:flex;align-items:center;gap:calc(var(--u) * 1.5)}.fd-hist{top:calc(var(--u) * 2);left:calc(var(--u) * 2)}.fd-zoomer{right:calc(var(--u) * 2);bottom:calc(var(--u) * 2);flex-direction:column}.fd-reminder{position:absolute;left:50%;bottom:calc(var(--u) * 2);transform:translate(-50%);z-index:3;max-width:74%;padding:calc(var(--u) * 1.5) calc(var(--u) * 3.5);background:#060212b8;color:#fff;border:2px solid var(--line);border-radius:999px;font-family:var(--font-body);font-weight:700;font-size:clamp(12px,calc(var(--u) * 3.2),16px);line-height:1.25;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.fd-hbtn,.fd-zbtn{flex:0 0 auto;display:grid;place-items:center;width:max(38px,calc(var(--u) * 10));height:max(38px,calc(var(--u) * 10));padding:0;font:inherit;font-weight:800;font-size:clamp(14px,2vmin,20px);line-height:1;color:var(--ink);background:#120828b8;border:calc(var(--u) * .75) solid var(--fd-edge);border-radius:50%;cursor:pointer}.fd-hbtn:disabled,.fd-zbtn:disabled{opacity:.35;cursor:default}.fd-hbtn:active:not(:disabled),.fd-zbtn:active:not(:disabled){border-color:var(--fd-pick);transform:translateY(1px)}.fd-ic-hist{display:block;width:68%;height:68%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.fd-redo .fd-ic-hist{transform:scaleX(-1)}.fd-zoom{flex:0 0 auto;font:inherit;font-weight:800;font-size:clamp(8px,1.1vmin,11px);min-width:36px;min-height:28px;padding:0 calc(var(--u) * 1);color:var(--bg-deep);background:var(--fd-pick);border:none;border-radius:calc(var(--u) * 2.5);cursor:pointer}.fd-zoom[hidden]{display:none}.fd-picker{gap:calc(var(--u) * 2)}.fd-pickrow{display:flex;align-items:center;gap:calc(var(--u) * 2);min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0}.fd-pickrow::-webkit-scrollbar{display:none}.fd-back{flex:0 0 auto;display:grid;place-items:center;width:calc(var(--u) * 11);height:calc(var(--u) * 11);min-width:44px;min-height:44px;padding:0;color:var(--ink);background:transparent;border:calc(var(--u) * .75) solid var(--fd-edge);border-radius:50%;cursor:pointer}.fd-ic-back{display:block;width:9px;height:9px;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);margin-left:-2px}.fd-shape-ic{display:block;width:58%;height:58%}.fd-tile{flex:0 0 auto;display:grid;place-items:center;width:calc(var(--u) * 11);height:calc(var(--u) * 11);min-width:44px;min-height:44px;padding:0;border:calc(var(--u) * .75) solid var(--fd-edge);border-radius:calc(var(--u) * 2.5);background:transparent;color:var(--ink);cursor:pointer}.fd-sw{background:var(--fd-c);box-shadow:inset 0 0 0 1px #ffffff59}.fd-tile[aria-pressed=true]{border-color:var(--fd-pick);box-shadow:0 0 0 calc(var(--u) * 1) var(--fd-pick)}.fd-shape[aria-pressed=true]{color:var(--bg-deep);background:var(--fd-pick)}.fd-panel{display:flex;align-items:center;justify-content:flex-start;gap:calc(var(--u) * 3);padding:calc(var(--u) * 2) calc(var(--u) * 3)}.fd-panel.fd-picker{justify-content:safe center}.fd-colour{flex:0 0 auto;display:grid;place-items:center;width:calc(var(--u) * 13);height:calc(var(--u) * 13);min-width:48px;min-height:48px;padding:0;border-radius:50%;background:var(--fd-paper);border:calc(var(--u) * 1) solid var(--fd-edge);cursor:pointer}.fd-colour i{display:block;width:62%;height:62%;border-radius:50%;background:var(--fd-c);border:1px solid rgba(0,0,0,.3)}.fd-colour[aria-expanded=true]{border-color:var(--fd-pick);box-shadow:0 0 0 calc(var(--u) * 1) var(--fd-pick)}.fd-tools{display:flex;align-items:center;gap:calc(var(--u) * 2);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.fd-tools::-webkit-scrollbar{display:none}.fd-tool{flex:0 0 auto;display:grid;place-items:center;width:max(46px,calc(var(--u) * 12));height:max(46px,calc(var(--u) * 12));padding:0;color:inherit;background:transparent;border:calc(var(--u) * .75) solid var(--fd-edge);border-radius:calc(var(--u) * 3);cursor:pointer}.fd-tool[aria-pressed=true]{color:var(--bg-deep);background:var(--fd-pick);border-color:var(--fd-pick)}.fd-tool{--fd-ic: clamp(21px, 3.2vmin, 34px)}.fd-ic-brush,.fd-ic-fill,.fd-ic-eraser,.fd-ic-shape{flex:0 0 auto;display:block}.fd-ic-shape{width:var(--fd-ic);height:var(--fd-ic)}.fd-ic-brush{width:var(--fd-ic);height:calc(var(--fd-ic) * .34);border-radius:999px;background:currentColor;transform:rotate(-40deg)}.fd-ic-fill{width:calc(var(--fd-ic) * .8);height:calc(var(--fd-ic) * .8);background:currentColor;border-radius:50% 50% 50% calc(var(--fd-ic) * .13);transform:rotate(-45deg)}.fd-ic-eraser{width:calc(var(--fd-ic) * .93);height:calc(var(--fd-ic) * .66);border:calc(var(--fd-ic) * .14) solid currentColor;border-bottom-width:calc(var(--fd-ic) * .34);border-radius:calc(var(--fd-ic) * .2);transform:rotate(-45deg)}.fd-name-row{display:flex;align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2.5) calc(var(--u) * 3)}.fd-name-row .gs-field{flex:1;min-width:0}.fd-name-ok{font:inherit;font-weight:800;min-width:44px;min-height:44px;color:var(--bg-deep);background:var(--fd-pick);border:none;border-radius:calc(var(--u) * 3);cursor:pointer}