.banner-studio{--studio-bg:#111c2b;--studio-panel:#1c293a;--studio-border:#43546a;--studio-muted:#bfcbdb;--studio-blue:#0898f8;color:#f8fafc;background:var(--studio-bg);border:1px solid var(--studio-border);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:16px;grid-template-columns:78px minmax(0,1fr);min-width:0;scroll-margin-top:12px;font-size:14px;line-height:1.5;display:grid;overflow:hidden}.banner-studio *,.banner-studio :before,.banner-studio :after{box-sizing:border-box}.banner-studio :where(button,input,select,textarea,summary,[tabindex]):focus-visible{outline-offset:3px;outline:3px solid #76caff;box-shadow:0 0 0 5px #101b2b}.banner-studio button{cursor:pointer;font:inherit}.banner-studio button:disabled{opacity:.45;cursor:not-allowed}.banner-studio svg:not(.studio-artboard):not(.studio-template>svg):not(.studio-ruler){flex-shrink:0;width:18px;height:18px}.studio-header{border-bottom:1px solid var(--studio-border);flex-wrap:wrap;align-items:center;gap:20px;padding:18px 22px;display:flex}.studio-header,.studio-toolbar{grid-column:1/-1}.studio-project{flex:1;min-width:160px}.studio-project h1{color:var(--studio-muted);text-transform:none;font-family:inherit;font-size:12px;font-weight:700;display:block}.studio-project h1 span{font-weight:400}.studio-project input{color:#fff;background:0 0;border:1px solid #0000;border-radius:4px;width:100%;max-width:420px;min-height:36px;margin-left:-4px;padding:0 4px;font-size:20px;font-weight:700;display:block}.studio-project input:hover{border-color:var(--studio-border)}.studio-project p{color:var(--studio-muted);margin:0;font-size:12px}.studio-primary,.studio-button,.studio-icon-button{border:1px solid var(--studio-border);color:#f8fafc;background:var(--studio-panel);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 12px;line-height:1.3;display:inline-flex;font-weight:600!important}.studio-primary{background:var(--studio-blue);border-color:var(--studio-blue);color:#071a2b;padding:12px 18px;font-weight:800!important}.studio-button:hover,.studio-icon-button:hover{background:#30445e}.studio-primary:hover{background:#54baff;border-color:#54baff}.studio-icon-button{flex-shrink:0;width:44px;min-width:44px;padding:10px}.studio-button[aria-pressed=true]{color:#bce5ff;background:#173c5a;border-color:#76caff}.studio-button-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.studio-toolbar{background:var(--studio-bg);border-bottom:1px solid var(--studio-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.studio-status{color:var(--studio-muted);padding:0 8px;font-size:12px}.studio-tools{border-right:1px solid var(--studio-border);background:#152234;flex-direction:column;align-items:stretch;gap:6px;padding:10px 6px;display:flex}.studio-tool{color:#dbe5f1;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:68px;padding:10px 4px;display:flex;font-size:11px!important}.studio-tool:hover{background:#30445e}.studio-tool[aria-pressed=true]{color:#071a2b;background:#89d2ff;border-color:#b5e4ff;font-weight:750}.studio-workspace{grid-template-columns:248px minmax(0,1fr);grid-template-areas:"panel canvas";min-width:0;height:clamp(620px,100dvh - 210px,1000px);display:grid}.banner-studio:fullscreen{border:0;border-radius:0;grid-template-rows:auto auto minmax(0,1fr);width:100%;height:100dvh}.banner-studio:fullscreen .studio-workspace{height:100%;min-height:0}.studio-selection-toolbar{flex-wrap:wrap;align-items:center;gap:6px;padding:0 14px 10px;display:flex}.studio-selection-toolbar .studio-button{font-size:12px}.studio-selection-toolbar .studio-muted{margin-right:auto;padding:0 4px}.studio-edit-fields{border:0;min-width:0;margin:0;padding:0}.studio-edit-fields:disabled{opacity:.5}.studio-layer-row{border:1px solid var(--studio-border);background:#101b2b;border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:center;display:grid;overflow:hidden}.studio-layer-row[data-selected=true]{background:#173c5a;border-color:#89d2ff}.studio-layer-check{cursor:pointer;justify-content:center;align-items:center;min-height:44px;display:flex}.studio-layer-check input{accent-color:#0898f8;width:20px;height:20px}.studio-layer-name{text-align:left;min-width:0;min-height:48px;padding:8px}.studio-layer-name span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.studio-layer-name small{color:var(--studio-muted);text-transform:capitalize;font-size:11px;display:block}.studio-layer-actions{grid-column:1/-1;justify-content:flex-end;gap:4px;padding:0 6px 6px;display:flex}.studio-details{border-top:1px solid var(--studio-border);margin-top:18px}.studio-details summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:650}.studio-details input[type=color]{width:100%;height:44px;margin-top:6px;display:block}.studio-align-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.studio-align-grid .studio-button{text-transform:capitalize;padding:8px 4px;font-size:12px}.studio-spacing-presets{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.studio-spacing-presets .studio-button{min-width:44px;padding:8px}.studio-guide-menu{position:relative}.studio-guide-menu summary{cursor:pointer;border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:8px;min-height:44px;padding:10px 12px;font-size:13px;display:list-item}.studio-guide-menu>div{z-index:5;border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:8px;width:210px;padding:10px 14px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 20px #0005}.studio-rotation-menu{position:relative}.studio-rotation-menu summary{cursor:pointer;color:#bce5ff;background:#173c5a;border:1px solid #76caff;border-radius:8px;min-height:44px;padding:11px 12px;font-weight:700}.studio-rotation-menu>div{z-index:8;border:1px solid var(--studio-border);background:var(--studio-panel);border-radius:10px;width:235px;padding:14px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 26px #0007}.studio-font-preview{color:#fff;overflow-wrap:anywhere;background:#101b2b;border-radius:8px;margin-top:8px;padding:12px;font-size:24px;line-height:1.4}.studio-focus-mode{grid-template-columns:minmax(0,1fr)}.studio-focus-mode .studio-tools,.studio-focus-mode .studio-panel{display:none}.studio-focus-mode .studio-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas";height:max(600px,100dvh - 180px)}.studio-panel{grid-area:panel}.studio-canvas-section{grid-area:canvas}.studio-panel{background:var(--studio-panel);border-right:1px solid var(--studio-border);scrollbar-gutter:stable;min-width:0;padding:20px;overflow-y:auto}.studio-panel-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.studio-panel-heading h2{margin:0;font-size:18px;font-weight:750}.studio-muted{color:var(--studio-muted);font-size:13px;line-height:1.6}.studio-count{background:#101c2b;border-radius:6px;padding:2px 8px}.studio-wide{width:100%;margin-top:16px}.studio-templates{gap:14px;margin-top:18px;display:grid}.studio-template{border:1px solid var(--studio-border);text-align:left;border-radius:10px;overflow:hidden}.studio-template:hover{border-color:#89d2ff}.studio-template>svg{background:#101b2b;width:100%;height:112px;padding:6px;display:block}.studio-template>span{background:#26374c;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-weight:650;display:flex}.studio-field{color:#e7edf5;min-width:0;margin-top:16px;font-size:13px;font-weight:600;display:block}.studio-input{color:#fff;width:100%;min-width:0;min-height:44px;font:inherit;background:#101b2b;border:1px solid #64758b;border-radius:7px;margin-top:6px;padding:10px;font-size:14px;font-weight:400;display:block}textarea.studio-input{resize:vertical;line-height:1.5}.studio-color-row{font-variant-numeric:tabular-nums;background:#101b2b;border:1px solid #64758b;border-radius:7px;align-items:center;gap:12px;margin-top:6px;padding:5px;display:flex}.studio-color-row input{cursor:pointer;background:0 0;border:0;width:48px;height:44px}.studio-swatches{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.studio-swatches button{border:2px solid #64758b;border-radius:8px;justify-content:center;align-items:center;min-height:44px;display:flex}.studio-swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #89d2ff}.studio-layer-list{gap:8px;margin-top:16px;display:grid}.studio-layer{border:1px solid var(--studio-border);text-align:left;background:#101b2b;border-radius:7px;align-items:center;gap:10px;min-height:48px;padding:10px;display:flex}.studio-layer span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.studio-layer[aria-pressed=true]{background:#173c5a;border-color:#89d2ff}.studio-upload{background:#101b2b;border:2px dashed #64758b;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:20px;padding:30px 12px;display:flex}.studio-upload:hover{border-color:#89d2ff}.studio-upload span{color:var(--studio-muted);font-size:12px}.studio-shapes{gap:10px;margin-top:18px;display:grid}.studio-shapes button{text-transform:capitalize;justify-content:flex-start}.studio-two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.studio-two-columns .studio-field{margin-top:4px}.studio-two-columns .studio-button{padding:10px 6px;font-size:12px}.studio-fieldset{border-top:1px solid var(--studio-border);margin-top:22px;padding-top:14px}.studio-fieldset legend{padding-right:8px;font-size:14px;font-weight:750}.studio-selection-label{color:#bce5ff;text-transform:capitalize;overflow-wrap:anywhere}.studio-segmented{border:1px solid #64758b;border-radius:8px;gap:3px;margin-top:14px;padding:3px;display:flex}.studio-segmented button{border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:44px;display:flex}.studio-segmented button[aria-pressed=true]{color:#101b2b;background:#89d2ff}.studio-danger{color:#ffc8c8;border-color:#94616c}.studio-empty-panel{color:var(--studio-muted);margin-top:20px}.studio-notice{background:#3f3523;border:1px solid #d5b36b;border-radius:8px;margin-top:12px;padding:12px;font-size:13px}.studio-notice p{margin-bottom:12px}.studio-error{color:#ffbcbc;margin-top:14px}.studio-canvas-section{flex-direction:column;min-width:0;min-height:0;display:flex}.studio-canvas-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.studio-checkbox{cursor:pointer;align-items:center;gap:9px;min-height:44px;font-size:13px;display:flex}.studio-checkbox input{accent-color:#0898f8;width:20px;height:20px}.studio-canvas-hint{color:var(--studio-muted);padding:0 16px 10px;font-size:12px}.studio-stage{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:#dce3ec;background-image:radial-gradient(#a4b3c6 .75px,#0000 .75px);background-size:16px 16px;flex:1;min-width:0;min-height:0;overflow:auto}.studio-artboard-layout{justify-content:center;align-items:center;width:100%;height:100%;padding:32px;display:flex}.studio-canvas-focus{flex-shrink:0;position:relative}.studio-inline-text{z-index:2;resize:none;transform-origin:50%;white-space:pre;background:#fff2;border:1px dashed #0072ce;border-radius:0;outline:2px solid #0072ce;min-width:0;min-height:0;padding:0;display:block;position:absolute;overflow:hidden}.studio-artboard{touch-action:none;background:#fff;max-width:none;display:block;box-shadow:0 8px 28px #0b17252e,0 0 0 1px #64758b80}.studio-canvas-layer{cursor:move}.studio-canvas-layer:focus-visible{outline-offset:3px;box-shadow:none!important;outline:3px solid #0072ce!important}.studio-resize-handle{cursor:nwse-resize}.studio-rotate-handle{cursor:grab}.studio-empty-canvas{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:10%}.studio-empty-canvas p{color:#39485b;text-align:center;font-size:clamp(12px,1.8vw,20px);font-weight:650}.studio-empty-canvas button{pointer-events:auto}.studio-empty-canvas .studio-button{color:#122238;background:#f1f5f9;border-color:#64758b}.studio-canvas-footer{border-top:1px solid var(--studio-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.studio-canvas-footer output{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:13px}.studio-safe-label{color:var(--studio-muted);align-items:center;gap:8px;font-size:11px;display:flex}.studio-safe-label>span{border-top:2px dashed #e879f9;width:18px}.studio-warning{color:#ffe1a1;background:#392f1e;border-top:1px solid #bfa269;max-height:100px;padding:10px 16px;font-size:12px;overflow-y:auto}.studio-help{color:#f8fafc;background:#1c293a;border:1px solid #64758b;border-radius:14px;width:calc(100% - 32px);max-width:600px;max-height:calc(100dvh - 48px);margin:auto;padding:26px;overflow:auto}.studio-help::backdrop{background:#040a14b3}.studio-help p,.studio-help dd{color:var(--studio-muted);font-size:14px;line-height:1.7}.studio-help h3{margin:22px 0 10px;font-weight:750}.studio-help dt{margin-top:12px;font-weight:650}.studio-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}@media (max-width:1000px){.studio-workspace{grid-template-columns:238px minmax(0,1fr)}.studio-panel{padding:14px}.studio-tool{padding:8px 10px}.studio-status{display:none}.studio-toolbar{padding:8px 12px}}@media (max-width:767px){.banner-studio{scroll-margin-top:76px;display:block}.studio-header{gap:10px;padding:14px}.studio-header>.studio-button{order:0}.studio-project{order:1;min-width:140px}.studio-header>.studio-primary{order:2;width:100%}.studio-project h1 span{display:none}.studio-toolbar{gap:8px}.studio-toolbar .studio-button{padding:8px;font-size:12px}.studio-tools{border-right:0;border-bottom:1px solid var(--studio-border);flex-flow:wrap;padding:8px}.studio-tool{flex-direction:row;flex-grow:1;justify-content:center;min-height:44px;padding:8px;font-size:12px!important}.studio-workspace{flex-direction:column;height:auto;display:flex}.studio-canvas-section{order:0}.studio-panel{border-right:0;border-top:1px solid var(--studio-border);order:1;max-height:none;padding:18px}.studio-stage{flex:none;height:clamp(240px,42dvh,440px)}.studio-canvas-toolbar{padding:8px}.studio-canvas-hint{padding:0 10px 8px}.studio-canvas-footer{padding:8px}.studio-safe-label{width:100%}.studio-templates{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-empty-canvas p{font-size:12px}.studio-empty-canvas .studio-button-group{justify-content:center;gap:4px}.studio-empty-canvas button{padding:6px 8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.banner-studio *,.banner-studio :before,.banner-studio :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/banner/anton-400.ttf)format("truetype")}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/banner/bebas-neue-400.ttf)format("truetype")}@font-face{font-family:Dancing Script;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/banner/dancing-script-400.ttf)format("truetype")}@font-face{font-family:Dancing Script;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/banner/dancing-script-700.ttf)format("truetype")}@font-face{font-family:Lobster;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/banner/lobster-400.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/banner/montserrat-400.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/banner/montserrat-700.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/banner/montserrat-900.ttf)format("truetype")}@font-face{font-family:Oswald;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/banner/oswald-400.ttf)format("truetype")}@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/banner/oswald-700.ttf)format("truetype")}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/banner/pacifico-400.ttf)format("truetype")}@font-face{font-family:Permanent Marker;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/banner/permanent-marker-400.ttf)format("truetype")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/banner/playfair-display-400.ttf)format("truetype")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/banner/playfair-display-700.ttf)format("truetype")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/banner/playfair-display-900.ttf)format("truetype")}@font-face{font-family:Raleway;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/banner/raleway-400.ttf)format("truetype")}@font-face{font-family:Raleway;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/banner/raleway-700.ttf)format("truetype")}@font-face{font-family:Raleway;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/banner/raleway-900.ttf)format("truetype")}@font-face{font-family:Righteous;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/banner/righteous-400.ttf)format("truetype")}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/banner/roboto-slab-400.ttf)format("truetype")}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/banner/roboto-slab-700.ttf)format("truetype")}@font-face{font-family:Roboto Slab;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/banner/roboto-slab-900.ttf)format("truetype")}
.studio-ruler{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;display:block;position:absolute;overflow:visible}.studio-ruler-horizontal{top:-26px;left:0}.studio-ruler-vertical{top:0;left:-26px}.studio-ruler-background{fill:#e3eaf1}.studio-ruler-tick{stroke:#66788e;stroke-width:1px;shape-rendering:crispedges}.studio-ruler-label{fill:#26384e;font-variant-numeric:tabular-nums;font-family:Arial,sans-serif;font-size:11px;font-weight:600}.studio-ruler-corner{color:#26384e;pointer-events:none;-webkit-user-select:none;user-select:none;background:#d8e2ec;place-items:center;width:24px;height:24px;font:600 11px Arial,sans-serif;display:grid;position:absolute;top:-26px;left:-26px}