:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#4ea7ee;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}.brand-preview{--shader-fallback: #4daaff;position:fixed;inset:0;width:100vw;height:100svh;overflow:hidden;isolation:isolate;background:var(--shader-fallback);transition:background-color .6s ease}.brand-preview__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.brand-preview__stage{position:absolute;z-index:1;inset:0;display:grid;padding:clamp(24px,4vw,64px);place-items:center;pointer-events:none}.logo-lockup{--logo-optical-scale: 1;--wordmark-height: 64%;--wordmark-mark-size: clamp(150px, 16.4vw, 210px);display:flex;width:max-content;max-width:min(960px,86vw);align-items:center;justify-content:center;color:#fff;gap:0}.logo-lockup__mark{display:grid;width:clamp(190px,19.5vw,250px);aspect-ratio:1;place-items:center;flex:0 0 auto;transition:width .34s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .34s cubic-bezier(.22,1,.36,1)}.logo-lockup__mark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 28px rgba(21,71,125,.12));transform:scale(var(--logo-optical-scale));transform-origin:center}.logo-lockup__copy{display:none;flex:0 0 auto;color:#fffffffa;font-family:Arial,Helvetica,sans-serif;font-size:clamp(15px,1.55vw,21px);font-weight:400;letter-spacing:-.024em;line-height:1.18;text-shadow:0 5px 24px rgba(21,71,125,.13);white-space:nowrap}.logo-lockup__copy span{display:block}.logo-lockup__wordmark{display:none}.logo-lockup[data-mockup=text-lower] .logo-lockup__copy,.logo-lockup[data-mockup=text-center] .logo-lockup__copy{display:block}.logo-lockup[data-mockup=text-lower] .logo-lockup__copy{align-self:flex-end;margin-bottom:clamp(40px,3.5vw,48px)}.logo-lockup[data-mockup=text-stacked]{flex-direction:column;gap:clamp(8px,1vw,14px)}.logo-lockup[data-mockup=text-stacked] .logo-lockup__copy{display:block;text-align:center}.logo-lockup[data-mockup=wordmark]{height:var(--wordmark-mark-size);gap:clamp(6px,.8vw,12px)}.brand-preview[data-logo=concept-09] .logo-lockup[data-mockup=text-lower],.brand-preview[data-logo=concept-09] .logo-lockup[data-mockup=text-center],.brand-preview[data-logo=concept-09] .logo-lockup[data-mockup=wordmark]{gap:clamp(22px,2vw,28px)}.logo-lockup[data-mockup=wordmark] .logo-lockup__mark--primary{width:var(--wordmark-mark-size);height:100%}.logo-lockup[data-mockup=wordmark] .logo-lockup__wordmark{display:grid;width:auto;height:var(--wordmark-height);aspect-ratio:8151 / 2387;flex:0 0 auto;place-items:center}.logo-lockup__wordmark img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 28px rgba(21,71,125,.12))}.brand-preview__ui{position:absolute;z-index:2;right:clamp(16px,2vw,32px);bottom:clamp(16px,2vw,32px);left:clamp(16px,2vw,32px);display:grid;grid-template-columns:auto auto 1fr;align-items:end;gap:10px;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.brand-preview__effect-ui{position:absolute;z-index:2;top:clamp(16px,2vw,32px);right:clamp(16px,2vw,32px);display:flex;align-items:stretch;gap:10px;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.brand-preview.is-ui-hidden .brand-preview__ui,.brand-preview.is-ui-hidden .brand-preview__effect-ui{pointer-events:none;opacity:0}.brand-preview.is-ui-hidden .brand-preview__ui{transform:translateY(10px)}.brand-preview.is-ui-hidden .brand-preview__effect-ui{transform:translateY(-10px)}.mockup-picker,.logo-picker__button,.shader-switcher__preset,.effect-picker__button,.effect-variant-picker,.effect-settings-toggle,.asset-upload{appearance:none;color:inherit;font:inherit}.logo-picker,.mockup-picker,.shader-switcher,.effect-picker,.effect-variant-picker,.effect-settings-toggle,.effect-settings-panel{border:1px solid rgba(255,255,255,.2);background:#0a162638;box-shadow:0 10px 40px #08162d1f;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}.effect-picker{min-height:58px;padding:8px;border-radius:18px}.effect-picker__items{display:flex;align-items:center;gap:4px}.effect-picker__button{display:grid;width:34px;height:40px;padding:0;place-items:center;border:0;border-radius:11px;background:transparent;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.effect-picker__symbol{display:grid;min-width:18px;height:20px;place-items:center;color:#ffffff9e;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:500;letter-spacing:-.08em;line-height:1;text-shadow:0 0 12px rgba(255,255,255,.2);transition:color .18s ease,text-shadow .18s ease,transform .18s ease}.effect-picker__button--none .effect-picker__symbol{font-family:inherit;font-size:16px;font-weight:300;letter-spacing:0}.effect-picker__button--signal .effect-picker__symbol{font-size:17px;letter-spacing:0}.effect-picker__button--dither .effect-picker__symbol,.effect-picker__button--pixel .effect-picker__symbol,.effect-picker__button--halftone .effect-picker__symbol{font-size:14px;letter-spacing:0}.effect-picker__button:hover,.effect-picker__button.is-active{background:#ffffff26}.effect-picker__button:hover .effect-picker__symbol,.effect-picker__button.is-active .effect-picker__symbol{color:#fff;text-shadow:0 0 14px rgba(255,255,255,.42)}.effect-picker__button.is-active .effect-picker__symbol{transform:scale(1.08)}.effect-variant-picker{display:grid;min-width:68px;min-height:58px;grid-auto-flow:column;gap:4px;padding:0 14px;place-items:center;border-radius:18px;color:#ffffff9e;cursor:pointer;font-size:11px;font-variant-numeric:tabular-nums;transition:background-color .18s ease,color .18s ease,opacity .18s ease}.effect-variant-picker [data-effect-variant-current]{color:#fff;font-size:13px;font-weight:600}.effect-variant-picker:hover:not(:disabled){background:#ffffff26;color:#ffffffe6}.effect-variant-picker:disabled{cursor:default;opacity:.58}.effect-settings-toggle{display:grid;width:58px;min-height:58px;padding:0;place-items:center;border-radius:18px;cursor:pointer;transition:background-color .18s ease,opacity .18s ease}.effect-settings-toggle svg{width:19px;height:19px;fill:none;stroke:#ffffffad;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35;transition:stroke .18s ease}.effect-settings-toggle:hover:not(:disabled),.effect-settings-toggle.is-active{background:#ffffff26}.effect-settings-toggle:hover:not(:disabled) svg,.effect-settings-toggle.is-active svg{stroke:#fff}.effect-settings-toggle:disabled{cursor:default;opacity:.5}.effect-settings-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(286px,calc(100vw - 32px));padding:16px;border-radius:20px;background:#0a162657;box-shadow:0 18px 52px #08162d2e}.effect-settings-panel[hidden]{display:none}.effect-settings-panel__header{display:flex;min-height:20px;align-items:center;margin-bottom:15px;color:#fffffff0;font-size:12px;font-weight:600;letter-spacing:-.01em}.effect-settings-panel__controls{display:grid;gap:13px}.effect-setting{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;row-gap:7px}.effect-setting__label,.effect-setting__value{color:#ffffffad;font-size:10px;line-height:1}.effect-setting__value{min-width:36px;color:#ffffffe6;font-variant-numeric:tabular-nums;text-align:right}.effect-setting__range{--range-progress: 50%;appearance:none;width:100%;height:14px;grid-column:1 / -1;margin:0;border:0;outline:0;background:transparent;cursor:ew-resize}.effect-setting__range::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.92) 0 var(--range-progress),rgba(255,255,255,.22) var(--range-progress) 100%)}.effect-setting__range::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-top:-4px;border:1px solid rgba(255,255,255,.94);border-radius:50%;background:#fff;box-shadow:0 0 12px #ffffff52}.effect-setting__range::-moz-range-track{height:2px;border-radius:999px;background:#ffffff38}.effect-setting__range::-moz-range-progress{height:2px;border-radius:999px;background:#ffffffeb}.effect-setting__range::-moz-range-thumb{width:10px;height:10px;border:1px solid rgba(255,255,255,.94);border-radius:50%;background:#fff}.logo-picker{width:fit-content;min-height:58px;padding:8px;border-radius:18px}.logo-picker__items{display:flex;align-items:center;gap:4px}.logo-picker__button{display:grid;width:38px;height:40px;padding:0;place-items:center;overflow:hidden;border:0;border-radius:11px;background:transparent;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.logo-picker__button img{display:block;width:24px;height:24px;object-fit:contain;opacity:.62;transform:scale(var(--logo-optical-scale));transition:opacity .18s ease,transform .18s ease}.logo-picker__button:hover,.logo-picker__button.is-active{background:#ffffff26}.logo-picker__button:hover img,.logo-picker__button.is-active img{opacity:1}.logo-picker__button.is-active img{transform:scale(calc(var(--logo-optical-scale) * 1.08))}.mockup-picker{display:grid;min-width:68px;min-height:58px;grid-auto-flow:column;gap:4px;padding:0 14px;place-items:center;border-radius:18px;color:#ffffff9e;cursor:pointer;font-size:11px;font-variant-numeric:tabular-nums;transition:background-color .18s ease,color .18s ease}.mockup-picker [data-mockup-current]{color:#fff;font-size:13px;font-weight:600}.mockup-picker:hover{background:#ffffff26;color:#ffffffe6}.shader-switcher{display:flex;align-items:center;justify-self:end;min-height:58px;padding:8px;border-radius:18px}.shader-switcher__presets{display:flex;align-items:center;gap:4px}.shader-switcher__preset{position:relative;display:grid;width:34px;height:40px;padding:0;place-items:center;border:0;border-radius:11px;background:transparent;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.shader-switcher__preset:before{width:16px;height:16px;border:1px solid rgba(255,255,255,.54);border-radius:999px;background:var(--preset-swatch);box-shadow:0 0 14px color-mix(in srgb,var(--preset-swatch),transparent 38%);content:"";transition:box-shadow .18s ease,transform .18s ease}.shader-switcher__preset:hover,.shader-switcher__preset.is-active{background:#ffffff26}.shader-switcher__preset.is-active:before{box-shadow:0 0 0 2px #ffffffbd,0 0 18px color-mix(in srgb,var(--preset-swatch),transparent 25%);transform:scale(1.06)}.asset-upload{position:relative;display:grid;width:34px;height:40px;margin-left:6px;padding:0;place-items:center;border:0;border-radius:11px;background:transparent;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.asset-upload:before{position:absolute;top:10px;bottom:10px;left:-5px;width:1px;background:#ffffff2e;content:""}.asset-upload__icon{width:19px;height:19px;fill:none;stroke:#ffffffa8;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25;transition:opacity .18s ease,stroke .18s ease}.asset-upload__preview{display:block;width:19px;height:19px;object-fit:cover;border:1px solid rgba(255,255,255,.55);border-radius:5px;opacity:.72}.asset-upload__preview[hidden]{display:none}.asset-upload:has(.asset-upload__preview:not([hidden])) .asset-upload__icon{display:none}.asset-upload:hover,.asset-upload.is-active{background:#ffffff26}.asset-upload:hover .asset-upload__icon,.asset-upload.is-active .asset-upload__icon{stroke:#fff}.asset-upload.is-active .asset-upload__preview{border-color:#fff;box-shadow:0 0 0 1px #ffffff73;opacity:1}.asset-upload[data-error=true]{animation:asset-upload-error .18s ease 2 alternate}@keyframes asset-upload-error{to{background:#ff6f6f47}}.logo-picker__button:focus-visible,.mockup-picker:focus-visible,.shader-switcher__preset:focus-visible,.effect-picker__button:focus-visible,.effect-variant-picker:focus-visible,.effect-settings-toggle:focus-visible,.asset-upload:focus-visible,.effect-setting__range:focus-visible{outline:2px solid rgba(255,255,255,.95);outline-offset:2px}@media(max-width:880px){.brand-preview__ui{grid-template-columns:1fr auto}.logo-picker{grid-column:1 / -1}.shader-switcher{justify-self:end}}@media(max-width:600px){.logo-lockup{max-width:90vw;gap:0}.logo-lockup__copy{font-size:14px}.logo-lockup[data-mockup=text-lower] .logo-lockup__mark--primary,.logo-lockup[data-mockup=text-center] .logo-lockup__mark--primary{width:clamp(96px,30vw,150px)}.logo-lockup[data-mockup=text-lower] .logo-lockup__copy{margin-bottom:18px}.logo-lockup[data-mockup=text-stacked]{gap:8px}.logo-lockup[data-mockup=text-stacked] .logo-lockup__mark--primary{width:clamp(126px,38vw,178px)}.logo-lockup[data-mockup=wordmark]{--wordmark-mark-size: clamp(64px, 21vw, 126px);gap:10px}.brand-preview__ui{right:12px;bottom:12px;left:12px;gap:8px}.brand-preview__effect-ui{top:12px;right:12px;left:12px;justify-content:flex-end;gap:8px}.effect-picker,.effect-variant-picker,.effect-settings-toggle{min-height:52px}.effect-picker{padding:6px}.effect-picker__items{gap:2px}.effect-picker__button{width:clamp(27px,8.4vw,32px);height:38px}.effect-variant-picker{min-width:60px;padding:0 12px}.effect-settings-toggle{width:52px}.effect-settings-panel{top:calc(100% + 8px);right:0;width:min(278px,calc(100vw - 24px));padding:15px}.logo-picker{width:100%;min-height:54px;padding:7px}.logo-picker__items{justify-content:space-between}.logo-picker__button{width:clamp(27px,8.2vw,38px);height:38px}.logo-picker__button img{width:21px;height:21px}.mockup-picker,.shader-switcher{min-height:52px}.mockup-picker{min-width:60px;padding:0 12px}.shader-switcher{padding:6px}.shader-switcher__presets{gap:2px}.shader-switcher__preset{width:clamp(25px,7.1vw,32px);height:38px}.asset-upload{width:clamp(25px,7.1vw,32px);height:38px;margin-left:5px}.asset-upload:before{left:-4px}.asset-upload__icon,.asset-upload__preview{width:17px;height:17px}.shader-switcher__preset:before{width:13px;height:13px}}@media(prefers-reduced-motion:reduce){.brand-preview,.brand-preview__ui,.brand-preview__effect-ui,.logo-lockup__mark,.logo-picker__button,.shader-switcher__preset,.effect-picker__button,.effect-variant-picker,.effect-settings-toggle,.effect-settings-panel,.asset-upload{transition:none}.brand-preview__canvas{image-rendering:auto}}