@font-face{font-family:Lato;src:url(/fonts/Lato-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Semibold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/fonts/Lato-Bold.ttf)format("truetype");font-weight:700 900;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cf-bg:#15191d;--cf-bg-deep:#101316;--cf-bg-panel:#1b2025;--cf-bg-elev:#252c33;--cf-bg-raised:#2d353d;--cf-bg-input:#111518;--cf-bg-hover:#ffffff0f;--cf-border:#2c333b;--cf-border-strong:#414b56;--cf-text:#eef2f6;--cf-text-dim:#b3bec9;--cf-text-faint:#85919e;--cf-accent:#58a6ff;--cf-accent-strong:#2d82db;--cf-accent-bg:#58a6ff24;--cf-accent-line:#58a6ff80;--cf-danger:#ff7c7c;--cf-success:#58d68d;--cf-warning:#f0b45a;--cf-space-1:4px;--cf-space-2:8px;--cf-space-3:12px;--cf-space-4:16px;--cf-space-5:24px;--cf-space-6:32px;--cf-text-2xs:10px;--cf-text-xs:11px;--cf-text-sm:12px;--cf-text-base:13px;--cf-text-md:14px;--cf-text-lg:16px;--cf-text-xl:20px;--cf-radius-xs:4px;--cf-radius-sm:6px;--cf-radius:9px;--cf-radius-lg:14px;--cf-shadow-1:0 1px 2px #00000047;--cf-shadow-2:0 8px 24px #00000057;--cf-shadow-3:0 24px 64px #00000085;--cf-dur:.16s;--cf-ease:cubic-bezier(.2, .7, .2, 1);--cf-font:"Lato", "Segoe UI", system-ui, -apple-system, sans-serif;--cf-mono:ui-monospace, "JetBrains Mono", "SFMono-Regular", "Cascadia Mono", Consolas, "Liberation Mono", monospace;--cf-palette-w:232px;--cf-panel-w:288px;--cf-status-h:36px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--cf-font);font-size:var(--cf-text-base);background:var(--cf-bg);color:var(--cf-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;margin:0;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}input[type=checkbox]{accent-color:var(--cf-accent);width:15px;height:15px}::placeholder{color:var(--cf-text-faint);opacity:1}::selection{background:var(--cf-accent-bg)}*{scrollbar-width:thin;scrollbar-color:var(--cf-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--cf-border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#58636f padding-box padding-box}.cf-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cf-app{background:radial-gradient(1200px 520px at 50% -12%, #58a6ff0d, transparent 70%), var(--cf-bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.cf-main{flex:1;min-height:0;display:flex}.cf-canvas{isolation:isolate;background:#2b2f34;flex:1;min-width:0;position:relative;overflow:hidden}.cf-canvas:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 22px 58px #00000029}.cf-sidebar{width:var(--cf-panel-w);background:linear-gradient(180deg, var(--cf-bg-panel), #191e23);border-left:1px solid var(--cf-border);flex:none;overflow-y:auto;box-shadow:-1px 0 #00000038}.cf-btn{background:var(--cf-bg-elev);min-height:30px;color:var(--cf-text);border:1px solid var(--cf-border-strong);border-radius:var(--cf-radius-sm);white-space:nowrap;cursor:pointer;transition:background var(--cf-dur) var(--cf-ease), border-color var(--cf-dur) var(--cf-ease), color var(--cf-dur) var(--cf-ease), box-shadow var(--cf-dur) var(--cf-ease), transform 80ms ease;justify-content:center;align-items:center;gap:6px;padding:4px 11px;font-size:12.5px;font-weight:600;line-height:1.2;display:inline-flex}.cf-btn svg{flex:none;width:16px;height:16px}.cf-btn:hover:not(:disabled){background:#333c45;border-color:#4f5b67}.cf-btn:active:not(:disabled){background:#2a3138;transform:translateY(1px)}.cf-btn:focus-visible{border-color:var(--cf-accent);box-shadow:0 0 0 2px var(--cf-bg), 0 0 0 4px var(--cf-accent-line);outline:none}.cf-btn:disabled{opacity:.38;cursor:not-allowed}.cf-btn.active{background:var(--cf-accent-bg);border-color:var(--cf-accent-line);color:#fff;box-shadow:inset 0 0 0 1px #58a6ff2e}.cf-btn-primary{color:#06131f;background:linear-gradient(#68afff,#3d8ff0);border-color:#2f7fc9;font-weight:700;box-shadow:inset 0 1px #ffffff52,0 2px 10px #2d82dc42}.cf-btn-primary:hover:not(:disabled){background:linear-gradient(#7cbbff,#4b9af5);border-color:#3d8fd8}.cf-btn-primary:active:not(:disabled){background:linear-gradient(#559df0,#3486e6)}.cf-btn-danger{color:var(--cf-danger);background:0 0;border-color:#6b3a3a}.cf-btn-danger:hover:not(:disabled){border-color:var(--cf-danger);background:#ff7c7c21}.cf-btn--icon{width:32px;min-width:32px;padding:0}.cf-btn--quiet{color:var(--cf-text-dim);background:0 0;border-color:#0000}.cf-btn--quiet:hover:not(:disabled){background:var(--cf-bg-hover);color:var(--cf-text);border-color:#0000}.cf-btn--export{color:#dfeeff;background:#58a6ff1a;border-color:#58a6ff6b}.cf-btn--export:hover:not(:disabled){border-color:var(--cf-accent);color:#fff;background:#58a6ff2e}.cf-chevron{opacity:.7;width:13px!important;height:13px!important}.cf-toolbar{z-index:20;border-bottom:1px solid var(--cf-border);-webkit-user-select:none;user-select:none;background:linear-gradient(#232a31,#1c2228);flex-direction:column;display:flex;position:relative;box-shadow:0 1px #00000073,0 6px 18px #0000001f}.cf-toolbar-row{flex-wrap:wrap;align-items:center;gap:9px;min-width:0;padding:8px 14px;display:flex}.cf-toolbar-row--project{background:linear-gradient(#ffffff05,#0000);border-bottom:1px solid #ffffff0e;gap:12px;padding:9px 14px 8px}.cf-toolbar-row--tools{padding:7px 14px 8px}.cf-brand-block{flex:none;align-items:center;gap:8px;display:flex}.cf-brand-mark{color:#06131f;background:linear-gradient(145deg,#74b9ff,#2d7fd1);border-radius:8px;place-items:center;width:27px;height:27px;font-size:14px;font-weight:900;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff80,0 2px 10px #2878d252}.cf-brand-word{letter-spacing:.18em;text-transform:uppercase;color:var(--cf-text);font-size:12px;font-weight:700}.cf-project-block{border-left:1px solid var(--cf-border);flex-direction:column;gap:1px;min-width:0;max-width:min(340px,34vw);padding-left:13px;display:flex}.cf-project-name{color:var(--cf-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.25;overflow:hidden}.cf-save-state{color:var(--cf-text-dim);white-space:nowrap;align-items:center;gap:6px;font-size:11px;line-height:1.3;display:inline-flex}.cf-save-dot{background:var(--cf-text-dim);border-radius:999px;flex:none;width:6px;height:6px}.cf-save-state--dirty{color:var(--cf-text-dim)}.cf-save-state--dirty .cf-save-dot{background:var(--cf-accent);box-shadow:0 0 0 3px var(--cf-accent-bg)}.cf-save-state--saving{color:var(--cf-accent)}.cf-save-state--saving .cf-save-dot{background:var(--cf-accent);animation:1.1s ease-in-out infinite cf-pulse}.cf-save-state--saved .cf-save-dot{background:var(--cf-success)}.cf-save-state--error{color:var(--cf-danger)}.cf-save-state--error .cf-save-dot{background:var(--cf-danger)}.cf-save-btn{padding-inline:18px}.cf-toolbar-group{border:1px solid var(--cf-border);border-radius:var(--cf-radius);background:#ffffff09;align-items:center;gap:2px;padding:3px;display:flex}.cf-toolbar-group .cf-btn{box-shadow:none;background:0 0;border-color:#0000}.cf-toolbar-group .cf-btn:hover:not(:disabled){background:var(--cf-bg-hover);border-color:#0000}.cf-toolbar-group .cf-btn.active{background:var(--cf-accent-bg);border-color:var(--cf-accent-line);color:#fff}.cf-toolbar-group .cf-btn-primary{color:#06131f;background:linear-gradient(#68afff,#3d8ff0);border-color:#2f7fc9}.cf-toolbar-group .cf-btn-primary:hover:not(:disabled){background:linear-gradient(#7cbbff,#4b9af5);border-color:#3d8fd8}.cf-tool-group{gap:1px}.cf-tool-btn{color:var(--cf-text-dim);gap:7px;padding:5px 11px}.cf-tool-btn:hover:not(:disabled){color:var(--cf-text)}.cf-tool-btn.active{color:#fff}.cf-tool-group--draw{gap:1px}.cf-tool-group-label{border-right:1px solid var(--cf-border);letter-spacing:.09em;text-transform:uppercase;color:var(--cf-text-faint);white-space:nowrap;align-self:stretch;align-items:center;margin-right:2px;padding:0 8px 0 7px;font-size:9px;font-weight:700;display:flex}.cf-tool-btn--draw{gap:5px;padding:5px 8px}.cf-toolbar-sep{background:var(--cf-border);opacity:.8;width:1px;height:24px;margin:0 2px}.cf-toolbar-spacer{flex:1}.cf-toolbar-field{border:1px solid var(--cf-border);border-radius:var(--cf-radius);height:34px;color:var(--cf-text-faint);background:#ffffff09;align-items:center;gap:8px;padding:0 6px 0 10px;font-size:11px;display:flex}.cf-toolbar-field-label{text-transform:uppercase;letter-spacing:.07em;font-size:9.5px;font-weight:700}.cf-kind-dot{border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 2px #00000047}.cf-toolbar-field select{background:var(--cf-bg-input);border-radius:var(--cf-radius-xs);max-width:160px;height:26px;color:var(--cf-text);border:1px solid #0000;padding:2px 8px;font-size:12px}.cf-toolbar-field select:hover{border-color:var(--cf-border-strong)}.cf-toolbar-field select:focus{border-color:var(--cf-accent);outline:none}.cf-drawbar{background:linear-gradient(90deg,#58a6ff12,#0000 46%),linear-gradient(#20262d,#1b2127);border-top:1px solid #ffffff0e;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:6px 14px 7px;display:flex;box-shadow:inset 0 1px #ffffff06}.cf-drawbar-lead{border-right:1px solid var(--cf-border);color:var(--cf-accent);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:7px;padding-right:10px;font-size:10px;font-weight:700;display:inline-flex}.cf-drawbar-hint{color:var(--cf-text-faint);white-space:nowrap;font-size:11.5px}.cf-drawbar-group{border:1px solid var(--cf-border);border-radius:var(--cf-radius-sm);background:#00000029;align-items:center;gap:6px;min-height:32px;padding:2px 7px;display:inline-flex}.cf-drawbar-group--primary{background:var(--cf-accent-bg);border-color:var(--cf-accent-line);box-shadow:inset 0 0 0 1px #58a6ff1a}.cf-drawbar-group.is-disabled{opacity:.45}.cf-drawbar-label{letter-spacing:.08em;text-transform:uppercase;color:var(--cf-text-faint);white-space:nowrap;font-size:9px;font-weight:700}.cf-color-input{background:var(--cf-bg-input);border:1px solid var(--cf-border-strong);cursor:pointer;border-radius:6px;width:28px;height:26px;padding:2px}.cf-color-input::-webkit-color-swatch-wrapper{padding:0}.cf-color-input::-webkit-color-swatch{border:0;border-radius:3px}.cf-color-input::-moz-color-swatch{border:0;border-radius:3px}.cf-color-input:hover:not(:disabled){border-color:var(--cf-accent)}.cf-color-input:focus-visible{border-color:var(--cf-accent);box-shadow:0 0 0 2px var(--cf-accent-line);outline:none}.cf-swatches{align-items:center;gap:1px;display:inline-flex}.cf-swatch{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:24px;height:24px;padding:0;display:inline-grid}.cf-swatch-dot{width:16px;height:16px;transition:transform var(--cf-dur) var(--cf-ease), box-shadow var(--cf-dur) var(--cf-ease);border:1px solid #ffffff47;border-radius:999px;box-shadow:0 0 0 1px #00000059}.cf-swatch:hover .cf-swatch-dot{transform:scale(1.12)}.cf-swatch[aria-pressed=true] .cf-swatch-dot{box-shadow:0 0 0 2px var(--cf-bg-elev), 0 0 0 4px var(--cf-accent)}.cf-swatch:focus-visible{outline:none}.cf-swatch:focus-visible .cf-swatch-dot{box-shadow:0 0 0 2px var(--cf-bg), 0 0 0 4px var(--cf-accent)}.cf-none-swatch{border:1px solid var(--cf-border);min-height:26px;color:var(--cf-text-dim);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:10.5px;font-weight:600;display:inline-flex}.cf-none-swatch:hover{background:var(--cf-bg-hover);color:var(--cf-text)}.cf-none-swatch.is-active{background:var(--cf-bg-elev);border-color:var(--cf-border-strong);color:#fff}.cf-none-swatch:focus-visible{box-shadow:0 0 0 2px var(--cf-accent-line);outline:none}.cf-none-mark{background:linear-gradient(135deg, transparent 44%, var(--cf-danger) 44%, var(--cf-danger) 56%, transparent 56%), var(--cf-bg-input);border:1px solid var(--cf-border-strong);border-radius:3px;width:12px;height:12px}.cf-drawbar-range{width:88px;height:22px;accent-color:var(--cf-accent);cursor:pointer;margin:0}.cf-drawbar-value{min-width:36px;font-family:var(--cf-mono);color:var(--cf-text-dim);text-align:right;font-variant-numeric:tabular-nums;font-size:10px}.cf-seg{background:var(--cf-bg-input);border:1px solid var(--cf-border);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.cf-seg button{min-height:24px;color:var(--cf-text-dim);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:0 8px;font-size:10.5px;font-weight:600}.cf-seg button:hover:not(:disabled){color:var(--cf-text);background:var(--cf-bg-hover)}.cf-seg button.active{background:var(--cf-accent-bg);border-color:var(--cf-accent-line);color:#fff}.cf-seg button:focus-visible{box-shadow:0 0 0 2px var(--cf-accent-line);outline:none}.cf-seg button:disabled{cursor:not-allowed}.cf-menu{position:relative}.cf-menu-items{z-index:40;border:1px solid var(--cf-border-strong);border-radius:var(--cf-radius);min-width:224px;box-shadow:var(--cf-shadow-3);animation:cf-menu-in .12s var(--cf-ease);background:linear-gradient(#2b323a,#242a31);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 7px);right:0}.cf-menu-heading{letter-spacing:.09em;text-transform:uppercase;color:var(--cf-text-faint);margin:6px 8px 4px;font-size:9.5px;font-weight:700}.cf-menu-heading--note{border-top:1px solid var(--cf-border);letter-spacing:0;text-transform:none;white-space:normal;margin-top:8px;padding-top:8px;font-size:10.5px;font-weight:400;line-height:1.45}.cf-menu-item{border-radius:var(--cf-radius-sm);width:100%;min-height:32px;color:var(--cf-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:6px 9px;font-size:12.5px;display:flex}.cf-menu-item svg{width:16px;height:16px;color:var(--cf-text-dim);flex:none}.cf-menu-item:hover,.cf-menu-item:focus-visible{background:var(--cf-accent-bg);color:#fff;outline:none}.cf-menu-item:hover svg,.cf-menu-item:focus-visible svg{color:var(--cf-accent)}.cf-menu-item-body{flex-direction:column;gap:1px;min-width:0;display:flex}.cf-menu-item-hint{color:var(--cf-text-faint);font-size:10.5px;line-height:1.3}.cf-menu-item--danger{color:var(--cf-danger)}.cf-menu-item--danger:hover,.cf-menu-item--danger:focus-visible{color:var(--cf-danger);background:#ff7c7c1f}.cf-menu-divider{background:var(--cf-border);height:1px;margin:6px 4px}.cf-format-badge{border:1px solid var(--cf-border);border-radius:var(--cf-radius-xs);min-width:40px;height:20px;color:var(--cf-text-dim);font-family:var(--cf-mono);letter-spacing:.04em;background:#ffffff0e;flex:none;place-items:center;padding:0 5px;font-size:9px;font-weight:700;display:inline-grid}.cf-menu-item:hover .cf-format-badge,.cf-menu-item:focus-visible .cf-format-badge{color:#fff;border-color:#58a6ff66}.cf-panel{border-bottom:1px solid var(--cf-border);padding:15px 16px 18px}.cf-panel-title{text-transform:uppercase;letter-spacing:.09em;color:var(--cf-text-faint);align-items:center;gap:7px;margin:0 0 12px;font-size:10.5px;font-weight:700;display:flex}.cf-panel-title svg{width:14px;height:14px;color:var(--cf-text-dim);flex:none}.cf-title-count{background:var(--cf-bg-elev);border:1px solid var(--cf-border);font-family:var(--cf-mono);letter-spacing:0;color:var(--cf-text-faint);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:9.5px}.cf-panel-subtitle{color:var(--cf-text);overflow-wrap:anywhere;margin:0 0 12px;font-size:14px;font-weight:700}.cf-hint{color:var(--cf-text-dim);margin:0;font-size:12.5px;line-height:1.55}.cf-empty{border:1px dashed var(--cf-border-strong);border-radius:var(--cf-radius);background:#ffffff05;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 16px;display:flex}.cf-empty-icon{background:var(--cf-accent-bg);width:38px;height:38px;color:var(--cf-accent);border-radius:10px;place-items:center;margin-bottom:2px;display:grid}.cf-empty-title{color:var(--cf-text);margin:0;font-size:13px;font-weight:700}.cf-empty-copy{color:var(--cf-text-faint);margin:0;font-size:12px;line-height:1.5}.cf-field{flex-direction:column;gap:4px;min-width:0;margin-bottom:10px;display:flex}.cf-field-label{color:var(--cf-text-dim);font-size:11px;font-weight:600}.cf-field input[type=text],.cf-field input[type=number],.cf-field select,.cf-field textarea{background:var(--cf-bg-input);border:1px solid var(--cf-border-strong);border-radius:var(--cf-radius-sm);width:100%;min-height:30px;color:var(--cf-text);transition:border-color var(--cf-dur) var(--cf-ease), box-shadow var(--cf-dur) var(--cf-ease);padding:5px 8px;font-size:12.5px}.cf-field textarea{resize:vertical;min-height:52px}.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{border-color:var(--cf-accent);box-shadow:0 0 0 2px var(--cf-accent-bg);outline:none}.cf-field input:disabled,.cf-field select:disabled,.cf-field textarea:disabled{opacity:.5}.cf-input-row{align-items:center;gap:6px;display:flex}.cf-suffix{color:var(--cf-text-faint);flex:none;font-size:11px}.cf-row{align-items:flex-end;gap:6px;display:flex}.cf-row .cf-field{flex:1}.cf-properties-actions{z-index:3;border-top:1px solid var(--cf-border);background:linear-gradient(#1a202600 0,#1a2026f0 12px,#1a2025 20px);align-items:stretch;gap:8px;margin-top:16px;padding:12px 0;display:flex;position:sticky;bottom:0;box-shadow:0 -10px 20px #090c0f3d}.cf-properties-actions .cf-btn{flex:1 1 0;min-width:0}.cf-checks{flex-wrap:wrap;gap:8px 18px;margin:4px 0 14px;display:flex}.cf-check{min-height:24px;color:var(--cf-text);cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}.cf-check--row{border-radius:var(--cf-radius-xs);min-height:36px;padding:0 2px}.cf-check--row:hover{color:#fff}.cf-check+.cf-check{margin-top:2px}.cf-toggle-list{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.cf-grid-size{margin-top:10px}.cf-mm{color:var(--cf-text-faint);font-family:var(--cf-mono);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;padding-bottom:7px;font-size:10.5px}.cf-palette{width:var(--cf-palette-w);background:linear-gradient(180deg, var(--cf-bg-panel), #191e23);border-right:1px solid var(--cf-border);flex:none;padding:14px 12px 20px;overflow-y:auto}.cf-symbol-group{margin:0;padding:0 0 14px}.cf-symbol-group+.cf-symbol-group{border-top:1px solid var(--cf-border);padding-top:14px}.cf-symbol-group:last-child{padding-bottom:0}.cf-symbol-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--cf-text-faint);justify-content:space-between;align-items:center;gap:8px;margin:0 1px 8px;font-size:10px;font-weight:700;display:flex}.cf-symbol-count{font-family:var(--cf-mono);letter-spacing:0;color:var(--cf-text-faint);opacity:.8;font-size:9.5px}.cf-symbol-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.cf-symbol-btn{border:1px solid var(--cf-border);width:100%;min-height:74px;color:var(--cf-text);cursor:pointer;text-align:left;transition:background var(--cf-dur) var(--cf-ease), border-color var(--cf-dur) var(--cf-ease), transform var(--cf-dur) var(--cf-ease);background:#ffffff05;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;padding:9px;display:flex}.cf-symbol-btn:hover{background:var(--cf-bg-hover);border-color:var(--cf-border-strong);transform:translateY(-1px)}.cf-symbol-btn:focus-visible{border-color:var(--cf-accent);box-shadow:0 0 0 2px var(--cf-accent-line);outline:none}.cf-symbol-btn.active{background:var(--cf-accent-bg);border-color:var(--cf-accent);box-shadow:inset 0 0 0 1px #58a6ff33}.cf-symbol-icon{color:var(--cf-text);flex:none}.cf-symbol-btn.active .cf-symbol-icon{color:#fff}.cf-symbol-name{color:var(--cf-text-dim);text-align:left;font-size:11.5px;line-height:1.25}.cf-symbol-btn.active .cf-symbol-name{color:#fff}.cf-palette-tools{border:1px solid var(--cf-border);background:#ffffff06;border-radius:8px;align-items:center;gap:8px;margin:-2px 0 14px;padding:5px 6px 5px 9px;display:flex}.cf-palette-tools-label{letter-spacing:.08em;text-transform:uppercase;color:var(--cf-text-faint);font-size:9.5px;font-weight:700}.cf-palette-tools-value{font-family:var(--cf-mono);color:var(--cf-text-dim);margin-right:auto;font-size:9.5px}.cf-symbol-group--custom .cf-symbol-group-title{color:var(--cf-text-dim)}.cf-symbol-item{min-width:0;position:relative}.cf-symbol-item .cf-symbol-btn{height:100%}.cf-symbol-captured{background:#eef1f4;border:1px solid #c7cfd7;border-radius:6px;place-items:center;width:42px;height:36px;padding:4px;display:inline-grid;box-shadow:inset 0 1px #ffffffbf}.cf-symbol-btn .cf-symbol-captured .cf-symbol-icon{color:#1b2025}.cf-palette--sheet .cf-symbol-captured{width:50px;height:44px;padding:5px}.cf-symbol-delete{border:1px solid var(--cf-border);width:26px;height:26px;color:var(--cf-text-faint);opacity:0;pointer-events:none;cursor:pointer;transition:opacity var(--cf-dur) var(--cf-ease), background var(--cf-dur) var(--cf-ease), color var(--cf-dur) var(--cf-ease), border-color var(--cf-dur) var(--cf-ease);background:#111518d1;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:4px;right:4px}.cf-symbol-item:hover .cf-symbol-delete,.cf-symbol-item:focus-within .cf-symbol-delete{opacity:1;pointer-events:auto}.cf-symbol-delete:hover{color:var(--cf-danger);background:#ff7c7c29;border-color:#ff7c7c80}.cf-symbol-delete:focus-visible{opacity:1;border-color:var(--cf-danger);outline:none;box-shadow:0 0 0 2px #ff7c7c47}.cf-palette-empty{border:1px dashed var(--cf-border);color:var(--cf-text-faint);background:#ffffff04;border-radius:7px;margin:0;padding:9px 10px;font-size:11px;line-height:1.45}.cf-layer-list{margin-bottom:10px}.cf-layer-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;padding:2px 0;display:grid}.cf-layer-row+.cf-layer-row{border-top:1px solid #ffffff0b}.cf-layer-name{min-width:0;color:var(--cf-text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.cf-layer-row--off .cf-layer-name{color:var(--cf-text-faint)}.cf-layer-controls{align-items:center;gap:3px;display:flex}.cf-layer-toggle{border-radius:var(--cf-radius-sm);width:32px;height:32px;color:var(--cf-text-dim);cursor:pointer;transition:background var(--cf-dur) var(--cf-ease), border-color var(--cf-dur) var(--cf-ease), color var(--cf-dur) var(--cf-ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.cf-layer-toggle svg{width:16px;height:16px}.cf-layer-toggle:hover:not(:disabled){background:var(--cf-bg-hover);color:var(--cf-text)}.cf-layer-toggle.is-on{color:var(--cf-accent);background:var(--cf-accent-bg);border-color:#58a6ff47}.cf-layer-toggle.is-locked{color:var(--cf-warning);background:#f0b45a1a;border-color:#f0b45a47}.cf-layer-toggle:focus-visible{box-shadow:0 0 0 2px var(--cf-accent-line);outline:none}.cf-layer-toggle:disabled{opacity:.32;cursor:not-allowed}.cf-statusbar{min-height:var(--cf-status-h);border-top:1px solid var(--cf-border);color:var(--cf-text-dim);-webkit-user-select:none;user-select:none;background:linear-gradient(#1e242a,#181d22);align-items:center;gap:0;padding:0 8px;font-size:11.5px;display:flex}.cf-status-cell{height:var(--cf-status-h);white-space:nowrap;font-variant-numeric:tabular-nums;border-right:1px solid #ffffff0e;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.cf-status-axis{letter-spacing:.04em;color:var(--cf-accent);font-size:9.5px;font-weight:700}.cf-status-axis--y{margin-left:6px}.cf-status-key{letter-spacing:.06em;text-transform:uppercase;color:var(--cf-text-faint);font-size:9.5px;font-weight:700}.cf-status-value{font-family:var(--cf-mono);color:var(--cf-text-dim);font-size:10.5px}.cf-status-mm,.cf-status-idle{color:var(--cf-text-faint);font-size:10.5px}.cf-status-idle{font-family:var(--cf-mono)}.cf-status-message{min-width:0;color:var(--cf-text);flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.cf-status-pip{background:var(--cf-accent);width:5px;height:5px;box-shadow:0 0 0 3px var(--cf-accent-bg);border-radius:999px;flex:none}.cf-status-message-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cf-zoom{border-right:1px solid #ffffff0e;align-items:center;gap:2px;padding:0 6px;display:flex}.cf-zoom .cf-btn{min-width:28px;height:26px;color:var(--cf-text-dim);background:0 0;border-color:#0000;padding:0 7px}.cf-zoom .cf-btn:hover:not(:disabled){background:var(--cf-bg-hover);color:var(--cf-text)}.cf-zoom .cf-btn svg{width:15px;height:15px}.cf-zoom-reset{font-family:var(--cf-mono);font-size:10px!important}.cf-page-tabs{align-items:center;gap:3px;max-width:44vw;padding-left:8px;display:flex;overflow-x:auto}.cf-page-tab{border-radius:var(--cf-radius-xs);min-height:24px;color:var(--cf-text-faint);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;padding:2px 9px;font-size:11px}.cf-page-tab:hover{color:var(--cf-text);background:var(--cf-bg-hover)}.cf-page-tab.active{border-color:var(--cf-accent-line);color:#fff;background:var(--cf-accent-bg)}.cf-page-tab:focus-visible{outline:2px solid var(--cf-accent);outline-offset:1px}.cf-welcome{background:radial-gradient(1200px 620px at 68% -15%,#4c9aff1c,#0000 62%),linear-gradient(#191c1f 0%,#15181a 100%);height:100vh;padding:clamp(18px,3vh,32px) clamp(18px,3.5vw,48px);position:relative;overflow:hidden}.cf-welcome:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 76% at 62% 0,#000 18%,#0000 78%);mask-image:radial-gradient(90% 76% at 62% 0,#000 18%,#0000 78%)}.cf-welcome-inner{z-index:1;flex-direction:column;gap:clamp(14px,2.2vh,22px);max-width:1340px;height:100%;margin:0 auto;display:flex;position:relative}.cf-welcome-header{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.cf-welcome-brandline{align-items:baseline;gap:12px;min-width:0;display:flex}.cf-brand{letter-spacing:2.5px;color:var(--cf-text);margin:0;font-size:27px;font-weight:700;line-height:1}.cf-welcome-tagline{color:var(--cf-text-dim);letter-spacing:.2px;font-size:13px}.cf-welcome-note{color:var(--cf-text-faint);white-space:nowrap;font-size:11.5px}.cf-welcome-cols{flex:1;grid-template-columns:minmax(300px,372px) minmax(0,1fr);gap:clamp(14px,1.6vw,22px);min-height:0;display:grid}.cf-start-panel{background:var(--cf-bg-panel);border:1px solid var(--cf-border);border-radius:12px;flex-direction:column;gap:14px;min-height:0;padding:22px;display:flex;overflow-y:auto;box-shadow:0 14px 40px #00000047,inset 0 1px #ffffff08}.cf-start-heading{flex-direction:column;gap:4px;display:flex}.cf-start-title{text-transform:uppercase;letter-spacing:1.1px;color:var(--cf-text-dim);margin:0;font-size:11px;font-weight:700}.cf-start-copy{color:var(--cf-text-dim);margin:0;font-size:13px;line-height:1.5}.cf-dropzone{background:var(--cf-bg-input);color:var(--cf-text-dim);cursor:pointer;text-align:center;border:2px dashed #566072;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:32px 18px;transition:border-color .15s,background .15s,color .15s;display:flex}.cf-dropzone:hover,.cf-dropzone.drag{border-color:var(--cf-accent);background:var(--cf-accent-bg);color:var(--cf-text)}.cf-dropzone:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}.cf-dropzone-title{color:var(--cf-text);font-size:15px;font-weight:600}.cf-dropzone-sub{max-width:260px;color:var(--cf-text-faint);font-size:11.5px;line-height:1.45}.cf-dropzone:hover .cf-dropzone-sub,.cf-dropzone.drag .cf-dropzone-sub{color:var(--cf-text-dim)}.cf-start-divider{color:var(--cf-text-faint);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:10px;font-size:10.5px;display:flex}.cf-start-divider:before,.cf-start-divider:after{content:"";background:var(--cf-border);flex:1;height:1px}.cf-welcome-actions{flex-direction:column;gap:8px;display:flex}.cf-welcome-actions .cf-btn{text-align:center;padding:8px 16px}.cf-welcome-message{border-top:1px solid var(--cf-border);min-height:18px;color:var(--cf-text-faint);overflow-wrap:anywhere;margin:0;padding-top:10px;font-size:11.5px;line-height:1.5}.cf-welcome-message--active{color:var(--cf-text)}.cf-welcome-library{min-width:0;min-height:0;display:flex}.cf-welcome-library>.cf-library{flex:1}.cf-library{flex-direction:column;min-height:0;display:flex}.cf-library:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-2px;border-radius:12px}.cf-library--panel{background:var(--cf-bg-panel);border:1px solid var(--cf-border);border-radius:12px;overflow:hidden;box-shadow:0 18px 50px #00000057,inset 0 1px #ffffff08}.cf-library--modal{height:100%}.cf-library-head{justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 20px 12px;display:flex}.cf-library-heading{min-width:0}.cf-library-title{letter-spacing:.2px;color:var(--cf-text);margin:0;font-size:18px;font-weight:650}.cf-library-count{color:var(--cf-text-faint);font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:11.5px}.cf-library-refresh{flex:none;padding:3px 10px;font-size:11.5px}.cf-library-search{align-items:center;padding:0 20px 12px;display:flex;position:relative}.cf-library-search input{background:var(--cf-bg-input);border:1px solid var(--cf-border-strong);width:100%;color:var(--cf-text);border-radius:6px;padding:7px 32px 7px 10px;font-size:12.5px}.cf-library-search input:focus{border-color:var(--cf-accent);box-shadow:0 0 0 2px var(--cf-accent-bg);outline:none}.cf-library-search input::-webkit-search-cancel-button{display:none}.cf-library-search-clear{width:20px;height:20px;color:var(--cf-text-faint);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex;position:absolute;top:50%;right:26px;transform:translateY(calc(-50% - 6px))}.cf-library-search-clear:hover{color:var(--cf-text);background:var(--cf-bg-elev)}.cf-library-search-clear:focus-visible{outline:2px solid var(--cf-accent);outline-offset:1px}.cf-library-error{border:1px solid #6b3a3a;border-left:3px solid var(--cf-danger);background:#ef6f6f14;border-radius:6px;align-items:center;gap:12px;margin:0 20px 12px;padding:9px 12px;display:flex}.cf-library-error p{color:var(--cf-text);overflow-wrap:anywhere;flex:1;margin:0;font-size:12px;line-height:1.45}.cf-library-error .cf-btn{flex:none;padding:3px 10px;font-size:11.5px}.cf-library-scroll{flex-direction:column;flex:1;min-height:0;padding:0 12px 12px;display:flex;overflow-y:auto}.cf-library-empty{text-align:center;border:1px dashed var(--cf-border-strong);background:#ffffff04;border-radius:10px;flex-direction:column;align-items:center;gap:8px;margin:auto 8px;padding:38px 22px;display:flex}.cf-library-empty--error{background:#ef6f6f0f;border-color:#6b3a3a}.cf-library-empty--error .cf-library-empty-title{color:var(--cf-danger)}.cf-library-empty-title{color:var(--cf-text);margin:0;font-size:14px;font-weight:600}.cf-library-empty-copy{max-width:380px;color:var(--cf-text-faint);margin:0;font-size:12.5px;line-height:1.55}.cf-library-empty .cf-btn{margin-top:6px}.cf-project-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cf-project-row{border-bottom:1px solid var(--cf-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 10px;transition:background .12s;display:grid;position:relative}.cf-project-row:last-child{border-bottom:0}.cf-project-row:before{content:"";background:0 0;border-radius:2px;width:2px;transition:background .12s;position:absolute;top:10px;bottom:10px;left:0}.cf-project-row:hover{background:var(--cf-bg-hover)}.cf-project-row:hover:before{background:var(--cf-border-strong)}.cf-project-row--current{background:linear-gradient(90deg, var(--cf-accent-bg), transparent 62%)}.cf-project-row--current:before,.cf-project-row--current:hover:before{background:var(--cf-accent)}.cf-project-open{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;flex-direction:column;align-items:flex-start;gap:4px;padding:2px 22px 2px 4px;display:flex;position:relative}.cf-project-chevron{width:14px;height:14px;color:var(--cf-text-faint);pointer-events:none;transition:color .12s,transform .12s;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.cf-project-open:hover .cf-project-name{color:#fff}.cf-project-open:hover .cf-project-chevron,.cf-project-open:focus-visible .cf-project-chevron{color:var(--cf-accent);transform:translate(2px,-50%)}.cf-project-open:focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}.cf-project-open:disabled{cursor:progress;opacity:.65}.cf-project-name-row{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.cf-project-name{color:var(--cf-text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.cf-project-badge{background:var(--cf-accent-bg);border:1px solid var(--cf-accent);color:#fff;letter-spacing:.3px;text-transform:uppercase;border-radius:999px;flex:none;padding:1px 7px;font-size:10px;font-weight:600}.cf-project-badge--busy{background:var(--cf-bg-elev);border-color:var(--cf-border-strong);color:var(--cf-text-dim);text-transform:none}.cf-project-meta{color:var(--cf-text-faint);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:0 6px;font-size:11.5px;display:flex}.cf-project-meta-sep{color:var(--cf-border-strong)}.cf-project-actions{align-items:center;gap:2px;display:flex}.cf-row-action{color:var(--cf-text-faint);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 8px;font-size:11.5px;transition:background .12s,border-color .12s,color .12s}.cf-row-action:hover:not(:disabled){color:var(--cf-text);background:var(--cf-bg-elev);border-color:var(--cf-border-strong)}.cf-row-action:focus-visible{outline:2px solid var(--cf-accent);outline-offset:1px}.cf-row-action--danger{color:var(--cf-danger)}.cf-row-action--danger:hover:not(:disabled){color:var(--cf-danger);background:#ef6f6f1f;border-color:#6b3a3a}.cf-row-action:disabled{opacity:.45;cursor:not-allowed}.cf-skeleton-list{flex-direction:column;padding:2px 0;display:flex}.cf-skeleton-row{border-bottom:1px solid var(--cf-border);flex-direction:column;gap:8px;padding:14px 10px;display:flex}.cf-skeleton-line{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1c 37%,#ffffff0d 63%) 0 0/400% 100%;border-radius:3px;height:9px;animation:1.4s infinite cf-shimmer;display:block}.cf-skeleton-line--title{width:42%;height:12px}.cf-skeleton-line--meta{width:68%}.cf-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080a0cad;justify-content:center;align-items:center;padding:24px;animation:.12s cf-fade-in;display:flex;position:fixed;inset:0}.cf-modal-overlay--top{z-index:1100}.cf-modal{background:var(--cf-bg-panel);border:1px solid var(--cf-border-strong);border-radius:12px;flex-direction:column;width:min(440px,100%);max-height:min(88vh,760px);animation:.16s cf-modal-in;display:flex;box-shadow:0 28px 80px #0000008c,inset 0 1px #ffffff0a}.cf-modal:focus{outline:none}.cf-modal--form{width:min(420px,100%)}.cf-modal--confirm{width:min(430px,100%)}.cf-modal--library{width:min(760px,100%);height:auto;max-height:min(86vh,760px)}.cf-modal-head{justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 12px 20px;display:flex}.cf-modal-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.cf-modal-title{color:var(--cf-text);margin:0;font-size:16px;font-weight:650}.cf-modal-description{color:var(--cf-text-faint);margin:0;font-size:12px;line-height:1.5}.cf-modal-close{width:26px;height:26px;color:var(--cf-text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;justify-content:center;align-items:center;padding:0;font-size:19px;line-height:1;display:inline-flex}.cf-modal-close:hover:not(:disabled){background:var(--cf-bg-elev);border-color:var(--cf-border-strong);color:var(--cf-text)}.cf-modal-close:focus-visible{outline:2px solid var(--cf-accent);outline-offset:1px}.cf-modal-close:disabled{opacity:.4;cursor:not-allowed}.cf-modal-body{min-height:0;padding:0 20px 20px;overflow-y:auto}.cf-modal--library .cf-modal-body{flex-direction:column;padding:0;display:flex;overflow:hidden}.cf-modal--library .cf-library{flex:1}.cf-dialog-form{flex-direction:column;gap:14px;display:flex}.cf-dialog-form .cf-field{margin-bottom:0}.cf-modal-text{color:var(--cf-text-dim);font-size:13px;line-height:1.55}.cf-modal-text p{margin:0 0 8px}.cf-modal-text p:last-child{margin-bottom:0}.cf-modal-note{color:var(--cf-text-faint);font-size:11.5px}.cf-modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.cf-modal-actions .cf-btn{padding:6px 14px}.cf-form-error{color:var(--cf-danger);background:#ef6f6f14;border:1px solid #6b3a3a;border-radius:5px;margin:0;padding:8px 10px;font-size:12px;line-height:1.45}@keyframes cf-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes cf-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes cf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cf-modal-in{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=980px){.cf-welcome{height:auto;min-height:100vh;overflow-y:auto}.cf-welcome-inner{height:auto}.cf-welcome-cols{grid-template-columns:1fr}.cf-start-panel{overflow:visible}.cf-welcome-library>.cf-library{flex:none;width:100%;height:auto;max-height:min(70vh,640px)}}@media (width<=560px){.cf-project-row{grid-template-columns:minmax(0,1fr);gap:2px}.cf-project-actions{justify-content:flex-end;padding-left:4px}}@media (width<=720px){.cf-toolbar{padding:6px 8px}.cf-project-block{max-width:52vw}.cf-welcome{padding:16px 12px 24px}.cf-welcome-header{flex-direction:column;align-items:flex-start;gap:6px}.cf-welcome-note{white-space:normal}.cf-modal-overlay{padding:12px}.cf-modal--library{height:auto;max-height:calc(100vh - 24px)}}@media (prefers-reduced-motion:reduce){.cf-skeleton-line,.cf-save-state--saving .cf-save-dot,.cf-modal,.cf-modal-overlay{animation:none}.cf-btn:active:not(:disabled){transform:none}}.cf-path-section{border:1px solid var(--cf-border);border-radius:var(--cf-radius);background:#ffffff08;margin-bottom:12px;padding:10px}.cf-path-meta{color:var(--cf-text-dim);margin:0 0 9px;font-size:11.5px}.cf-color-field{flex-direction:column;gap:4px;margin-bottom:9px;display:flex}.cf-color-row{align-items:center;gap:8px;display:flex}.cf-color-row input[type=color]{background:var(--cf-bg-input);border:1px solid var(--cf-border-strong);border-radius:var(--cf-radius-sm);cursor:pointer;flex:none;width:40px;height:26px;padding:2px}.cf-color-row input[type=color]:focus-visible{outline:2px solid var(--cf-accent);outline-offset:1px}.cf-color-row input[type=color]:disabled{opacity:.5;cursor:not-allowed}.cf-color-value{min-width:0;font-family:var(--cf-mono);color:var(--cf-text-dim);text-transform:uppercase;flex:1;font-size:11px}.cf-color-empty{min-width:0;color:var(--cf-text-faint);flex:1;font-size:12px}.cf-color-row .cf-btn{padding:3px 9px;font-size:12px}.cf-quick-fills{margin:-1px 0 10px}.cf-quick-fills-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;display:flex}.cf-quick-fill{background:var(--cf-bg-input);border:1px solid var(--cf-border-strong);cursor:pointer;width:24px;height:24px;transition:transform var(--cf-dur) var(--cf-ease), box-shadow var(--cf-dur) var(--cf-ease), border-color var(--cf-dur) var(--cf-ease);border-radius:6px;padding:0}.cf-quick-fill:hover:not(:disabled){border-color:var(--cf-text-faint);transform:translateY(-1px)}.cf-quick-fill[aria-pressed=true]{border-color:var(--cf-accent);box-shadow:0 0 0 2px var(--cf-bg-panel), 0 0 0 3px var(--cf-accent-line)}.cf-quick-fill:focus-visible{border-color:var(--cf-accent);box-shadow:0 0 0 2px var(--cf-accent-line);outline:none}.cf-quick-fill--none{width:auto;min-height:24px;color:var(--cf-text-dim);white-space:nowrap;background:0 0;padding:0 8px;font-size:10.5px;font-weight:600}.cf-quick-fill--none:hover:not(:disabled){background:var(--cf-bg-hover);color:var(--cf-text);transform:none}.cf-quick-fill--none.is-active{background:var(--cf-bg-elev);border-color:var(--cf-border-strong);color:#fff}.cf-save-symbol{margin:12px 0 2px}.cf-btn-symbol{background:var(--cf-accent-bg);border-color:var(--cf-accent-line);color:#fff;width:100%;min-height:34px}.cf-btn-symbol:hover:not(:disabled){border-color:var(--cf-accent);background:#58a6ff38}.cf-save-symbol-hint{color:var(--cf-text-faint);margin:6px 0 0;font-size:10.5px;line-height:1.45}.cf-symbol-color{border:1px solid var(--cf-border);border-radius:var(--cf-radius);background:#ffffff06;flex-direction:column;gap:5px;margin:0 0 12px;padding:9px 10px 8px;display:flex}.cf-symbol-color .cf-color-row{gap:6px}.cf-symbol-color .cf-color-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cf-symbol-color .cf-btn{flex:none}.cf-field-hint{color:var(--cf-text-faint);margin:0;font-size:10.5px;line-height:1.45}.cf-layer-hint{color:var(--cf-text-faint);margin:8px 0 0;font-size:11px;line-height:1.45}.cf-link-global{margin-bottom:8px}.cf-link-note{color:var(--cf-text-faint);border-left:2px solid var(--cf-border-strong);background:#ffffff08;border-radius:4px;margin:0 0 12px;padding:6px 9px;font-size:11px;line-height:1.45}.cf-link-list-head{justify-content:space-between;align-items:center;gap:8px;margin:2px 0 7px;display:flex}.cf-link-list-count{color:var(--cf-text-dim);font-variant-numeric:tabular-nums;font-size:11px}.cf-link-all{padding:2px 9px;font-size:11px}.cf-link-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.cf-link-row{border:1px solid var(--cf-border);border-radius:var(--cf-radius);background:#ffffff06;align-items:center;gap:4px;padding:3px 4px 3px 3px;transition:border-color .12s,opacity .12s;display:flex}.cf-link-row:hover{border-color:var(--cf-border-strong)}.cf-link-row--hidden{opacity:.55}.cf-link-list--muted .cf-link-row{opacity:.5}.cf-link-main{border-radius:var(--cf-radius-sm);min-width:0;color:var(--cf-text);cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;gap:3px;padding:1px 4px;transition:background .12s;display:flex}.cf-link-main:hover{background:var(--cf-bg-hover)}.cf-link-main:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-1px}.cf-link-code{text-align:center;min-width:24px;font-family:var(--cf-mono);color:#fff;background:var(--cf-accent-bg);border:1px solid var(--cf-accent);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:700}.cf-link-summary{width:100%;color:var(--cf-text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.cf-link-controls{flex:none;align-items:center;gap:3px;display:flex}.cf-link-eye{color:var(--cf-text-faint);justify-content:center;align-items:center;padding:3px 5px;display:inline-flex}.cf-link-eye.active{color:var(--cf-accent);border-color:var(--cf-accent);background:var(--cf-accent-bg)}.cf-link-only{padding:3px 8px;font-size:11px}.cf-link-section{border:1px solid var(--cf-border);border-radius:var(--cf-radius);background:#ffffff08;margin-bottom:12px;padding:10px}.cf-link-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--cf-text-dim);margin:0 0 9px;font-size:11px;font-weight:700}.cf-link-state{color:var(--cf-text);background:var(--cf-accent-bg);border-left:2px solid var(--cf-accent);border-radius:4px;margin:6px 0 0;padding:5px 9px;font-size:11.5px}.cf-link-state--empty{color:var(--cf-text-faint);border-left-color:var(--cf-border-strong);background:#ffffff0a}@media (width<=1380px) and (width>=1181px){.cf-tool-btn{padding-inline:9px}.cf-tool-btn--draw{width:32px;min-width:32px;padding:0}.cf-tool-btn--draw>span{display:none}.cf-tool-group-label{padding-inline:6px}.cf-toolbar-group--doc .cf-btn{width:32px;min-width:32px;padding:0}.cf-toolbar-group--doc .cf-btn-label{display:none}}.cf-app.cf-app--welcome{-webkit-user-select:auto;user-select:auto;display:block;overflow-y:auto}.cf-app--tablet{-webkit-user-select:none;user-select:none;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);max-width:100vw;height:100dvh;display:grid;overflow:hidden}.cf-welcome--tablet{height:auto;min-height:100%;padding:clamp(18px, 3.4vw, 30px) clamp(16px, 3vw, 28px) max(28px, env(safe-area-inset-bottom));overflow:visible}.cf-welcome--tablet .cf-welcome-inner{gap:16px;max-width:760px;height:auto}.cf-welcome--tablet .cf-welcome-header{flex-direction:column;align-items:flex-start;gap:6px}.cf-welcome--tablet .cf-welcome-note{white-space:normal}.cf-welcome--tablet .cf-welcome-cols{flex-direction:column;gap:16px;display:flex}.cf-welcome--tablet .cf-start-panel{border-radius:16px;gap:16px;padding:clamp(18px,4vw,26px);overflow:visible}.cf-start-panel--tablet .cf-start-copy--tablet{font-size:14.5px;line-height:1.5}.cf-dropzone--tablet{background:radial-gradient(120% 130% at 50% 0%, #58a6ff1a, transparent 60%), var(--cf-bg-input);border:1px solid var(--cf-border-strong);touch-action:manipulation;border-radius:14px;gap:9px;padding:22px 18px 20px}.cf-dropzone--tablet:hover,.cf-dropzone--tablet.drag{background:radial-gradient(120% 130% at 50% 0%, #58a6ff29, transparent 62%), var(--cf-bg-input)}.cf-dropzone-glyph{background:var(--cf-accent-bg);border:1px solid var(--cf-accent-line);width:50px;height:50px;color:var(--cf-accent);border-radius:14px;place-items:center;margin-bottom:2px;display:grid}.cf-dropzone--tablet .cf-dropzone-title{letter-spacing:-.01em;font-size:19px;line-height:1.25}.cf-dropzone--tablet .cf-dropzone-sub{max-width:32ch;color:var(--cf-text-dim);font-size:13px;line-height:1.5}.cf-dropzone-cta{color:#06131f;background:linear-gradient(#68afff,#3d8ff0);border:1px solid #2f7fc9;border-radius:10px;justify-content:center;align-items:center;min-height:48px;margin-top:8px;padding:0 28px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff52,0 6px 18px #2d82dc4d}.cf-welcome-actions--tablet{gap:10px}.cf-welcome-actions--tablet .cf-btn{min-height:50px;font-size:14px}.cf-welcome--tablet .cf-welcome-library{display:block}.cf-welcome--tablet .cf-welcome-library>.cf-library{height:auto;max-height:none}.cf-welcome--tablet .cf-library-scroll{overflow:visible}.cf-app--tablet input,.cf-app--tablet textarea{-webkit-user-select:text;user-select:text}.cf-app--tablet .cf-field textarea{resize:none}.cf-app--tablet .cf-palette-tools{min-height:54px}.cf-app--tablet .cf-palette-tools .cf-color-input{width:44px;height:44px}.cf-app--tablet .cf-symbol-delete{opacity:1;pointer-events:auto;width:44px;height:44px}.cf-inspector-scroll .cf-quick-fill{border-radius:9px;width:44px;height:44px}.cf-inspector-scroll .cf-quick-fill--none{width:auto;min-height:44px}.cf-inspector-scroll .cf-btn-symbol{min-height:48px}.cf-tablet-stage{min-height:0;position:relative;overflow:hidden}.cf-tablet-stage .cf-canvas{position:absolute;inset:0}.cf-appbar{z-index:40;min-height:58px;padding:max(8px, env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--cf-border);background:linear-gradient(#232a31,#1c2228);align-items:center;gap:10px;display:flex;position:relative;box-shadow:0 2px 14px #00000038}.cf-appbar .cf-brand-mark{border-radius:9px;width:30px;height:30px;font-size:15px}.cf-appbar-identity{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.cf-appbar-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.cf-appbar-name{color:var(--cf-text);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;line-height:1.25;overflow:hidden}.cf-appbar .cf-save-state{font-size:10.5px}.cf-appbar-actions{flex:none;align-items:center;gap:6px;display:flex}.cf-appbar .cf-btn{border-radius:8px;min-height:44px;padding:0 13px}.cf-appbar .cf-btn--icon{width:44px;min-width:44px;padding:0}.cf-appbar-save{padding-inline:14px!important}.cf-appbar-library{background:#ffffff0d}.cf-appbar-more{display:flex}.cf-appbar-more-btn.active{background:var(--cf-accent-bg);border-color:var(--cf-accent-line);color:#fff}.cf-appbar .cf-menu-items{z-index:90;overscroll-behavior:contain;min-width:min(300px,88vw);max-height:calc(100dvh - 76px);top:calc(100% + 8px);right:0;overflow-y:auto}.cf-menu-items--tablet .cf-menu-item{min-height:44px;padding:7px 9px}.cf-menu-items--tablet .cf-menu-item+.cf-menu-item{margin-top:1px}.cf-menu-items--tablet .cf-menu-heading{margin-top:8px}.cf-tablet-bottom{z-index:30;border-top:1px solid var(--cf-border);padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#1d2329,#171c21);position:relative;box-shadow:0 -8px 28px #0000003d}.cf-drawbar--tablet{background:linear-gradient(#222930,#1d232a);border-top:0;border-bottom:1px solid #ffffff0d;gap:4px 6px;padding:4px 6px}.cf-drawbar--tablet .cf-drawbar-lead{gap:5px;padding-right:6px;font-size:9.5px}.cf-drawbar--tablet .cf-drawbar-lead>span{display:none}.cf-drawbar--tablet .cf-drawbar-hint{white-space:normal;flex:100%;order:10;font-size:11px}.cf-drawbar--tablet .cf-drawbar-group{gap:2px;min-height:48px;padding:2px}.cf-drawbar--tablet .cf-swatches{gap:0}.cf-drawbar--tablet .cf-drawbar-label{font-size:9px}.cf-drawbar--tablet .cf-color-input,.cf-drawbar--tablet .cf-swatch{width:44px;height:44px}.cf-drawbar--tablet .cf-swatch-dot{width:22px;height:22px}.cf-drawbar--tablet .cf-none-swatch{min-height:44px;padding:0 8px;font-size:10.5px}.cf-drawbar--tablet .cf-drawbar-range{width:104px;height:44px}.cf-drawbar--tablet .cf-drawbar-value{font-size:11px}.cf-drawbar--tablet .cf-seg button{min-height:44px;padding:0 11px;font-size:11.5px}@media (width<=760px){.cf-drawbar--tablet{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.cf-drawbar--tablet .cf-drawbar-lead,.cf-drawbar--tablet .cf-drawbar-group,.cf-drawbar--tablet .cf-drawbar-hint{flex:none}.cf-drawbar--tablet .cf-drawbar-hint{white-space:nowrap;order:0}}.cf-tablet-status{min-height:44px;color:var(--cf-text-faint);border-bottom:1px solid #ffffff0b;align-items:center;gap:10px;padding:3px 12px;font-size:11px;display:flex;overflow:hidden}.cf-tablet-msg{min-width:0;color:var(--cf-text-dim);flex:1;align-items:center;gap:7px;display:flex;overflow:hidden}.cf-tablet-msg-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cf-tablet-msg-idle{color:var(--cf-text-faint)}.cf-tablet-page,.cf-tablet-wire{flex:none;align-items:center;gap:6px;min-height:44px;padding:0 2px;display:flex}.cf-tablet-page select,.cf-tablet-wire select{background:var(--cf-bg-input);border:1px solid var(--cf-border);border-radius:var(--cf-radius-xs);max-width:132px;height:44px;color:var(--cf-text-dim);padding:0 6px;font-size:11px}.cf-tablet-wire select{max-width:150px}.cf-tablet-wire-label{letter-spacing:.06em;text-transform:uppercase;color:var(--cf-text-faint);font-size:9.5px;font-weight:700}.cf-tablet-zoom{border-left:1px solid var(--cf-border);font-family:var(--cf-mono);color:var(--cf-text-dim);flex:none;padding-left:10px;font-size:10.5px}.cf-dock{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:6px 5px;padding:7px 10px 8px;display:flex}.cf-dock-group{border:1px solid var(--cf-border);background:#ffffff09;border-radius:13px;align-items:center;gap:2px;padding:2px;display:flex}.cf-dock-group-label{border-right:1px solid var(--cf-border);letter-spacing:.08em;text-transform:uppercase;color:var(--cf-text-faint);white-space:nowrap;align-self:stretch;align-items:center;margin-right:1px;padding:0 7px;font-size:9px;font-weight:700;display:flex}.cf-dock-btn{min-width:56px;min-height:52px;color:var(--cf-text-dim);white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background var(--cf-dur) var(--cf-ease), color var(--cf-dur) var(--cf-ease), border-color var(--cf-dur) var(--cf-ease), transform 80ms ease;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 7px;font-size:10.5px;font-weight:600;line-height:1;display:flex}.cf-dock-btn svg{flex:none;width:20px;height:20px}.cf-dock-btn:hover:not(:disabled){background:var(--cf-bg-hover);color:var(--cf-text)}.cf-dock-btn.active{background:var(--cf-accent-bg);border-color:var(--cf-accent-line);color:#fff;box-shadow:inset 0 0 0 1px #58a6ff29}.cf-dock-btn:active:not(:disabled){transform:scale(.97)}.cf-dock-btn:disabled{opacity:.32;cursor:not-allowed}.cf-dock-btn:focus-visible{box-shadow:0 0 0 2px var(--cf-bg), 0 0 0 4px var(--cf-accent-line);outline:none}.cf-dock-btn--icon{min-width:44px;padding:0 6px}.cf-dock-sep{background:var(--cf-border);align-self:stretch;width:1px;margin:7px 0}.cf-symbol-chip{z-index:6;max-width:calc(100% - 24px);box-shadow:var(--cf-shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:cf-chip-in .18s var(--cf-ease);background:#12181eeb;border:1px solid #58a6ff8c;border-radius:999px;align-items:center;gap:7px;padding:4px 4px 4px 12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.cf-symbol-chip-echo{letter-spacing:.06em;text-transform:uppercase;color:var(--cf-text-faint);white-space:nowrap;flex:none;font-size:9.5px;font-weight:700}.cf-symbol-chip>svg{color:var(--cf-accent);flex:none}.cf-symbol-chip-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.cf-symbol-chip-close{width:44px;height:44px;color:var(--cf-text-dim);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.cf-symbol-chip-close:hover{background:var(--cf-bg-hover);color:#fff}.cf-symbol-chip-close:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-2px}.cf-sheet-overlay{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06090c8f;animation:.14s cf-fade-in;display:flex;position:fixed;inset:0}.cf-sheet-overlay--bottom{justify-content:center;align-items:flex-end}.cf-sheet-overlay--right{justify-content:flex-end;align-items:stretch}.cf-sheet{border:1px solid var(--cf-border-strong);min-height:0;box-shadow:var(--cf-shadow-3);background:linear-gradient(#20272d,#1a2025);outline:none;flex-direction:column;display:flex}.cf-sheet--bottom{width:100%;max-width:1020px;max-height:76dvh;animation:cf-sheet-up .22s var(--cf-ease);border-bottom:0;border-radius:18px 18px 0 0}.cf-sheet--right{width:min(400px,94vw);height:100dvh;animation:cf-sheet-right .22s var(--cf-ease);border-top:0;border-bottom:0;border-right:0;border-radius:0}.cf-sheet-head{border-bottom:1px solid var(--cf-border);flex:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 12px 12px 18px;display:flex;position:relative}.cf-sheet--bottom .cf-sheet-head{padding-top:24px}.cf-sheet--right .cf-sheet-head{padding-top:max(14px, env(safe-area-inset-top))}.cf-sheet-heading{min-width:0}.cf-sheet-title{letter-spacing:-.01em;color:var(--cf-text);margin:0;font-size:17px;font-weight:700}.cf-sheet-desc{color:var(--cf-text-faint);margin:3px 0 0;font-size:12px;line-height:1.4}.cf-sheet-grabber{background:var(--cf-border-strong);border-radius:999px;width:40px;height:4px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.cf-sheet-close{width:44px;height:44px;color:var(--cf-text-dim);cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:10px;flex:none;place-items:center;padding:0;display:grid}.cf-sheet-close:hover{background:var(--cf-bg-hover);border-color:var(--cf-border);color:var(--cf-text)}.cf-sheet-close:focus-visible{box-shadow:0 0 0 2px var(--cf-bg), 0 0 0 4px var(--cf-accent-line);outline:none}.cf-sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:12px 14px max(18px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.cf-sheet-body--fixed{flex-direction:column;padding:0;display:flex;overflow:hidden}.cf-sheet--symbols .cf-sheet-body{padding:4px 12px max(16px, env(safe-area-inset-bottom))}.cf-palette--sheet{background:0 0;border:0;width:auto;padding:0;overflow:visible}.cf-palette--sheet .cf-symbol-grid{grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:8px}.cf-palette--sheet .cf-symbol-btn{touch-action:manipulation;border-radius:10px;min-height:88px;padding:12px}.cf-palette--sheet .cf-symbol-btn:hover{transform:none}.cf-palette--sheet .cf-symbol-icon{width:36px;height:36px}.cf-palette--sheet .cf-symbol-name{font-size:12px}.cf-palette--sheet .cf-symbol-group{padding-bottom:16px}.cf-palette--sheet .cf-symbol-group+.cf-symbol-group{padding-top:16px}.cf-inspector{flex-direction:column;flex:1;min-height:0;display:flex}.cf-tabs{border-bottom:1px solid var(--cf-border);scrollbar-width:none;background:#0000001f;flex:none;gap:2px;padding:8px 10px 0;display:flex;overflow-x:auto}.cf-tabs::-webkit-scrollbar{display:none}.cf-tab{min-height:44px;color:var(--cf-text-faint);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:600;display:flex}.cf-tab svg{flex:none}.cf-tab:hover{color:var(--cf-text)}.cf-tab.active{color:#fff;border-bottom-color:var(--cf-accent);background:linear-gradient(180deg, transparent, var(--cf-accent-bg))}.cf-tab:focus-visible{outline:2px solid var(--cf-accent);outline-offset:-2px}.cf-tab-badge{background:var(--cf-bg-elev);border:1px solid var(--cf-border);min-width:18px;height:16px;font-family:var(--cf-mono);color:var(--cf-text-dim);border-radius:999px;place-items:center;padding:0 4px;font-size:9px;display:inline-grid}.cf-inspector-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:14px 16px 0;overflow-y:auto}.cf-inspector-scroll .cf-panel{padding:0 0 max(20px, calc(env(safe-area-inset-bottom) + 12px));border:0}.cf-inspector-scroll .cf-panel--actions{padding-bottom:0}.cf-inspector-scroll .cf-panel--actions .cf-properties-actions{padding-bottom:max(20px, calc(env(safe-area-inset-bottom) + 12px))}.cf-inspector-scroll .cf-layer-row{min-height:48px}.cf-inspector-scroll .cf-layer-toggle{width:44px;height:44px}.cf-inspector-scroll .cf-check--row{min-height:44px}.cf-inspector-scroll .cf-btn{min-height:44px;padding-inline:14px}.cf-inspector-scroll .cf-row .cf-btn,.cf-inspector-scroll .cf-properties-actions .cf-btn{min-height:44px}.cf-inspector-scroll .cf-field input[type=text],.cf-inspector-scroll .cf-field input[type=number],.cf-inspector-scroll .cf-field select,.cf-inspector-scroll .cf-field textarea{min-height:44px;font-size:16px}.cf-inspector-scroll .cf-field-label,.cf-inspector-scroll .cf-check{font-size:12.5px}.cf-inspector-scroll .cf-link-eye{min-width:44px;min-height:44px}.cf-inspector-scroll .cf-link-only{min-height:44px}.cf-inspector-scroll .cf-link-row{padding:5px}.cf-inspector-scroll .cf-color-row input[type=color]{width:48px;height:44px}.cf-palette,.cf-sidebar,.cf-sheet-body,.cf-inspector-scroll{scrollbar-color:#5b6774 transparent}.cf-palette::-webkit-scrollbar-thumb{background:#5b6774 padding-box padding-box}.cf-sidebar::-webkit-scrollbar-thumb{background:#5b6774 padding-box padding-box}.cf-sheet-body::-webkit-scrollbar-thumb{background:#5b6774 padding-box padding-box}.cf-inspector-scroll::-webkit-scrollbar-thumb{background:#5b6774 padding-box padding-box}.cf-palette:after,.cf-sidebar:after,.cf-sheet-body:after,.cf-inspector-scroll:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#090c0f00,#090c0f9e);height:26px;margin-top:-26px;transition:opacity .12s;display:block;position:sticky;bottom:0}.cf-scroll-more:after{opacity:1}@keyframes cf-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes cf-chip-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes cf-sheet-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes cf-sheet-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (width<=700px){.cf-dock{gap:5px 4px;padding:6px 7px 7px}.cf-dock-btn{min-width:50px;padding:5px}.cf-dock-sep{display:none}}@media (width<=620px){.cf-tablet-status{gap:8px;padding-inline:9px}.cf-tablet-wire-label{display:none}.cf-tablet-wire select{max-width:104px}.cf-tablet-zoom{padding-left:7px}.cf-appbar-library .cf-appbar-btn-label{display:none}.cf-appbar-library{width:44px;min-width:44px;padding:0!important}.cf-sheet--right{width:100vw}}@media (width<=440px){.cf-appbar{gap:7px;padding-inline:9px}.cf-appbar-save .cf-appbar-btn-label,.cf-appbar-save-label{display:none}.cf-appbar-save{width:44px;min-width:44px;padding:0!important}.cf-appbar-name{font-size:12.5px}.cf-symbol-chip-echo{display:none}.cf-sheet-head{padding-left:14px}}@media (prefers-reduced-motion:reduce){.cf-sheet,.cf-sheet-overlay,.cf-menu-items,.cf-symbol-chip{animation:none}.cf-btn,.cf-dock-btn,.cf-symbol-btn,.cf-swatch-dot,.cf-quick-fill,.cf-symbol-delete,.cf-none-swatch{transition:none}.cf-btn:active:not(:disabled),.cf-dock-btn:active:not(:disabled),.cf-swatch:hover .cf-swatch-dot,.cf-quick-fill:hover:not(:disabled),.cf-symbol-btn:hover{transform:none}}