.fz-page{overflow:hidden}.fz{background:rgb(var(--surface-rgb));height:100dvh;color:rgb(var(--text-rgb));font-family:var(--font-body);grid-template-rows:auto minmax(0,1fr);display:grid}.fz-bar{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid rgb(var(--text-rgb) / .08);background:rgb(var(--bg-rgb));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);letter-spacing:var(--tr-title);font-weight:700;display:inline-flex}.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}.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-2);padding:var(--sp-2);border-radius:var(--r-pill);background:rgb(var(--bg-rgb));box-shadow:var(--shadow-3);display:flex;position:absolute}.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-md);color:rgb(var(--text-rgb) / .8);cursor:pointer;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(--accent-rgb));color:rgb(var(--n-0))}.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-md);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(--accent-rgb) / .12)}.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-2);border-radius:var(--r-pill);background:rgb(var(--bg-rgb));box-shadow:var(--shadow-3);display:flex;position:absolute;left:50%;translate:-50%}.fz-tool{height:var(--ctl-md);padding:0 var(--sp-3);border:1px solid rgb(var(--text-rgb) / .12);border-radius:var(--r-pill);color:inherit;font:inherit;font-size:var(--fs-dense);white-space:nowrap;cursor:pointer;background:0 0}.fz-tool:hover:not(:disabled){background:rgb(var(--text-rgb) / .06)}.fz-tool.is-on{background:rgb(var(--accent-rgb));border-color:rgb(var(--accent-rgb));color:rgb(var(--n-0))}.fz-tool:disabled{opacity:.4;cursor:default}.fz-state{font-size:var(--fs-caption);color:rgb(var(--text-rgb) / .5);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{background:rgb(var(--bg-rgb));min-height:0;font-size:var(--fs-dense);flex-direction:column;display:flex;overflow:auto}.fz-panel--left{border-right:1px solid rgb(var(--text-rgb) / .08)}.fz-panel--right{border-left:1px solid rgb(var(--text-rgb) / .08)}.fz-panel-head{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid rgb(var(--text-rgb) / .08);background:rgb(var(--bg-rgb));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);padding-right:var(--sp-2);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);border-bottom:1px solid rgb(var(--text-rgb) / .06);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);border-bottom:1px solid rgb(var(--text-rgb) / .06);gap:var(--sp-2);grid-template-columns:minmax(0,1fr);display:grid}.fz-group h3{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:var(--tr-label);color:rgb(var(--text-rgb) / .45);margin:0;font-weight:600}.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-input{min-width:0;height:var(--ctl-sm);padding:0 var(--sp-2);border:1px solid rgb(var(--text-rgb) / .14);border-radius:var(--r-sm);background:rgb(var(--surface-rgb));color:inherit;font:inherit;font-size:var(--fs-dense);flex:1}.fz-area{height:64px;padding:var(--sp-2);resize:vertical}.fz-paints{gap:6px;display:grid}.fz-paints>span{color:rgb(var(--text-rgb) / .5)}.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;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(--text-rgb) / .5);white-space:nowrap;pointer-events:none;margin-bottom:4px;position:absolute;bottom:100%;left:0}.fz-name--big{font-size:var(--fs-lead);color:rgb(var(--text-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-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}@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;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{left:var(--sp-3);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}.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))}.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) / .45);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-sm);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);border-bottom:1px solid rgb(var(--text-rgb) / .08);background:rgb(var(--bg-rgb));color:rgb(var(--text-rgb) / .4);display:flex;position:sticky;top:0}.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-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}}