.fz-page{overflow:hidden}.fz{background:rgb(var(--surface-rgb));height:100dvh;color:rgb(var(--text-rgb));font-family:var(--font-body);--fz-ui-rgb:var(--text-rgb);grid-template-rows:auto minmax(0,1fr);display:grid}.fz[data-theme=dark]{background:rgb(var(--bg-rgb))}.fz[data-theme=dark] .fz-panel,.fz[data-theme=dark] .fz-panel-head{background:rgb(var(--surface-rgb))}.fz[data-theme=dark] .fz-host{background-color:rgb(var(--bg-rgb))}.fz[data-theme=dark] .fz-seg button.is-on{background:rgb(var(--text-rgb) / .14);box-shadow:none}.fz[data-theme=dark] .ds-nav{background:rgb(var(--surface-rgb))}.fz-bar{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:0 0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.fz-head{align-items:center;min-width:0;display:flex}.fz-brand{align-items:center;gap:var(--sp-2);height:var(--pill-h);padding:0 var(--sp-4) 0 var(--sp-3);border-radius:var(--r-pill);background:var(--glass-bg);box-shadow:var(--shadow-2);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);letter-spacing:var(--tr-title);font-weight:700;display:inline-flex}.fz-bar .fz-input{height:var(--pill-h);padding:0 var(--sp-4);border-radius:var(--r-pill);background:var(--glass-bg);box-shadow:var(--shadow-2)}.fz-brand img{border-radius:var(--r-sm)}.fz-doc{margin-left:var(--sp-3);max-width:180px;display:inline-flex}.fz-right{justify-content:flex-end;align-items:center;gap:var(--sp-2);display:flex}.fz-right .fz-tool:not(.fz-tool--ink){background:var(--glass-bg);box-shadow:var(--shadow-2);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.fz-right .fz-tool:not(.fz-tool--ink):hover:not(:disabled){background:rgb(var(--bg-rgb))}.prokhor-root .fz-bar .ds-nav{max-width:none;margin:0;position:static}.fz-tools-gap{width:1px;height:var(--ctl-sm);margin:0 var(--sp-2);background:rgb(var(--text-rgb) / .12)}.fz-actions{z-index:2;bottom:var(--sp-5);right:var(--sp-5);align-items:center;gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--r-pill);background:var(--glass-bg);box-shadow:var(--shadow-2);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;position:absolute}.fz-actions .fz-tool:not(.is-on){background:0 0}.fz-actions .fz-tool:not(.is-on):hover:not(:disabled){background:rgb(var(--text-rgb) / .06)}.fz-actions .fz-icon{width:var(--pill-h);height:var(--pill-h)}@media (pointer:coarse){.fz-actions .fz-icon,.fz-right .fz-tool{position:relative}.fz-actions .fz-icon:after,.fz-right .fz-tool:after{content:"";inset:calc((var(--pill-h) - var(--ctl-md)) / 2);position:absolute}.fz-actions .fz-icon:after{inset-inline:calc(var(--sp-1) / -2)}}.fz-icon:disabled{opacity:.35;cursor:default}.fz-icon:disabled:hover{background:0 0}.fz-tool-group{align-items:center;display:inline-flex;position:relative}.fz-icon{width:var(--ctl-md);height:var(--ctl-md);border-radius:var(--r-pill);color:rgb(var(--text-rgb) / .8);cursor:pointer;transition:background var(--t-fast) var(--ease);background:0 0;border:0;place-items:center;display:grid}.fz-icon:hover{background:rgb(var(--text-rgb) / .06);color:rgb(var(--text-rgb))}.fz-icon.is-on{background:rgb(var(--text-rgb));color:rgb(var(--bg-rgb))}.fz-tick{width:12px;color:rgb(var(--accent-rgb))}.fz-tool-icon{width:20px;color:rgb(var(--text-rgb) / .7);place-items:center;display:grid}.fz-tool-more{width:16px;height:var(--ctl-md);color:rgb(var(--text-rgb) / .45);font:inherit;font-size:var(--fs-caption);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.fz-tool-more:hover{color:rgb(var(--text-rgb))}.fz-tool-menu{bottom:calc(100% + var(--sp-2));z-index:3;min-width:200px;padding:var(--sp-2);border-radius:var(--r-lg);background:rgb(var(--bg-rgb));box-shadow:var(--shadow-4);position:absolute;left:0}.fz-tool-menu button{align-items:baseline;gap:var(--sp-4);width:100%;padding:6px var(--sp-3);border-radius:var(--r-sm);color:inherit;font:inherit;font-size:var(--fs-dense);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.fz-tool-menu button:hover{background:rgb(var(--text-rgb) / .06)}.fz-tool-menu kbd{color:rgb(var(--text-rgb) / .4);font-family:var(--font-mono);font-size:var(--fs-caption);margin-left:auto}.fz-tools{z-index:2;bottom:var(--sp-5);align-items:center;gap:var(--sp-1);padding:var(--sp-1);border-radius:var(--r-pill);background:var(--glass-bg);box-shadow:var(--shadow-2);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;position:absolute;left:50%;translate:-50%}.fz-tool{height:var(--pill-h);padding:0 var(--sp-4);border-radius:var(--r-pill);background:rgb(var(--text-rgb) / .06);color:inherit;font:inherit;font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:background var(--t-fast) var(--ease);border:0;font-weight:500}.fz-tool:hover:not(:disabled){background:rgb(var(--text-rgb) / .12)}.fz-tool.is-on,.fz-tool.fz-tool--ink{background:rgb(var(--text-rgb));color:rgb(var(--bg-rgb))}.fz-tool.is-on:hover:not(:disabled),.fz-tool.fz-tool--ink:hover:not(:disabled){background:rgb(var(--text-rgb) / .85)}.fz-tool:disabled{opacity:.4;cursor:default}.fz-tool--icon{width:var(--pill-h);place-items:center;padding:0;display:inline-grid}.fz-state{font-size:var(--fs-caption);color:rgb(var(--text-rgb) / .7);text-align:right;min-width:76px}.fz-body{grid-template-columns:200px minmax(0,1fr) 248px;min-height:0;display:grid;position:relative}.fz-rail{z-index:3;cursor:col-resize;background:0 0;border:0;width:4px;padding:0;position:absolute;top:0;bottom:0;translate:-2px}.fz-rail:hover,.fz-rail:active{background:rgb(var(--accent-rgb) / .4)}.fz-panel{border-radius:var(--r-lg);background:rgb(var(--bg-rgb));min-height:0;box-shadow:var(--shadow-2);font-size:var(--fs-dense);flex-direction:column;display:flex;overflow:auto}.fz-panel--left{margin:0 var(--sp-2) var(--sp-3) var(--sp-3)}.fz-panel--right{margin:0 var(--sp-3) var(--sp-3) var(--sp-2)}.fz-panel-head{z-index:2;padding:var(--sp-4) var(--sp-4) var(--sp-2);background:rgb(var(--bg-rgb));font-size:var(--fs-sm);font-weight:600;position:sticky;top:0}.fz-empty{padding:var(--sp-4);color:rgb(var(--text-rgb) / .45)}.fz-layer{align-items:center;gap:var(--sp-2);margin-inline:var(--sp-2);padding-right:var(--sp-2);border-radius:var(--r-sm);display:flex;position:relative}.fz-layer.is-sel{background:rgb(var(--accent-rgb) / .12)}.fz-layer-name{align-items:center;gap:var(--sp-2);min-width:0;color:inherit;font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;height:var(--ctl-sm);background:0 0;border:0;flex:1;display:flex;overflow:hidden}.fz-layer-name i{border:1px solid rgb(var(--text-rgb) / .45);border-radius:var(--r-xs);flex:none;width:10px;height:10px}.fz-layer-name i[data-kind=box]{background:rgb(var(--text-rgb) / .45)}.fz-layer-name i[data-kind=text]{border:0;border-bottom:2px solid rgb(var(--text-rgb) / .45);border-radius:0;height:6px}.fz-layer-name i[data-kind=element]{border-radius:var(--r-pill);background:rgb(var(--accent-rgb));border-color:rgb(var(--accent-rgb))}.fz-layer-name i[data-kind=master],.fz-layer-name i[data-kind=instance]{border-color:rgb(var(--accent-rgb));border-radius:0;rotate:45deg}.fz-layer-name i[data-kind=master]{background:rgb(var(--accent-rgb))}.fz-layer-eye{color:rgb(var(--text-rgb) / .35);cursor:pointer;font-size:var(--fs-caption);background:0 0;border:0}.fz-align{padding:var(--sp-3) var(--sp-4);gap:2px;display:flex}.fz-align button{height:var(--ctl-sm);border-radius:var(--r-sm);color:rgb(var(--text-rgb) / .7);font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;flex:1}.fz-align button:hover{background:rgb(var(--text-rgb) / .08);color:rgb(var(--text-rgb))}.fz-range{flex:1;min-width:0}.fz-group{padding:var(--sp-3) var(--sp-4) var(--sp-4);gap:var(--sp-2);grid-template-columns:minmax(0,1fr);display:grid}.fz-group h3{font-size:var(--fs-dense);color:rgb(var(--text-rgb));margin:0;font-weight:600}.fz-group-title{justify-content:space-between;align-items:center;gap:var(--sp-2);min-height:var(--ctl-xs);display:flex}.fz-group-tools{gap:2px;display:inline-flex}.fz-sec-label{margin-top:var(--sp-1);font-size:var(--fs-caption);color:rgb(var(--text-rgb) / .55)}.fz-mini{width:var(--ctl-xs);height:var(--ctl-xs);border-radius:var(--r-sm);color:rgb(var(--text-rgb) / .7);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.fz-mini:hover{background:rgb(var(--text-rgb) / .06);color:rgb(var(--text-rgb))}.fz-mini.is-on{background:rgb(var(--text-rgb) / .1);color:rgb(var(--text-rgb))}.fz-seg-row{gap:var(--sp-2);display:flex}.fz-seg{border-radius:var(--r-sm);background:rgb(var(--text-rgb) / .05);flex:1;gap:2px;min-width:0;padding:2px;display:flex}.fz-seg button{min-width:0;height:var(--ctl-xs);border-radius:var(--r-xs);color:rgb(var(--text-rgb) / .7);cursor:pointer;background:0 0;border:0;flex:1;place-items:center;padding:0;display:grid}.fz-seg button:hover{color:rgb(var(--text-rgb))}.fz-seg button.is-on{background:rgb(var(--bg-rgb));box-shadow:var(--shadow-1);color:rgb(var(--text-rgb))}.fz-num{min-width:0;height:var(--ctl-sm);padding-left:var(--sp-2);border-radius:var(--r-sm);background:rgb(var(--text-rgb) / .05);position:relative}.fz-num:focus-within{box-shadow:var(--focus-ring)}.fz-num .fz-input{background:0 0;height:100%;padding-left:0}.fz-num .fz-input:focus-visible{box-shadow:none}.fz-num.is-disabled .fz-input{opacity:.55}.fz-num-icon{color:rgb(var(--text-rgb) / .6);flex:none;place-items:center;display:inline-grid}.fz-num>span:first-child{place-items:center;min-width:14px;display:inline-grid}.fz-unit{padding-right:var(--sp-2);color:rgb(var(--text-rgb) / .5)}.fz-num .fz-mode{opacity:0;width:0;transition:opacity var(--t-fast) var(--ease);flex:none;position:static}.fz-num:hover .fz-mode,.fz-num:focus-within .fz-mode{opacity:1}.fz-num:has(.ds-picker-list) .fz-mode{opacity:1}.fz-num:has(.ds-picker-list){z-index:5}@media (hover:none){.fz-num .fz-mode{opacity:1}}.fz-num .fz-mode .ds-picker-face{width:auto;height:var(--ctl-xs);min-height:0;padding:0 var(--sp-1) 0 var(--sp-2);box-shadow:none;color:rgb(var(--text-rgb) / .6);font-size:var(--fs-caption);background:0 0;border:0;gap:2px;position:absolute;top:50%;right:2px;translate:0 -50%}.fz-num .fz-mode .ds-picker-face:hover{color:rgb(var(--text-rgb))}.fz-num .fz-mode .ds-picker-value{display:none}.fz-num .fz-mode .ds-picker-list{min-width:max-content;left:0;right:auto}.fz-dim>.fz-num:nth-child(2) .fz-mode .ds-picker-list{left:auto;right:0}.fz-mode-btn{width:var(--ctl-xs);border-radius:var(--r-sm);height:100%;color:rgb(var(--text-rgb) / .5);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.fz-mode-btn:hover{color:rgb(var(--text-rgb))}.fz-mode-btn.is-on{color:rgb(var(--accent-rgb))}.fz-label-row{min-height:var(--ctl-xs);justify-content:space-between;align-items:center;display:flex}.fz-label-row .fz-sec-label{margin-top:0}.fz-dim{align-items:center;gap:var(--sp-2);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;display:grid}.fz-dim>.fz-grid2{grid-column:span 2}.fz-dim--one{grid-template-columns:minmax(0,1fr) auto}.fz-limits{align-content:start;gap:var(--sp-2);min-width:0;display:grid}.fz-lay2{gap:var(--sp-3);grid-template-columns:auto minmax(0,1fr);display:grid}.fz-lay2-col{align-content:start;gap:var(--sp-2);min-width:0;display:grid}.fz-aligngrid{grid-template-columns:repeat(3, var(--ctl-xs));border-radius:var(--r-sm);background:rgb(var(--text-rgb) / .05);display:grid}.fz-aligngrid button{width:var(--ctl-xs);height:var(--ctl-xs);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.fz-aligngrid button:before{content:"";border-radius:var(--r-pill);background:rgb(var(--text-rgb) / .3);width:4px;height:4px}.fz-aligngrid button:hover:before{background:rgb(var(--text-rgb) / .6)}.fz-aligngrid button.is-on:before{border-radius:var(--r-xs);background:rgb(var(--accent-rgb));width:10px;height:10px}.fz-check{align-items:center;gap:var(--sp-2);margin-top:var(--sp-1);display:flex}.fz-choice{width:100%;min-width:0;display:block}.fz-choice .ds-picker-face{height:var(--ctl-sm);min-height:0;padding:0 var(--sp-2);border-radius:var(--r-sm);background:rgb(var(--text-rgb) / .05);font-size:var(--fs-dense)}.fz-pin-row{align-items:start;gap:var(--sp-3);grid-template-columns:auto minmax(0,1fr);display:grid}.fz-pin-picks{gap:var(--sp-2);min-width:0;display:grid}.fz-pins{width:calc(var(--ctl-xs) * 3);height:calc(var(--ctl-xs) * 3);border-radius:var(--r-sm);background:rgb(var(--text-rgb) / .05);position:relative}.fz-pins:before{content:"";inset:var(--ctl-xs);border:var(--bw-1) dashed rgb(var(--text-rgb) / .3);border-radius:var(--r-xs);position:absolute}.fz-pin{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.fz-pin:before{content:"";border-radius:var(--r-pill);background:rgb(var(--text-rgb) / .25)}.fz-pin:hover:before{background:rgb(var(--text-rgb) / .6)}.fz-pin.is-on:before{background:rgb(var(--accent-rgb))}.fz-pin--left,.fz-pin--right{top:calc(50% - var(--sp-2));width:var(--ctl-xs);height:var(--sp-4)}.fz-pin--left{left:0}.fz-pin--right{right:0}.fz-pin--top,.fz-pin--bottom{left:calc(50% - var(--sp-2));width:var(--sp-4);height:var(--ctl-xs)}.fz-pin--top{top:0}.fz-pin--bottom{bottom:0}.fz-pin--left:before,.fz-pin--right:before,.fz-pin--vmid:before{width:var(--sp-3);height:var(--bw-2)}.fz-pin--top:before,.fz-pin--bottom:before,.fz-pin--hmid:before{width:var(--bw-2);height:var(--sp-3)}.fz-pin--hmid{top:var(--ctl-xs);left:calc(50% - var(--sp-2));width:var(--sp-4);height:var(--ctl-xs)}.fz-pin--vmid{top:calc(50% - var(--sp-2));left:var(--ctl-xs);width:var(--ctl-xs);height:var(--sp-4)}.fz-adv{gap:var(--sp-2);margin-top:var(--sp-1);padding:var(--sp-2);border-radius:var(--r-sm);background:rgb(var(--text-rgb) / .03);display:grid}.fz-adv .fz-check,.fz-adv-row .fz-sec-label{margin-top:0}.fz-adv-row{gap:var(--sp-1);margin-top:var(--sp-1);display:grid}.fz-group-head{width:100%;min-height:var(--ctl-xs);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;margin:0;padding:0;display:flex}.fz-group-head svg{color:rgb(var(--text-rgb) / .5)}.fz-group-head:hover svg{color:rgb(var(--text-rgb))}.fz-group.is-folded{padding-bottom:var(--sp-2)}.fz-grid2{gap:var(--sp-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fz-num,.fz-row{align-items:center;gap:var(--sp-2);display:flex}.fz-num span,.fz-row span{color:rgb(var(--text-rgb) / .5);min-width:20px}.fz-row span{min-width:84px}.fz-scrub{cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none}.fz-num .fz-input::placeholder{color:rgb(var(--text-rgb) / .45);font-size:var(--fs-caption)}.fz-input{min-width:0;height:var(--ctl-sm);padding:0 var(--sp-2);border-radius:var(--r-sm);background:rgb(var(--text-rgb) / .05);color:inherit;font:inherit;font-size:var(--fs-dense);border:0;flex:1}.fz-input:focus-visible{box-shadow:var(--focus-ring);outline:0}.fz-area{height:64px;padding:var(--sp-2);resize:vertical}.fz-paints{gap:6px;display:grid}.fz-paints>span{color:rgb(var(--text-rgb) / .7)}.fz-paint-row{flex-wrap:wrap;gap:4px;display:flex}.fz-paint{width:var(--ctl-xs);height:var(--ctl-xs);border:1px solid rgb(var(--text-rgb) / .18);border-radius:var(--r-sm);cursor:pointer;padding:0}.fz-paint.is-on{outline:2px solid rgb(var(--accent-rgb));outline-offset:1px}.fz-paint--own{background:linear-gradient(45deg, rgb(var(--text-rgb) / .12) 25%, transparent 25%) 0 0 / 8px 8px, linear-gradient(-45deg, rgb(var(--text-rgb) / .12) 25%, transparent 25%) 0 4px / 8px 8px, rgb(var(--bg-rgb))}.fz-own{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.fz-own input[type=color]{width:var(--ctl-xs);height:var(--ctl-xs);border:1px solid rgb(var(--text-rgb) / .18);border-radius:var(--r-sm);background:0 0;padding:0}.fz-own-note{width:100%;color:rgb(var(--text-rgb) / .5);font-size:var(--fs-caption);margin:0}.fz-paint[data-none=true]{background:linear-gradient(to top right, transparent calc(50% - 1px), rgb(var(--danger-500)), transparent calc(50% + 1px))}.fz-host{background:rgb(var(--surface-2-rgb));background-image:radial-gradient(rgb(var(--text-rgb) / .12) 1px, transparent 1px);touch-action:none;cursor:default;-webkit-user-select:none;user-select:none;background-size:24px 24px;position:relative;overflow:hidden}.fz-host[data-tool=select]{cursor:default}.fz-host:not([data-tool=select]){cursor:crosshair}.fz-world{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.fz-node{position:absolute;top:0;left:0}.fz-inner{position:absolute;inset:0}.fz-inner.is-flow{display:flex}.fz-name{font-size:var(--fs-caption);color:rgb(var(--fz-ui-rgb) / .7);white-space:nowrap;cursor:default;margin-bottom:4px;position:absolute;bottom:100%;left:0}.fz-name:hover{color:rgb(var(--fz-ui-rgb))}.fz-name--big{font-size:var(--fs-lead);color:rgb(var(--fz-ui-rgb) / .7);font-weight:600}.fz-vector{width:100%;height:100%;display:block}.fz-text{white-space:pre-wrap;line-height:1.35;display:block}.fz-host .fz-text[contenteditable=true]{-webkit-user-select:text;user-select:text}.fz-text[contenteditable=true]{outline:1px solid rgb(var(--accent-rgb));cursor:text}.fz-el{pointer-events:none;align-items:center;height:100%;display:flex}.fz-el>*{max-width:100%}.fz-sel{outline:1px solid rgb(var(--accent-rgb));pointer-events:none;position:absolute;top:0;left:0}.fz-handle{background:rgb(var(--n-0));border:1px solid rgb(var(--accent-rgb));border-radius:var(--r-xs);pointer-events:auto;position:absolute}.fz-handle[data-h=nw]{cursor:nwse-resize;top:0;left:0;translate:-50% -50%}.fz-handle[data-h=n]{cursor:ns-resize;top:0;left:50%;translate:-50% -50%}.fz-handle[data-h=ne]{cursor:nesw-resize;top:0;left:100%;translate:-50% -50%}.fz-handle[data-h=e]{cursor:ew-resize;top:50%;left:100%;translate:-50% -50%}.fz-handle[data-h=se]{cursor:nwse-resize;top:100%;left:100%;translate:-50% -50%}.fz-handle[data-h=s]{cursor:ns-resize;top:100%;left:50%;translate:-50% -50%}.fz-handle[data-h=sw]{cursor:nesw-resize;top:100%;left:0;translate:-50% -50%}.fz-handle[data-h=w]{cursor:ew-resize;top:50%;left:0;translate:-50% -50%}.fz-guide{background:rgb(var(--signal-rgb));pointer-events:none;position:absolute;top:0;left:0}.fz-marquee{border:1px solid rgb(var(--accent-rgb));background:rgb(var(--accent-rgb) / .08);pointer-events:none;position:absolute;top:0;left:0}.fz-hover{outline:1.5px solid rgb(var(--accent-rgb) / .7);pointer-events:none;position:absolute;top:0;left:0}.fz-flow-line{border-radius:var(--r-pill);background:rgb(var(--accent-rgb));pointer-events:none;position:absolute;top:0;left:0}@media (max-width:900px){.fz-body{grid-template-columns:minmax(0,1fr)!important}.fz-rail{display:none}.fz-bar{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);grid-template-columns:minmax(0,1fr) auto}.fz-bar .ds-nav,.fz-state{display:none}.fz-doc{max-width:130px}.fz-panel{z-index:6;max-height:72dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-4);border:0;margin:0;display:none;position:fixed;inset:auto 0 0}.fz[data-sheet=layers] .fz-panel--left,.fz[data-sheet=props] .fz-panel--right{display:flex}.fz-panel:before{content:"";z-index:1;width:44px;height:4px;margin:var(--sp-2) 0;border-radius:var(--r-pill);background:rgb(var(--text-rgb) / .2);flex:none;align-self:center;position:sticky;top:0}.fz-tools,.fz-actions{right:var(--sp-3);scrollbar-width:none;max-width:none;padding-bottom:calc(var(--sp-2) + env(safe-area-inset-bottom));justify-content:flex-start;overflow-x:auto;translate:none;left:var(--sp-3)!important}.fz-tools::-webkit-scrollbar{display:none}.fz-actions::-webkit-scrollbar{display:none}.fz-tools{bottom:var(--sp-3)}.fz-actions{bottom:calc(var(--sp-3) + var(--ctl-lg) + var(--sp-2));right:var(--sp-3)!important}.fz[data-sheet=layers] .fz-tools,.fz[data-sheet=layers] .fz-actions,.fz[data-sheet=props] .fz-tools,.fz[data-sheet=props] .fz-actions{display:none}}.fz-sheet-btn,.fz-sheet-back{display:none}@media (max-width:900px){.fz-sheet-btn{display:inline-flex}.fz-sheet-back{z-index:5;background:#00000052;border:0;width:100%;padding:0;display:block;position:fixed;inset:0}}@media (pointer:coarse){.fz-handle{width:20px;height:20px}.fz-layer{min-height:var(--ctl-md)}.fz-paint,.fz-pick-kind,.fz-pick-tab,.fz-layer-eye{min-width:var(--ctl-sm);min-height:var(--ctl-sm)}.fz-hue,.fz-dense{height:18px}.fz-ribbon-bar{height:34px}.fz-ribbon-pin,.fz-sv-dot,.fz-bar-dot{width:18px;height:18px}}.fz-dialog{width:min(520px, calc(100vw - var(--sp-6)));padding:var(--sp-5);border-radius:var(--r-lg);background:rgb(var(--bg-rgb));color:rgb(var(--text-rgb));font-size:var(--fs-dense);border:0}.fz-dialog::backdrop{background:#0006}.fz-dialog h2{margin:0 0 var(--sp-3);font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:-.02em;font-weight:700}.fz-dialog-x{float:right}.fz-dialog-x button{width:var(--ctl-sm);height:var(--ctl-sm);border-radius:var(--r-pill);background:rgb(var(--text-rgb) / .06);color:inherit;cursor:pointer;border:0}.fz-dialog-row{align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);display:flex}.fz-err{color:rgb(var(--danger-500))}.fz-pulled{margin-top:var(--sp-4);border-top:1px solid rgb(var(--text-rgb) / .08);padding-top:var(--sp-3)}.fz-pulled h3{margin:0 0 var(--sp-2);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:var(--tr-label);color:rgb(var(--text-rgb) / .45);font-weight:600}.fz-pulled ul{gap:4px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.fz-pulled li{justify-content:space-between;gap:var(--sp-3);display:flex}.fz-pulled li span{color:rgb(var(--text-rgb) / .5);white-space:nowrap}.fz-pulled-ok{margin-top:var(--sp-4);color:rgb(var(--ok-500))}.fz-dialog--wide{width:min(760px, calc(100vw - var(--sp-6)))}.fz-code{max-height:50vh;padding:var(--sp-3);border-radius:var(--r-sm);background:rgb(var(--surface-rgb));font-family:var(--font-mono);font-size:var(--fs-caption);white-space:pre;margin:0;line-height:1.5;overflow:auto}.fz-keys{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-height:60vh;display:grid;overflow:auto}.fz-keys h3{margin:0 0 var(--sp-2);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:var(--tr-label);color:rgb(var(--text-rgb) / .45);font-weight:600}.fz-keys ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.fz-keys li{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.fz-keys kbd{padding:2px var(--sp-2);border:1px solid rgb(var(--text-rgb) / .14);border-radius:var(--r-xs);background:rgb(var(--surface-rgb));font-family:var(--font-mono);font-size:var(--fs-caption);white-space:nowrap;flex:none}.fz-keys i{max-width:55%;color:rgb(var(--text-rgb) / .45);text-align:right;flex:none;font-style:normal}.fz-preview[open]{place-items:center;display:grid}.fz-preview{background:rgb(var(--surface-2-rgb));width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;color:rgb(var(--text-rgb));font-family:var(--font-body);border:0;margin:0;padding:0}.fz-preview::backdrop{background:#00000080}.fz-preview-stage{border-radius:var(--r-md);box-shadow:var(--shadow-4);position:relative;overflow:hidden}.fz-preview-x{top:var(--sp-4);right:var(--sp-4);position:absolute}.fz-preview-x button{width:var(--ctl-md);height:var(--ctl-md);border-radius:var(--r-pill);background:rgb(var(--text-rgb) / .08);color:inherit;font:inherit;cursor:pointer;border:0}.fz-palette{padding:var(--sp-3)}.fz-palette-q{width:100%;height:var(--ctl-md);font-size:var(--fs-sm)}.fz-palette-list{margin:var(--sp-2) 0 0;max-height:50vh;padding:0;list-style:none;overflow:auto}.fz-palette-list button{align-items:baseline;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);color:inherit;font:inherit;font-size:var(--fs-dense);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.fz-palette-list button.is-at{background:rgb(var(--accent-rgb) / .12)}.fz-palette-list i{color:rgb(var(--text-rgb) / .4);font-style:normal}.fz-palette-list kbd{padding:2px var(--sp-2);border:1px solid rgb(var(--text-rgb) / .14);border-radius:var(--r-xs);font-family:var(--font-mono);font-size:var(--fs-caption);white-space:nowrap;margin-left:auto}.fz-menu{z-index:20;min-width:240px;padding:var(--sp-2);border-radius:var(--r-md);background:rgb(var(--bg-rgb));box-shadow:var(--shadow-4);font-size:var(--fs-dense);position:fixed}.fz-menu button{align-items:baseline;gap:var(--sp-4);width:100%;padding:6px var(--sp-3);border-radius:var(--r-sm);color:inherit;font:inherit;font-size:var(--fs-dense);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.fz-menu button:hover{background:rgb(var(--accent-rgb) / .12)}.fz-menu kbd{color:rgb(var(--text-rgb) / .4);font-family:var(--font-mono);font-size:var(--fs-caption);white-space:nowrap;margin-left:auto}.fz-menu hr{margin:var(--sp-2) 0;border:0;border-top:1px solid rgb(var(--text-rgb) / .08)}.fz-styles{margin-bottom:var(--sp-2);gap:4px;display:grid}.fz-styles b{color:rgb(var(--text-rgb) / .7);font-weight:600}.fz-style{align-items:center;gap:var(--sp-2);padding-left:var(--sp-3);display:flex}.fz-style i{border:1px solid rgb(var(--text-rgb) / .18);border-radius:var(--r-pill);width:12px;height:12px}.fz-swatch{border:1px solid rgb(var(--text-rgb) / .18);border-radius:var(--r-sm);flex:none;width:18px;height:18px}.fz-code-inline{text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);font-size:var(--fs-caption);flex:1;overflow:hidden}.fz-alpha{flex:none;width:52px}.fz-page-row{width:100%;height:var(--ctl-sm);padding:0 var(--sp-3);border-radius:var(--r-md);color:inherit;font:inherit;font-size:var(--fs-dense);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.fz-page-row:hover{background:rgb(var(--text-rgb) / .06)}.fz-page-row.is-on{background:rgb(var(--accent-rgb) / .12);font-weight:600}.fz-align button.is-on{background:rgb(var(--accent-rgb) / .16);color:rgb(var(--text-rgb))}.fz-token{justify-content:space-between}.fz-token span{flex:1;min-width:0}.fz-token input[type=color]{width:var(--ctl-xs);height:var(--ctl-xs);border:1px solid rgb(var(--text-rgb) / .18);border-radius:var(--r-sm);background:0 0;flex:none;padding:0}.fz-token-own{color:rgb(var(--accent-rgb));font-size:var(--fs-caption);flex:none}.fz-pick{margin:var(--sp-2) 0;padding:var(--sp-2);border:1px solid rgb(var(--text-rgb) / .12);border-radius:var(--r-md);background:rgb(var(--surface-rgb));box-shadow:var(--shadow-2);gap:var(--sp-2);grid-template-columns:minmax(0,1fr);display:grid}.fz-pick>*,.fz-ribbon>*,.fz-pick-set>*,.fz-pick-image>*{min-width:0}.fz-pick select,.fz-pick input{max-width:100%}.fz-ribbon,.fz-pick-set,.fz-pick-image{grid-template-columns:minmax(0,1fr)}.fz-pick-head{align-items:center;gap:var(--sp-2);display:flex}.fz-pick-tab{padding:0 var(--sp-2);height:var(--ctl-xs);border-radius:var(--r-sm);color:rgb(var(--text-rgb) / .55);font-size:var(--fs-caption);cursor:pointer;background:0 0;border:0}.fz-pick-tab.is-on{color:rgb(var(--text-rgb));background:rgb(var(--text-rgb) / .08)}.fz-pick-x{width:var(--ctl-xs);height:var(--ctl-xs);border-radius:var(--r-sm);color:rgb(var(--text-rgb) / .5);cursor:pointer;background:0 0;border:0;margin-left:auto}.fz-pick-kinds{padding-bottom:var(--sp-2);border-bottom:1px solid rgb(var(--text-rgb) / .1);gap:2px;display:flex}.fz-pick-kind{width:var(--ctl-xs);height:var(--ctl-xs);border-radius:var(--r-sm);color:rgb(var(--text-rgb) / .55);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.fz-pick-kind.is-on{color:rgb(var(--accent-rgb));background:rgb(var(--accent-rgb) / .12)}.fz-sv{aspect-ratio:1.15;border-radius:var(--r-sm);touch-action:none;cursor:crosshair;background-image:linear-gradient(to top, #000, transparent), linear-gradient(to right, rgb(var(--n-0)), transparent);width:100%;position:relative}.fz-sv-dot,.fz-bar-dot{border:2px solid rgb(var(--n-0));border-radius:var(--r-pill);width:12px;height:12px;box-shadow:var(--shadow-1);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.fz-bar-dot{top:50%}.fz-pick-bars{align-items:center;gap:var(--sp-2);display:flex}.fz-pick-drop{width:var(--ctl-sm);height:var(--ctl-sm);border:1px solid rgb(var(--text-rgb) / .14);border-radius:var(--r-sm);color:rgb(var(--text-rgb) / .7);cursor:pointer;background:0 0;flex:none;place-items:center;display:grid}.fz-pick-slides{gap:var(--sp-2);flex:1;min-width:0;display:grid}.fz-hue,.fz-dense{border-radius:var(--r-pill);touch-action:none;cursor:pointer;height:12px;position:relative}.fz-hue{background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.fz-dense{background-color:rgb(var(--bg-rgb));box-shadow:inset 0 0 0 1px rgb(var(--text-rgb) / .12)}.fz-pick-value{gap:var(--sp-2);display:flex}.fz-pick-value select{flex:none;width:64px}.fz-pick-value input:not(.fz-alpha){min-width:0;font-family:var(--font-mono);flex:1}.fz-pick-cap{color:rgb(var(--text-rgb) / .5);font-size:var(--fs-caption);letter-spacing:var(--track-label);text-transform:uppercase;display:block}.fz-pick-used{gap:4px;display:grid}.fz-pick-set{gap:var(--sp-2);max-height:320px;display:grid;overflow:auto}.fz-pick-group{gap:2px;display:grid}.fz-pick-name{align-items:center;gap:var(--sp-2);width:100%;padding:4px var(--sp-1);border-radius:var(--r-sm);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.fz-pick-name:hover{background:rgb(var(--text-rgb) / .06)}.fz-pick-name.is-on{background:rgb(var(--accent-rgb) / .12)}.fz-pick-name code{text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);font-size:var(--fs-caption);flex:1;overflow:hidden}.fz-pick-name em{color:rgb(var(--text-rgb) / .4);font-family:var(--font-mono);font-size:var(--fs-caption);font-style:normal}.fz-ribbon{gap:var(--sp-2);display:grid}.fz-ribbon>.fz-row select{flex:1;min-width:0}.fz-ribbon-bar{border-radius:var(--r-sm);height:26px;box-shadow:inset 0 0 0 1px rgb(var(--text-rgb) / .14);touch-action:none;cursor:copy;position:relative}.fz-ribbon-pin{border:2px solid rgb(var(--n-0));border-radius:var(--r-pill);width:14px;height:14px;box-shadow:var(--shadow-1);cursor:grab;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.fz-ribbon-pin.is-on{outline:2px solid rgb(var(--accent-rgb));outline-offset:1px}.fz-pick-stops{grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.fz-pick-stop{border-radius:var(--r-sm);flex-wrap:wrap;align-items:center;gap:4px;padding:2px;display:flex}.fz-pick-stop code{text-overflow:ellipsis;min-width:0;font-family:var(--font-mono);font-size:var(--fs-caption);flex:60px;overflow:hidden}.fz-pick-stop .fz-alpha{width:44px}.fz-pick-stop.is-on{background:rgb(var(--accent-rgb) / .1)}.fz-pick-stop .fz-swatch{cursor:pointer;padding:0}.fz-pick-image{gap:var(--sp-2);display:grid}.fz-pick-shot{aspect-ratio:16/10;border-radius:var(--r-sm);background-position:50%;background-color:rgb(var(--text-rgb) / .06);color:rgb(var(--text-rgb) / .45);font-size:var(--fs-caption);place-items:center;display:grid}.fz-pick-file{text-align:center;position:relative;overflow:hidden}.fz-pick-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.fz-swatch--open{cursor:pointer;padding:0}.fz-layers-head{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.fz-layers-find{z-index:1;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:rgb(var(--bg-rgb));color:rgb(var(--text-rgb) / .4);display:flex;position:sticky;top:0}.fz-panel--left .fz-panel-head{position:static}.fz-layers-find .fz-input{flex:1;min-width:0}.fz-layer-twist{width:14px;height:var(--ctl-xs);color:rgb(var(--text-rgb) / .45);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.fz-layer-twist.is-blank{cursor:default}.fz-layer-rename{min-width:0;height:var(--ctl-xs);flex:1}.fz-layer-tag{margin-left:var(--sp-2);border-radius:var(--r-xs);background:rgb(var(--text-rgb) / .08);color:rgb(var(--text-rgb) / .5);font-size:var(--fs-caption);flex:none;padding:0 4px;font-style:normal}.fz-layer.is-off .fz-layer-name{opacity:.45}.fz-layer.is-locked .fz-layer-name{opacity:.65}.fz-layer.is-grabbed{opacity:.4}.fz-layer.is-over-before:after,.fz-layer.is-over-after:after{content:"";background:rgb(var(--accent-rgb));pointer-events:none;height:2px;position:absolute;left:0;right:0}.fz-layer.is-over-before:after{top:-1px}.fz-layer.is-over-after:after{bottom:-1px}.fz-layer.is-over-into{background:rgb(var(--accent-rgb) / .14);outline:1px solid rgb(var(--accent-rgb) / .55);outline-offset:-1px;border-radius:var(--r-sm)}.fz-layer .fz-layer-eye{opacity:0}.fz-layer:hover .fz-layer-eye,.fz-layer:focus-within .fz-layer-eye,.fz-layer .fz-layer-eye.is-on{opacity:1}@media (pointer:coarse){.fz-layer .fz-layer-eye{opacity:1}}