.page-bg-hue-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:5px;height:10px;outline:none}.page-bg-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--thumb-color,#fff);border:2.5px solid #fff;border-radius:6px;box-shadow:0 1px 4px #0006;cursor:pointer;height:18px;width:26px}.pageaddbar .pbar{height:40px}.pageaddbar .pbar span{font-size:14px!important}.pageaddbar .pbar svg{height:14px;width:14px}.pbar,.pbar-first,.pbar-last{align-items:center;border-radius:9999px;color:#ffffff80;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s}.pbar-first:hover,.pbar-last:hover,.pbar:hover{background:#ffffff12;color:#fff}.fade-enter-active{transition:opacity .15s ease}.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-modal-enter-active{transition:opacity .2s ease-out}.fade-modal-leave-active{transition:opacity .15s ease-in}.fade-modal-enter-from,.fade-modal-leave-to{opacity:0}.ctx-item{align-items:center;background:none;border:none;color:#ffffffbf;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:6px 12px;text-align:left;transition:background .1s;width:100%}.ctx-item:hover{background:#ffffff14;color:#fff}.ctx-shortcut{color:#ffffff40;font-size:11px;margin-left:24px}.figma-spinner{animation:figma-spin 1.1s cubic-bezier(.4,0,.2,1) infinite}@keyframes figma-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.figma-check-draw{animation:figma-draw .4s cubic-bezier(.4,0,.2,1) .1s forwards;stroke-dasharray:36;stroke-dashoffset:36}@keyframes figma-draw{to{stroke-dashoffset:0}}.studio-toolbar-surface{background:var(--studio-material-bg);box-shadow:0 1px 3px #0000000f;padding:.25rem;transition:width .18s ease,min-width .18s ease,height .18s ease,border-radius .18s ease,background-color .18s ease,box-shadow .18s ease}.studio-toolbar-popover,.studio-toolbar-surface{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:.75rem;color:var(--studio-material-text);outline:1px solid var(--studio-material-border);outline-offset:-1px}.studio-toolbar-popover{background:var(--studio-material-bg-hover);box-shadow:var(--studio-popover-shadow)}.studio-toolbar-popover :is([class*=text-white],svg),.studio-toolbar-surface :is([class*=text-white],svg){color:var(--studio-material-text)!important}.studio-toolbar-popover [class*=text-white],.studio-toolbar-surface .pbar,.studio-toolbar-surface .pbar span,.studio-toolbar-surface .pbar svg,.studio-toolbar-surface .pbar-first,.studio-toolbar-surface .pbar-last,.studio-toolbar-surface [class*=text-white]{color:var(--studio-material-text)!important}.studio-toolbar-surface .pbar,.studio-toolbar-surface .pbar-first,.studio-toolbar-surface .pbar-last,.studio-toolbar-surface button{border-radius:10px!important;color:var(--studio-material-text)!important;cursor:pointer}.studio-toolbar-surface .pbar-first:hover,.studio-toolbar-surface .pbar-last:hover,.studio-toolbar-surface .pbar:hover,.studio-toolbar-surface button:hover{background:var(--studio-material-control)!important;color:var(--studio-material-text-strong)!important}.studio-toolbar-popover :is([class^="bg-white/"],[class*=" bg-white/"],input),.studio-toolbar-surface :is([class^="bg-white/"],[class*=" bg-white/"],input){background-color:var(--studio-material-control)!important}.studio-toolbar-popover button:is([class~="bg-white/[0.08]"],[class~="bg-white/[0.1]"],[class~="bg-white/[0.10]"],[class~="bg-white/[0.12]"],[class~="bg-white/[0.14]"]),.studio-toolbar-surface button:is([class~="bg-white/[0.08]"],[class~="bg-white/[0.1]"],[class~="bg-white/[0.10]"],[class~="bg-white/[0.12]"],[class~="bg-white/[0.14]"]){background-color:var(--studio-toggle-active-bg)!important;color:var(--studio-toggle-active-fg)!important}.studio-toolbar-popover button:is([class~="bg-white/[0.08]"],[class~="bg-white/[0.1]"],[class~="bg-white/[0.10]"],[class~="bg-white/[0.12]"],[class~="bg-white/[0.14]"]) *,.studio-toolbar-surface button:is([class~="bg-white/[0.08]"],[class~="bg-white/[0.1]"],[class~="bg-white/[0.10]"],[class~="bg-white/[0.12]"],[class~="bg-white/[0.14]"]) *{color:var(--studio-toggle-active-fg)!important}.studio-toolbar-popover :is(.h-px,.w-px),.studio-toolbar-surface :is(.h-px,.w-px){background-color:var(--studio-material-divider)!important}.studio-toolbar-popover input,.studio-toolbar-surface input{color:var(--studio-material-text-strong)!important;color-scheme:light!important}.studio-toolbar-popover input::-moz-placeholder,.studio-toolbar-surface input::-moz-placeholder{color:#71717a8c!important}.studio-toolbar-popover input::placeholder,.studio-toolbar-surface input::placeholder{color:#71717a8c!important}.studio-toolbar-popover :is([class*=border-white],[class*=ring-white]),.studio-toolbar-surface :is([class*=border-white],[class*=ring-white]){border-color:var(--studio-material-border)!important;--tw-ring-color:var(--studio-material-border)!important}.studio-toolbar-surface :is(button:hover){background-color:var(--studio-material-control)!important}.studio-toolbar-popover :is([class*="bg-[#007AFF]"]),.studio-toolbar-surface :is([class*="bg-[#007AFF]"]){background-color:var(--studio-accent)!important;color:#fff!important}.studio-toolbar-popover :is([class*="bg-[#007AFF]"],[class*="bg-[#007AFF]"] *),.studio-toolbar-surface :is([class*="bg-[#007AFF]"],[class*="bg-[#007AFF]"] *){color:#fff!important}.pstudio-glass{isolation:isolate}.bg-angle-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1f;border-radius:2px;height:4px;outline:none}.bg-angle-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0006;cursor:grab;height:14px;width:14px}[data-tip]{position:relative}[data-tip]:hover:after{background:#0e0e10f2;border-radius:999px;bottom:calc(100% + 8px);color:#ffffffe6;content:attr(data-tip);font-size:11px;left:50%;line-height:1;padding:6px 10px;pointer-events:none;position:absolute;transform:translate(-50%);white-space:nowrap;z-index:80}[data-tip][data-tip-right]:hover:after{bottom:auto;left:calc(100% + 14px);top:50%;transform:translateY(-50%)}.editbar-popover [data-tip]:hover:after,.editbar-surface [data-tip]:hover:after,.studio-toolbar-popover [data-tip]:hover:after,.studio-toolbar-surface [data-tip]:hover:after{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:var(--studio-material-bg-hover);box-shadow:0 1px 3px #0000000f,0 12px 32px #18181b1f;color:var(--studio-material-text-strong);outline:1px solid var(--studio-material-border);outline-offset:-1px}.cmyk-chip{align-items:center;background:#ffffff0f;border-radius:999px;display:flex;gap:5px;height:28px;overflow:hidden;padding:0 10px;white-space:nowrap}.cmyk-chip em{color:#ffffff73;font-size:9px;font-style:normal;font-variant-numeric:tabular-nums;letter-spacing:.04em}.cmyk-div{background:#ffffff1a;height:10px;width:1px}.cmyk-vals{color:#fff6;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.cmyk-info{align-items:center;background:#ffffff0f;border-radius:50%;color:#ffffff40;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;position:relative;transition:color .12s;width:28px}.cmyk-info:hover{color:#fff9}.cmyk-tip{background:#0e0e10;border-radius:8px;color:#fffc;font-size:11px;left:calc(100% + 14px);line-height:1.45;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;text-align:left;top:50%;transform:translateY(-50%);transition:opacity .12s;width:200px;z-index:30}.cmyk-info:hover .cmyk-tip,.cmyk-tip.on{opacity:1}.studio-toolbar-popover .cmyk-chip,.studio-toolbar-surface .cmyk-chip{background:var(--studio-material-control)}.studio-toolbar-popover .cmyk-chip em,.studio-toolbar-popover .cmyk-vals,.studio-toolbar-surface .cmyk-chip em,.studio-toolbar-surface .cmyk-vals{color:var(--studio-material-text)}.studio-toolbar-popover .cmyk-div,.studio-toolbar-surface .cmyk-div{background:var(--studio-material-divider)}.studio-toolbar-popover .cmyk-info,.studio-toolbar-surface .cmyk-info{background:var(--studio-material-control);color:var(--studio-material-text)}.studio-toolbar-popover .cmyk-info:hover,.studio-toolbar-surface .cmyk-info:hover{color:var(--studio-material-text-strong)}.studio-toolbar-popover .cmyk-tip,.studio-toolbar-surface .cmyk-tip{background:var(--studio-material-bg-hover);box-shadow:0 12px 32px #18181b24;color:var(--studio-material-text-strong)}.pstudio-glass:before{backdrop-filter:blur(40px) saturate(2);-webkit-backdrop-filter:blur(40px) saturate(2);border-radius:inherit;content:"";inset:0;position:absolute;z-index:-1}