@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";*{font-family:Manrope,sans-serif;box-sizing:border-box}:root{--color-primary:#0070f3;--color-secondary:#00c7a9;--color-accent:#ff4081;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-bg-primary:#ffffff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-border:#e5e7eb;--color-border-hover:#d1d5db;--color-border-focus:var(--color-primary);--color-surface:#ffffff;--color-surface-hover:#f9fafb;--hairline-c:#000;--hairline-1:inset 0 0 0 .5px var(--hairline-c), 0 0 0 .5px var(--hairline-c);--hairline-b:inset 0 -.5px 0 0 var(--hairline-c), 0 .5px 0 0 var(--hairline-c);--hairline-t:inset 0 .5px 0 0 var(--hairline-c), 0 -.5px 0 0 var(--hairline-c);--hairline-l:inset .5px 0 0 0 var(--hairline-c), -.5px 0 0 0 var(--hairline-c);--hairline-r:inset -.5px 0 0 0 var(--hairline-c), .5px 0 0 0 var(--hairline-c);--hairline-lr:inset .5px 0 0 0 var(--hairline-c), -.5px 0 0 0 var(--hairline-c), inset -.5px 0 0 0 var(--hairline-c), .5px 0 0 0 var(--hairline-c);--gray-000:#ffffff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--panelBg:var(--gray-000, var(--color-bg-primary));--textColor:var(--text-primary, var(--color-text-primary));--sidebar-width:300px}[data-theme=dark]{--color-text-primary:#f3f4f6;--color-text-secondary:#d1d5db;--color-text-muted:#9ca3af;--color-bg-primary:#0f1115;--color-bg-secondary:#171a21;--color-bg-tertiary:#22262f;--color-border:#343a46;--color-border-hover:#4b5563;--color-surface:#171a21;--color-surface-hover:#22262f;--color-primary:#60a5fa;--color-secondary:#34d399;--color-accent:#f472b6;--hairline-c:rgba(255, 255, 255, .14);--text-primary:#f3f4f6;--text-secondary:#9ca3af;--gray-000:#0f1115;--gray-50:#141820;--gray-100:#1a1f28;--gray-200:#262b36;--gray-300:#343a46;--gray-400:#4b5563;--gray-500:#6b7280;--gray-600:#9ca3af;--gray-700:#d1d5db;--gray-800:#e5e7eb;--gray-900:#f9fafb;--panelBg:var(--color-bg-primary);--textColor:var(--color-text-primary);--background:var(--color-bg-primary)}body{margin:0;background:var(--panelBg);color:var(--textColor);transition:background-color .15s ease,color .15s ease}.brandguide-page :where(*:not(.loader):not(.loading-spinner):not(.avatar-initials)){border-radius:0!important}.sectionWrapper :where(*:not(.loader):not(.loading-spinner)){border-radius:0!important}a{color:inherit;text-decoration:none}.app-frame{width:100%;min-height:100dvh;height:100vh;display:flex;flex-direction:column;overflow:hidden}.navbar{height:60px;width:100%;display:flex;align-items:stretch;flex-shrink:0;box-shadow:var(--hairline-b);background:var(--panelBg)}.navbar-home{width:auto;min-width:60px;flex-shrink:0;border-radius:0;box-shadow:var(--hairline-r)}.navbar-middle{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:0 1rem;min-width:0}.navbar-title{margin:0;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-subtitle{margin:0;font-size:12px;font-weight:500;color:var(--gray-600, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-actions{display:flex;align-items:stretch;flex-shrink:0;gap:0}.navbar-actions>*{display:flex;align-items:center}.contain{width:100%;flex:1;min-height:0;display:flex;flex-direction:row}.tool-contain{height:calc(100vh - 60px)}.brandguide-page{width:100%;height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}.flush-stage{padding:0;overflow:hidden}.main-stage{flex:1;min-width:0;overflow:auto;background:var(--panelBg);-webkit-overflow-scrolling:touch}.page-scroll{flex:1;min-height:0;overflow:auto;padding:16px;-webkit-overflow-scrolling:touch}.page-scroll.flush{padding:0}.left-sidebar,.right-sidebar{font-family:Manrope,sans-serif;width:var(--sidebar-width);flex-shrink:0;box-sizing:border-box;background-color:var(--panelBg, #ffffff);border:none;display:flex;flex-direction:column;overflow-y:auto}.left-sidebar{box-shadow:var(--hairline-r)}.right-sidebar{box-shadow:var(--hairline-l)}.inputGroup{display:flex;flex-direction:column;gap:12px;padding:20px;border-bottom:none;box-shadow:var(--hairline-b)}.inputGroup h6{margin:0;font-size:14px;font-weight:700;line-height:1.3}.inputGroup label{display:flex;flex-direction:column;gap:6px;font-size:14px}.fc-row{flex-direction:row;align-items:center;gap:8px}.left-sidebar label.fc-row,.right-sidebar label.fc-row{flex-direction:row;align-items:center;gap:8px;cursor:pointer}.left-sidebar label.fc-row input[type=checkbox],.left-sidebar label.fc-row input[type=radio],.right-sidebar label.fc-row input[type=checkbox],.right-sidebar label.fc-row input[type=radio]{width:auto;height:auto;min-height:auto;padding:0;flex-shrink:0;cursor:pointer}.left-sidebar input[type=number],.right-sidebar input[type=number]{width:100%;height:auto;min-height:36px;padding:8px 10px;font-family:inherit;font-size:14px;border:none;border-radius:0;box-shadow:var(--hairline-1);background:var(--panelBg);color:var(--textColor);cursor:text}.left-sidebar input[type=range],.right-sidebar input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:6px;min-height:auto;padding:0;border-radius:0;background:var(--gray-300, #d4d4d4);outline:none;cursor:pointer}.left-sidebar input[type=range]::-webkit-slider-thumb,.right-sidebar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gray-900);cursor:pointer}.left-sidebar input[type=range]::-moz-range-thumb,.right-sidebar input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gray-900);border:none;cursor:pointer}.left-sidebar textarea,.right-sidebar textarea{display:block;width:100%;height:auto;min-height:auto;padding:8px 10px;cursor:text}.text-input.text-input--compact{min-height:120px}.sidebar-list ul{list-style:none;padding:0;margin:0}.sidebar-list li{margin-bottom:8px}.sidebar-list label{flex-direction:row;align-items:center;gap:8px;cursor:pointer}.left-sidebar .upload-area,.right-sidebar .upload-area{width:100%;min-height:140px;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.left-sidebar .upload-area.drag-over,.right-sidebar .upload-area.drag-over{box-shadow:var(--hairline-1),0 0 0 1px var(--accent-200, var(--color-primary))}.left-sidebar .control-group,.right-sidebar .control-group{display:flex;flex-direction:column;gap:6px;width:100%}.left-sidebar .control-group>label,.right-sidebar .control-group>label{display:flex;flex-direction:column;gap:6px;font-size:14px}.left-sidebar .value,.right-sidebar .value{font-size:12px;color:var(--text-secondary);text-align:right}.inputGroup .fcb.fc-row{flex-direction:row;align-items:center;gap:8px}.left-sidebar .button,.left-sidebar label.button,.left-sidebar button:not(.glyphPreview),.right-sidebar .button,.right-sidebar label.button,.right-sidebar button:not(.glyphPreview){width:100%;padding:6pt 12pt;border:none;box-shadow:var(--hairline-1);display:flex;align-items:center;justify-content:center;background:var(--panelBg, #ffffff);color:var(--textColor, #000000);font-family:inherit;font-size:13px;cursor:pointer;border-radius:0}.button,label.button,.btn{padding:6pt 12pt;border:none;box-shadow:var(--hairline-1);display:inline-flex;width:auto;align-items:center;justify-content:center;background:var(--panelBg, #ffffff);color:var(--textColor, #000000);font-family:inherit;font-size:13px;min-height:36px;cursor:pointer;border-radius:0;transition:opacity .15s ease}.button:hover,label.button:hover,.btn:hover:not(:disabled){opacity:.75}.button.primary,.btn--primary,button.primary:not(.glyphPreview){background:var(--gray-900);color:var(--gray-000);box-shadow:var(--hairline-1)}[data-theme=dark] .button.primary,[data-theme=dark] .btn--primary,[data-theme=dark] button.primary:not(.glyphPreview){background:var(--gray-100);color:var(--gray-900)}.btn--outline,.btn--secondary{background:var(--panelBg);color:var(--textColor);box-shadow:var(--hairline-1)}.btn--ghost{background:transparent;box-shadow:none}.btn--sm{font-size:12px;min-height:32px;padding:4pt 10pt}.btn--lg{font-size:14px;min-height:40px;padding:8pt 14pt}.visually-hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input:not([type=color]):not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{border-radius:0}.fc-select,.text-input{width:100%;font-family:inherit;font-size:14px;border-radius:0;border:none;box-shadow:var(--hairline-1);background:var(--panelBg, #ffffff);color:var(--textColor, #000000);padding:8px 10px}.text-input{min-height:160px;resize:vertical;line-height:1.45}input[type=color]{padding:0;width:100%;height:100%;min-height:36px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid black}input[type=color]::-webkit-color-swatch-wrapper{padding:0}.fm-grid-3{display:grid;width:100%;grid-template-columns:1fr 1fr 1fr;gap:0}.color-grid{display:grid;width:100%;grid-template-columns:1fr 1fr 1fr}.sectionWrapper{width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.card{box-shadow:var(--hairline-1);background:var(--panelBg);overflow:hidden}.error-message{margin:0;padding:8px 10px;color:#b3261e;background:#fdeceb;box-shadow:var(--hairline-1);font-size:13px}[data-theme=dark] .error-message{color:#fecaca;background:#3f1d1d}@media (max-width: 900px){:root{--sidebar-width:260px}.contain{flex-direction:column}.left-sidebar,.right-sidebar{width:100%;max-height:42vh;box-shadow:var(--hairline-b)}.left-sidebar{box-shadow:var(--hairline-b)}.right-sidebar{box-shadow:var(--hairline-t)}.navbar-home{min-width:52px}}@media (max-width: 640px){.page-scroll{padding:10px}.inputGroup{padding:14px}}@font-face{font-family:From2VF;src:url(../../../fonts/From2VF.woff2) format("woff2")}:root{--corner:0px;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-xl:0px;--radius-full:0px;--gap:40px;--font:"Manrope", From2VF, sans-serif;--font-brand:From2VF, "Manrope", sans-serif;--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--background:var(--gray-000);--border:var(--gray-900);--hover:var(--accent-200);--panelBg:var(--gray-000);--textColor:var(--text-primary)}@media (max-width: 900px){:root{--gap:20px}}*,*:before,*:after{box-sizing:border-box}input[type=text],input[type=search],input[type=email],input[type=number],input[type=password],select,textarea,button{display:inline-block;height:2.5rem;padding:0 .75rem;line-height:1.5;font-family:inherit;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;vertical-align:middle;cursor:pointer}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}select{padding-right:2rem;background-color:var(--panelBg);color:var(--textColor);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23333' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:.75rem auto}[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23d1d5db' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E")}.sectionWrapper{padding:16px;width:100%;margin-left:auto;margin-right:auto;max-width:1400px}*{box-sizing:border-box;font-synthesis:none!important}body{font-family:var(--font);font-weight:500;color:var(--text-primary);line-height:1.5;font-size:14px;background-color:var(--panelBg);margin:0;transition:background-color .15s ease,color .15s ease}a{text-decoration:none;color:var(--text-primary)}container{width:100%}ul{margin:0;padding-inline-start:20px}li{margin:0}h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2}h1{font-size:3em}h2{font-size:2.4em}h3{font-size:2em}h4{font-size:1.6em}h5{font-size:1.2em}h6{font-size:1em}p{margin:0}strong,.bold{font-weight:600}section{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:16px}.grid{display:grid;width:100%}.row-1{grid-auto-flow:column;grid-auto-columns:1fr}.col-special{grid-template-columns:60px 1fr}.col-icon{grid-template-columns:30px 1fr}.col-12{grid-template-columns:1fr 2fr}.col-13{grid-template-columns:1fr 3fr}.col-1{grid-template-columns:1fr}.col-2{grid-template-columns:1fr 1fr}.col-3{grid-template-columns:1fr 1fr 1fr}.col-4{grid-template-columns:1fr 1fr 1fr 1fr}.col-6{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.col-12{grid-template-columns:1fr 1fr 1fr}.col-12>*:first-child{grid-column:span 1}.col-12>*:last-child{grid-column:span 2}.gap-16{gap:16px;grid-row-gap:16px;grid-column-gap:16px}.gap-8{gap:8px;grid-row-gap:8px;grid-column-gap:8px}.alignH{align-items:center}.alignV{justify-content:center}.border{border-top:1px solid rgba(238,238,238,.2);border-bottom:1px solid rgba(238,238,238,.2);padding:calc(var(--gap) * 2) 0px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(0,0,0,.5647058824)}.space-around{width:100%;align-items:space-between;justify-content:space-between}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select{padding:8px 10px;border:none;border-radius:0;background-color:var(--panelBg);box-shadow:var(--hairline-1);color:var(--textColor);height:auto;min-height:2.5rem}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color])::placeholder,textarea::placeholder,select::placeholder{opacity:.5}input[type=color]{display:block;padding:0;margin:0;height:32px;width:32px;border:solid 1px var(--gray-900)}input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none;margin:0}input[type=color]::-webkit-color-swatch{border:none}input[type=color]::-moz-color-swatch{border:none}input[type=color]::-moz-focus-inner{border:none;padding:0}input[type=checkbox]{cursor:pointer}input[type=range]{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1px;cursor:pointer;outline:none;background:var(--gray-900)}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--gray-900)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;width:12px;border-radius:0;border:1px solid var(--gray-900);background:var(--background);transform:translate(-50%,-50%) rotate(45deg)}input[type=range]::-webkit-slider-thumb:hover{background:var(--gray-900)}button:not(.glyphPreview).sm,.button.sm{font-size:.8em;min-height:auto}button:not(.glyphPreview).navlink,.button.navlink{box-shadow:none;background:transparent}.disabledDiv{pointer-events:none;opacity:.2}[disabled],.disable{pointer-events:none!important;opacity:.2!important}.hide{display:none}[contenteditable]{outline:0px solid transparent;word-break:break-word}.rounded,.rounded-left,.rounded-right{border-radius:0}.border{box-shadow:var(--hairline-1)}.card{box-shadow:var(--hairline-1);overflow:hidden;background:var(--panelBg)}.w-100{width:100%}.gap-5{gap:5px}.gap-10{gap:10px}.gap-20{gap:20px}.gap-32{gap:32px}.gap-70{gap:70px}.gap-100{gap:100px}.t-center{text-align:center}.t-right{text-align:right}.t-underline{text-decoration:underline}.t-italic{font-style:italic}.t-bold{font-weight:600}.t-semibold{font-weight:500}.uppercase{text-transform:uppercase}.t-normal{font-weight:100}.content-top-center{justify-content:flex-start;align-items:center}.content-top-left{justify-content:flex-start;align-items:flex-start}.content-top-right{justify-content:flex-start;align-items:flex-end}.content-middle-center{justify-content:center;align-items:center}.content-middle-left{justify-content:center;align-items:flex-start}.content-middle-right{justify-content:center;align-items:flex-end}.content-bottom-center{justify-content:flex-end;align-items:center}.content-bottom-left{justify-content:flex-end;align-items:flex-start}.content-bottom-right{justify-content:flex-end;align-items:flex-end}.divider{width:100%;border-top:.5px solid var(--gray-200)}