.studio-root{--studio-ink:var(--foreground,#1a1a1a);--studio-ink-2:var(--ink-mid,#7a4400);--studio-muted:var(--studio-ink-2);--studio-ink-3:#1a1a1a73;--studio-accent-ink:var(--stone,#bf6000);--studio-ground:var(--background,#fffcf5);--studio-surface:#fff;--studio-workspace:#f0ece4;--studio-tint:var(--accent,#fff3e0);--studio-tint-2:var(--bishh-peach,#ffe0b2);--studio-yellow:var(--bishh-yellow,gold);--studio-yellow-soft:var(--grad-03,#fff5cc);--studio-yellow-edge:#b39a00;--studio-bar:var(--bishh-tangerine,#f28500);--studio-bar-ink:#1a1a1a;--studio-on-bar-fill:#ffffff38;--studio-on-bar-fill-hover:#ffffff59;--studio-on-bar-hover:#1a1a1a1a;--studio-line:var(--border,#1a1a1a14);--studio-line-strong:var(--border-strong,#1a1a1a26);--studio-danger:var(--error,#c00);--studio-success:var(--st-live-ink,#16653c);--studio-warn-bg:var(--st-wait-bg,#ffe0b2);--studio-warn-ink:var(--st-wait-ink,#7a4400);--studio-dark:var(--surface-dark,#1a1a1a);--studio-font-display:var(--font-league-spartan), system-ui, sans-serif;--studio-font-body:var(--font-dm-sans), system-ui, sans-serif;--studio-r-pill:9999px;--studio-r-card:16px;--studio-r-field:12px;--studio-r-dialog:24px;--studio-shadow-card:0 2px 8px #1a1a1a12, 0 1px 3px #1a1a1a0a;--studio-shadow-float:0 4px 16px #1a1a1a17, 0 2px 6px #1a1a1a0d;--studio-shadow-lift:0 8px 32px #1a1a1a1c, 0 4px 12px #1a1a1a0f;--studio-shadow-dialog:0 24px 64px #1a1a1a29, 0 10px 24px #1a1a1a14;--studio-cta-bg:var(--studio-yellow);--studio-cta-ink:#1a1a1a;--studio-cta-edge:0 3px 0 var(--studio-yellow-edge);--studio-focus:2px solid #1a1a1a;z-index:120;background:var(--studio-ground);height:100dvh;color:var(--studio-ink);font-family:var(--studio-font-body);isolation:isolate;flex-direction:column;font-size:13px;line-height:1.5;display:flex;position:fixed;inset:0}:where(:is(.studio-header,.studio-tool-rail,.studio-toolbar-wrap,.studio-empty,.studio-busy,.studio-panel-header,.studio-library,.studio-alert,.studio-toast,.studio-dialog-header,.studio-dialog-actions) button,.studio-icon-button,.studio-primary,.studio-secondary,.studio-text-link,.studio-inspector-edit,.studio-inspector-swatch,.studio-inspector-save,.studio-inspector-footer-actions>button,.studio-upload-primary,.studio-upload-tool,.studio-upload-feature,.studio-upload-remove,.studio-upload-thumbnail,.studio-upload-delete-saved,.studio-upload-message>button){font:inherit;cursor:pointer;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,filter .16s,transform .16s}:where(:is(.studio-header,.studio-tool-rail,.studio-toolbar-wrap,.studio-empty,.studio-busy,.studio-panel-header,.studio-library,.studio-alert,.studio-toast,.studio-dialog-header,.studio-dialog-actions) button,.studio-icon-button,.studio-primary,.studio-secondary,.studio-text-link,.studio-inspector-edit,.studio-inspector-swatch,.studio-inspector-save,.studio-inspector-footer-actions>button,.studio-upload-primary,.studio-upload-tool,.studio-upload-feature,.studio-upload-remove,.studio-upload-thumbnail,.studio-upload-delete-saved,.studio-upload-message>button):disabled{cursor:default;opacity:.42}:where(:is(.studio-header,.studio-tool-rail,.studio-toolbar-wrap,.studio-empty,.studio-busy,.studio-panel-header,.studio-library,.studio-alert,.studio-toast,.studio-dialog-header,.studio-dialog-actions) button,.studio-icon-button,.studio-primary,.studio-secondary,.studio-text-link,.studio-inspector-edit,.studio-inspector-swatch,.studio-inspector-save,.studio-inspector-footer-actions>button,.studio-upload-primary,.studio-upload-tool,.studio-upload-feature,.studio-upload-remove,.studio-upload-thumbnail,.studio-upload-delete-saved,.studio-upload-message>button):not(:disabled):active{transform:translateY(1px)}:where(.studio-title,.studio-search,.studio-inspector-field)>input{font:inherit}:is(:is(.studio-header,.studio-tool-rail,.studio-toolbar-wrap,.studio-empty,.studio-busy,.studio-panel-header,.studio-library,.studio-alert,.studio-toast,.studio-dialog-header,.studio-dialog-actions) button,.studio-header a,.studio-more-links>a,.studio-icon-button,.studio-primary,.studio-secondary,.studio-text-link,.studio-inspector-edit,.studio-inspector-swatch,.studio-inspector-save,.studio-inspector-footer-actions>button,.studio-upload-primary,.studio-upload-tool,.studio-upload-feature,.studio-upload-remove,.studio-upload-thumbnail,.studio-upload-delete-saved,.studio-upload-message>button):focus-visible{outline:var(--studio-focus);outline-offset:3px}:is(.studio-title,.studio-search,.studio-inspector-field):focus-within,.studio-more-name>input:focus{border-color:var(--studio-ink);box-shadow:0 0 0 4px #ffd70059}.studio-empty>h2,.studio-panel-header>h2,.studio-dialog-header>h2,.studio-inspector-header>h2{font-family:var(--studio-font-display);letter-spacing:-.02em;font-weight:700}.studio-panel-header>h2,.studio-dialog-header>h2,.studio-inspector-header>h2{font-size:24px;line-height:1.1}.studio-inspector-selection h3,.studio-inspector-section>h3{font-size:12px;font-weight:700}.studio-upload-section-title>h3,.studio-more-name>span,.studio-artboard-label>span,.studio-shortcuts dt{font-family:var(--studio-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--studio-ink-2);font-size:11px;font-weight:700;line-height:1.2}:where(.studio-header,.studio-tool-rail,.studio-toolbar-wrap,.studio-empty,.studio-drop-hint,.studio-busy,.studio-panel-header,.studio-library,.studio-alert,.studio-toast,.studio-dialog-header,.studio-dialog-actions,.studio-upload) svg,.studio-inspector-content svg:where(:not(.studio-inspector-layers *)){flex-shrink:0}.studio-header{background:var(--studio-bar);height:64px;color:var(--studio-bar-ink);flex-shrink:0;align-items:center;gap:8px;padding:0 20px;display:flex}.studio-brand{flex-shrink:0;align-items:center;gap:14px;display:flex}.studio-brand>a img{width:110px;height:auto;display:block}.studio-badge{font-family:var(--studio-font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-left:1.5px solid #1a1a1a40;padding:0 0 0 14px;font-size:13px;font-weight:800;line-height:1}.studio-title{border-radius:var(--studio-r-pill);background:var(--studio-on-bar-fill);border:2px solid #0000;align-items:center;gap:7px;min-width:140px;max-width:210px;height:40px;padding:0 14px;transition:background-color .16s,border-color .16s,box-shadow .16s;display:flex}.studio-title input{width:100%;min-width:0;color:var(--studio-bar-ink);text-align:left;background:0 0;border:0;outline:none;font-size:16px;font-weight:600}.studio-title svg{color:#1a1a1a99}.studio-title:focus-within{background:var(--studio-ground)}.studio-save-status{color:var(--studio-bar-ink);white-space:nowrap;align-items:center;gap:6px;margin-right:auto;font-size:12px;font-weight:500;display:flex}.studio-save-status i{background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.studio-save-status.is-error{border-radius:var(--studio-r-pill);background:var(--studio-danger);color:var(--studio-ground);padding:2px 10px}.studio-history{align-items:center;gap:4px;display:flex}.studio-icon-button{border-radius:var(--studio-r-pill);width:40px;height:40px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.studio-icon-button:disabled{opacity:.35}.studio-my-designs,.studio-help-toggle{border-radius:var(--studio-r-pill);background:var(--studio-on-bar-fill);height:40px;color:var(--studio-bar-ink);white-space:nowrap;border:0;flex-shrink:0;align-items:center;gap:7px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}.studio-help-dot{background:var(--studio-yellow);width:8px;height:8px;box-shadow:0 0 0 2px var(--studio-bar);border-radius:50%;position:absolute;top:-2px;right:-2px}@media (hover:hover) and (pointer:fine){.studio-icon-button:hover:not(:disabled){background:#1a1a1a0f}.studio-header .studio-icon-button:hover:not(:disabled){background:var(--studio-on-bar-hover)}.studio-title:hover:not(:focus-within),.studio-my-designs:hover:not(:disabled),.studio-help-toggle:hover{background:var(--studio-on-bar-fill-hover)}}.studio-primary,.studio-secondary{border-radius:var(--studio-r-pill);white-space:nowrap;justify-content:center;align-items:center;gap:10px;min-height:44px;text-decoration:none;display:inline-flex}.studio-primary{background:var(--studio-cta-bg);color:var(--studio-cta-ink);box-shadow:var(--studio-cta-edge);font-family:var(--studio-font-display);letter-spacing:.08em;text-transform:uppercase;border:0;padding:0 24px;font-size:14px;font-weight:700;line-height:1}.studio-primary:not(:disabled):active{box-shadow:0 1px 0 var(--studio-yellow-edge);transform:translateY(2px)}.studio-primary:disabled{box-shadow:none}.studio-secondary{background:var(--studio-surface);color:var(--studio-ink);border:2px solid #1a1a1a33;padding:0 20px;font-size:14px;font-weight:600}@media (hover:hover) and (pointer:fine){.studio-primary:hover:not(:disabled){filter:brightness(.96)}.studio-secondary:hover:not(:disabled){border-color:var(--studio-ink);background:#1a1a1a0d}}.studio-continue{font-size:15px}.studio-header .studio-continue:disabled{color:#1a1a1a80;box-shadow:none;opacity:1;background:#ffffff47}.studio-mobile-continue{display:none}.studio-body{background:var(--studio-workspace);flex:1;grid-template-columns:88px 320px minmax(300px,1fr);min-height:0;display:grid}.studio-tool-rail{background:var(--studio-ground);flex-direction:column;align-items:stretch;min-height:0;padding:10px 8px 12px;display:flex}.studio-tools{flex-direction:column;gap:8px;display:flex}.studio-tools>button{border-radius:var(--studio-r-card);height:76px;color:var(--studio-ink-2);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:700;line-height:1.2;display:flex}@media (hover:hover) and (pointer:fine){.studio-tools>button:not(.is-active):not(:disabled):hover{background:var(--studio-tint);color:var(--studio-ink)}}.studio-tools>button.is-active,.studio-tools>button.is-active:hover{background:var(--studio-yellow);color:var(--studio-ink)}.studio-rail-bottom{flex-direction:column;align-items:center;margin-top:auto;display:flex}.studio-rail-bottom>button{display:none}.studio-side-panel{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:var(--studio-r-card);box-shadow:var(--studio-shadow-card);z-index:4;flex-direction:column;min-height:0;margin:8px 0;display:flex;overflow:hidden}.studio-panel-header{justify-content:space-between;align-items:center;padding:20px 20px 12px;display:flex}.studio-panel-header .studio-icon-button{width:28px;height:28px}.studio-close-tools{visibility:hidden}.studio-panel-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--studio-line-strong) transparent;flex:1;padding:4px 20px 18px;overflow-y:auto}.studio-panel-hint{color:var(--studio-ink-2);margin-bottom:16px;font-size:12px;line-height:1.5}.studio-search{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:var(--studio-r-pill);min-height:44px;color:var(--studio-ink-2);align-items:center;gap:9px;padding:0 14px;transition:border-color .16s,box-shadow .16s;display:flex}.studio-search input{width:100%;min-width:0;color:var(--studio-ink);background:0 0;border:0;outline:0;align-self:stretch;font-size:16px}.studio-search input::placeholder{color:#7a4400bf}@media (min-width:701px) and (hover:hover) and (pointer:fine){.studio-search input{transform-origin:0;flex:none;width:calc(133.333% - 34.6667px);transform:scale(.75)}}.studio-chips{flex-wrap:wrap;gap:6px;padding:16px 0 14px;display:flex}.studio-chips button{border:1px solid var(--studio-line);border-radius:var(--studio-r-pill);background:var(--studio-surface);min-height:36px;color:var(--studio-ink);white-space:nowrap;flex:none;padding:8px 14px;font-size:13px;font-weight:600;line-height:1.2;box-shadow:0 1px 3px #1a1a1a0f}@media (hover:hover) and (pointer:fine){.studio-chips button:not(.is-active):hover{border-color:var(--studio-line-strong)}}.studio-chips button.is-active,.studio-chips button.is-active:hover{background:var(--studio-ink);border-color:var(--studio-ink);color:var(--studio-surface);box-shadow:0 4px 12px #00000026}.studio-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.studio-template-card{aspect-ratio:134/150;border:1px solid var(--studio-line);border-radius:var(--studio-r-card);background:var(--studio-surface);width:100%;padding:0;position:relative;overflow:hidden}.studio-template-card:focus-visible{border-color:var(--studio-yellow);box-shadow:0 0 0 1px var(--studio-yellow), var(--studio-shadow-float)}.studio-template-card img{object-fit:contain;width:100%;height:100%;padding:8px;transition:transform .2s;display:block}.studio-template-label{border-top:1px solid var(--studio-line);background:var(--studio-ground);color:var(--studio-ink);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:12px;font-weight:600;line-height:1.3;transition:transform .16s;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.studio-template-card:focus-visible .studio-template-label{transform:translateY(0)}@media (hover:hover) and (pointer:fine){.studio-template-card:hover:not(:disabled){border-color:var(--studio-yellow);box-shadow:0 0 0 1px var(--studio-yellow), var(--studio-shadow-float)}.studio-template-card:hover:not(:disabled) img{transform:scale(1.045)}.studio-template-card:hover .studio-template-label{transform:translateY(0)}}.studio-library:has(.studio-element-card) .studio-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-template-card.studio-element-card{aspect-ratio:1}.studio-element-card img{padding:14px}.studio-library-footnote{color:var(--studio-ink-2);justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:12px;line-height:1.5;display:flex}.studio-library-empty{text-align:center;color:var(--studio-ink-2);flex-direction:column;align-items:center;gap:8px;padding:32px 0;display:flex}.studio-library-empty p{color:var(--studio-ink);font-size:14px;font-weight:600}.studio-library-empty span{font-size:12px}.studio-library-empty button{border-radius:var(--studio-r-pill);background:var(--studio-surface);color:var(--studio-ink);border:2px solid #1a1a1a33;margin-top:8px;padding:8px 18px;font-weight:600}@media (hover:hover) and (pointer:fine){.studio-library-empty button:hover{border-color:var(--studio-ink)}}.studio-workspace{background:0 0;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.studio-toolbar-wrap{flex-shrink:0;justify-content:center;align-items:center;height:100px;padding:18px;display:flex}.studio-object-toolbar{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:var(--studio-r-card);box-shadow:var(--studio-shadow-float);gap:2px;min-height:52px;padding:4px;display:flex}.studio-object-toolbar button{border-radius:var(--studio-r-field);color:var(--studio-ink);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:9px 24px;font-size:10px;font-weight:700;line-height:1.2;display:flex}@media (hover:hover) and (pointer:fine){.studio-object-toolbar button:hover:not(:disabled){background:var(--studio-tint)}}.studio-object-toolbar:has(.is-danger) button{flex-direction:column;gap:4px;padding:8px 18px}.studio-object-toolbar .is-danger{color:var(--studio-danger)}.studio-object-toolbar .studio-toolbar-done{display:none}.studio-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--studio-line-strong) transparent;flex:1;justify-content:flex-start;align-items:flex-start;min-height:0;display:flex;overflow:auto}.studio-artboard-surround{flex-direction:column;flex-shrink:0;align-items:center;margin:auto;padding:0 24px 15px;display:flex}.studio-artboard-label{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;width:100%;margin-bottom:12px;display:flex}.studio-artboard{background:var(--studio-surface);box-shadow:var(--studio-shadow-lift);touch-action:none;flex-shrink:0;position:relative}.studio-artboard>div:first-child{height:100%}.studio-artboard .konvajs-content{max-width:100%}.studio-empty{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.studio-empty button{pointer-events:auto}.studio-empty-icon{border-radius:var(--studio-r-card);background:var(--studio-yellow);width:56px;height:56px;color:var(--studio-ink);justify-content:center;align-items:center;margin-bottom:20px;display:flex;transform:rotate(-6deg)}.studio-empty h2{letter-spacing:-.03em;max-width:100%;font-size:28px;font-weight:900;line-height:1.05}.studio-empty p{max-width:340px;color:var(--studio-ink-2);margin-top:12px;font-size:15px;line-height:1.5}.studio-empty .studio-primary{min-width:190px;margin-top:20px}.studio-empty .studio-empty-templates{display:none}.studio-text-link{color:var(--studio-ink);text-underline-offset:4px;background:0 0;border:0;margin-top:12px;padding:8px;font-size:13px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.studio-panel-backdrop{display:none}.studio-drop-hint{z-index:12;border-radius:var(--studio-r-card);pointer-events:none;color:var(--studio-ink);font-family:var(--studio-font-display);text-transform:uppercase;background:#fff5ccf0;border:2.5px dashed #1a1a1a59;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:24px;font-weight:900;display:flex;position:absolute;inset:12px}.studio-drop-hint strong{font-weight:900}.studio-busy{z-index:15;color:var(--studio-ink);background:#fffcf5f0;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex;position:absolute;inset:0}.studio-busy>p{font-weight:600}.studio-busy-global{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffcf5d9}.studio-spinner{border:3px solid var(--studio-yellow);border-top-color:#0000;border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.75s linear infinite studio-spin;display:inline-block}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-inspector{background:var(--studio-surface);border:1px solid var(--studio-line);border-radius:var(--studio-r-card);scrollbar-width:thin;scrollbar-color:var(--studio-line-strong) transparent;min-height:0;display:none;overflow-y:auto}.studio-inspector-content{flex-direction:column;min-height:100%;padding:25px 23px 18px;display:flex}.studio-inspector-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.studio-inspector-header>span{color:var(--studio-ink-2);font-size:11px}.studio-inspector-controls{border:0;min-width:0;margin:0;padding:0}.studio-inspector-section{border-bottom:1px solid var(--studio-line);padding:23px 0}.studio-inspector-section>h3{margin-bottom:13px}.studio-inspector-notice{align-items:center;gap:10px;margin-top:19px;display:flex}.studio-inspector-notice strong{font-size:11px;font-weight:600}.studio-inspector-notice p{color:var(--studio-ink-2);margin-top:3px;font-size:11px;line-height:1.6}.studio-inspector-transparency{border:1px solid var(--studio-line-strong);background:conic-gradient(#1a1a1a12 25%, var(--studio-surface) 0 50%, #1a1a1a12 0 75%, var(--studio-surface) 0) 0 0/12px 12px;border-radius:6px;flex-shrink:0;width:31px;height:31px}.studio-inspector-tips{flex-direction:column;gap:26px;margin:23px 0 0;padding:0;list-style:none;display:flex}.studio-inspector-tips li{align-items:flex-start;gap:12px;display:flex}.studio-inspector-tips li>span{background:var(--studio-tint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.studio-inspector-tips li:first-child>span{background:var(--studio-yellow)}.studio-inspector-tips strong{font-size:11px}.studio-inspector-tips p{color:var(--studio-ink-2);margin-top:4px;font-size:11px;line-height:1.7}.studio-inspector-selection{align-items:center;gap:12px;min-width:0;margin-top:22px;margin-bottom:14px;display:flex}.studio-inspector-selection-icon{background:var(--studio-tint);border-radius:var(--studio-r-field);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.studio-inspector-selection>div{min-width:0}.studio-inspector-selection h3{white-space:nowrap;text-overflow:ellipsis;max-width:225px;font-size:15px;overflow:hidden}.studio-inspector-selection p{color:var(--studio-ink-2);margin-top:2px;font-size:11px}.studio-inspector-edit{border:1px solid var(--studio-line-strong);background:var(--studio-surface);border-radius:var(--studio-r-field);justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:12px;display:flex}@media (hover:hover) and (pointer:fine){.studio-inspector-edit:hover:not(:disabled){background:var(--studio-yellow-soft)}}.studio-inspector-edit>svg:last-child{margin-left:auto}.studio-inspector-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.studio-inspector-field{border:1px solid var(--studio-line-strong);border-radius:var(--studio-r-field);align-items:center;gap:7px;min-width:0;padding:10px;display:flex}.studio-inspector-field>span{color:var(--studio-ink-2);font-size:11px}.studio-inspector-field input{appearance:textfield;text-align:right;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:16px}.studio-inspector-field input::-webkit-inner-spin-button{appearance:none}.studio-inspector-field small{color:var(--studio-ink-2);font-size:11px}.studio-inspector-rotation{flex-direction:column;gap:11px;margin-top:9px;display:flex}.studio-inspector-rotation>.studio-inspector-field{width:54%}.studio-inspector-locked{color:var(--studio-ink-2);align-items:center;gap:6px;font-size:11px;display:flex}.studio-inspector-colours{align-items:center;gap:9px;display:flex}.studio-inspector-swatch,.studio-inspector-custom-colour{border:1px solid var(--studio-line-strong);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.studio-inspector-swatch[aria-pressed=true],.studio-inspector-swatch[aria-pressed=true]:hover{outline:2px solid var(--studio-ink);outline-offset:2px}.studio-inspector-custom-colour{cursor:pointer;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative}.studio-inspector-custom-colour input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.studio-inspector-layers{max-height:280px;overflow:auto}.studio-inspector-footer{margin-top:auto;padding-top:24px}.studio-inspector-message{background:var(--studio-tint);border-radius:var(--studio-r-card);gap:12px;padding:18px 15px;display:flex}.studio-inspector-message>svg{margin-top:3px}.studio-inspector-message strong{font-family:var(--studio-font-display);letter-spacing:-.03em;font-size:20px;line-height:1.05}.studio-inspector-message p{color:var(--studio-ink-2);margin-top:8px;font-size:11px;line-height:1.6}.studio-inspector-save{background:var(--studio-surface);border:1px solid var(--studio-line-strong);border-radius:var(--studio-r-field);justify-content:center;align-items:center;gap:8px;width:100%;margin-top:15px;padding:11px;font-size:12px;display:flex}@media (hover:hover) and (pointer:fine){.studio-inspector-save:hover:not(:disabled){background:var(--studio-yellow-soft)}}.studio-account-allowance{color:var(--studio-ink-2);text-align:center;padding:8px 0;font-size:12px;line-height:1.6}.studio-inspector-footer-actions{justify-content:space-between;margin-top:12px;display:flex}.studio-inspector-footer-actions button{color:var(--studio-ink-2);background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:11px;display:flex}.studio-dialog{border-radius:var(--studio-r-dialog);background:var(--studio-ground);width:min(460px,100vw - 32px);max-height:calc(100dvh - 64px);color:var(--studio-ink);box-shadow:var(--studio-shadow-dialog);font-family:var(--studio-font-body);overscroll-behavior:contain;border:0;margin:auto;padding:0;font-size:13px;line-height:1.5;position:fixed;inset:0}.studio-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1a1a8c}.studio-dialog-wide{width:min(940px,100vw - 48px)}.studio-dialog-inner{padding:24px}.studio-dialog-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.studio-dialog-header h2{letter-spacing:-.03em;font-size:28px;font-weight:900;line-height:1.05}.studio-dialog-header>.studio-icon-button{background:#1a1a1a0f;flex:none;width:40px;height:40px}@media (hover:hover) and (pointer:fine){.studio-dialog-header>.studio-icon-button:hover:not(:disabled){background:#1a1a1a1a}}.studio-dialog-intro{color:var(--studio-ink-2);margin-bottom:20px;font-size:15px;line-height:1.55}.studio-dialog-footnote{color:var(--studio-ink-2);margin-top:16px;font-size:12px;line-height:1.5}.studio-dialog-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;display:flex}.studio-dialog-progress{background:var(--studio-yellow-soft);border-radius:var(--studio-r-card);justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:14px;font-weight:600;display:flex}.studio-dialog-error{background:var(--studio-warn-bg);border-radius:var(--studio-r-card);color:var(--studio-warn-ink);border:0;margin-top:16px;padding:12px 14px;font-size:13px;font-weight:500}.studio-alert{z-index:45;background:var(--studio-warn-bg);max-width:min(720px,100vw - 32px);box-shadow:var(--studio-shadow-float);border-radius:var(--studio-r-card);color:var(--studio-warn-ink);border:0;align-items:center;gap:12px;padding:10px 12px 10px 16px;font-size:13px;font-weight:500;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.studio-alert button{color:var(--studio-ink);text-underline-offset:3px;white-space:nowrap;background:0 0;border:0;padding:8px;font-weight:700;text-decoration:underline}.studio-toast{background:var(--studio-dark);color:var(--studio-ground);box-shadow:var(--studio-shadow-lift);border-radius:var(--studio-r-pill);z-index:20;align-items:center;gap:10px;max-width:calc(100vw - 30px);padding:10px 12px 10px 18px;font-size:13px;font-weight:600;animation:.2s ease-out studio-appear;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.studio-toast>svg{color:var(--studio-yellow)}.studio-shortcuts{margin:0 0 20px}.studio-shortcuts>div{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;font-size:13px;display:flex}.studio-shortcuts dd{color:var(--studio-ink);text-align:right;margin:0}@media (hover:none),(pointer:coarse){.studio-shortcuts{display:none}}@keyframes studio-appear{0%{opacity:0;translate:0 7px}to{opacity:1;translate:0}}@media (min-width:1700px){.studio-body{grid-template-columns:88px 340px minmax(300px,1fr)}.studio-template-card{aspect-ratio:134/165}}@media (max-width:1430px){.studio-body{grid-template-columns:76px 280px minmax(280px,1fr)}.studio-header{gap:6px;padding:0 16px}.studio-brand{gap:12px}.studio-brand>a img{width:95px}.studio-title{max-width:178px}.studio-history{gap:2px}.studio-continue{letter-spacing:.06em;padding:0 20px;font-size:14px}.studio-inspector-content{padding:23px 18px 16px}.studio-inspector-header h2{font-size:23px}.studio-inspector-header>span{font-size:11px}.studio-panel-header{padding:20px 17px 12px}.studio-panel-content{padding-left:17px;padding-right:17px}.studio-tool-rail{padding:10px 5px}.studio-inspector-colours{gap:7px}.studio-inspector-swatch,.studio-inspector-custom-colour{width:25px;height:25px}.studio-empty h2{font-size:26px}.studio-empty p{font-size:14px}.studio-object-toolbar:has(.is-danger) button{padding:8px 15px}}@media (max-width:1190px){.studio-body{grid-template-columns:76px 275px minmax(300px,1fr)}.studio-title{max-width:190px;margin-right:auto}.studio-artboard-surround{padding-left:24px;padding-right:24px}.studio-toolbar-wrap{height:90px}}@media (max-width:950px) and (min-width:701px){.studio-save-status{display:none}.studio-title{max-width:180px;margin-right:auto}.studio-body{grid-template-columns:70px 250px minmax(260px,1fr)}.studio-continue{padding:0 16px}.studio-brand>a img{width:80px}.studio-tools>button{letter-spacing:.04em;height:70px}.studio-tools{gap:6px}.studio-tool-rail{padding:10px 3px}.studio-panel-content{padding:0 15px 15px}.studio-template-grid{gap:10px}.studio-empty h2{font-size:23px}.studio-empty p{font-size:13px}.studio-empty .studio-primary{min-width:165px}.studio-object-toolbar button{padding:9px 13px}.studio-object-toolbar:has(.is-danger) button{padding:8px 12px}.studio-toolbar-wrap{padding:10px}}@media (max-height:780px) and (min-width:701px){.studio-toolbar-wrap{height:76px}.studio-empty-icon{border-radius:14px;width:44px;height:44px;margin-bottom:14px}.studio-empty h2{font-size:24px}.studio-empty p{margin-top:10px}.studio-empty .studio-primary{margin-top:14px}.studio-empty .studio-text-link{margin-top:8px}.studio-inspector-content{padding-top:20px}.studio-inspector-tips{gap:18px}.studio-inspector-section{padding:18px 0}.studio-inspector-footer{padding-top:18px}.studio-inspector-message{padding:15px 12px}.studio-inspector-message strong{font-size:18px}.studio-inspector-message p{font-size:11px}}@media (max-width:700px){.studio-header{grid-template-rows:53px 42px;grid-template-columns:1fr auto auto;gap:0 8px;height:106px;padding:0 17px 7px;display:grid}.studio-brand{grid-area:1/1;gap:9px}.studio-brand>a img{width:81px}.studio-title{background:0 0;border:0;grid-area:2/1;gap:7px;width:100%;min-width:0;max-width:210px;height:33px;padding:6px 0}.studio-title input{text-align:left;font-size:16px}.studio-save-status{display:none}.studio-history{grid-area:2/2/auto/4;justify-content:flex-end;gap:1px}.studio-history .studio-icon-button{width:35px;height:33px}.studio-history svg{width:18px;height:18px}.studio-my-designs{grid-area:1/2;padding:8px 3px}.studio-my-designs>span{display:none}.studio-my-designs>svg{width:19px;display:block}.studio-continue{grid-area:1/3;gap:5px;min-width:0;min-height:34px;padding:8px 10px}.studio-continue>span:first-child{display:none}.studio-mobile-continue{display:inline}.studio-continue svg{display:none}.studio-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.studio-workspace{flex:1;order:0}.studio-tool-rail{height:auto;min-height:77px;padding:6px 8px max(7px, env(safe-area-inset-bottom));background:var(--studio-ground);border-top:1px solid var(--studio-line);z-index:10;flex-shrink:0;order:1}.studio-tools{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.studio-tools>button{letter-spacing:.04em;border-top:2px solid #0000;border-radius:0;gap:4px;height:57px;font-size:10px}.studio-tools>button.is-active,.studio-tools>button.is-active:hover{color:var(--studio-ink-2);background:0 0}.has-tools-panel .studio-tools>button.is-active,.has-tools-panel .studio-tools>button.is-active:hover{border-top-color:var(--studio-yellow);color:var(--studio-ink)}.studio-tools>button svg{width:21px;height:21px}.studio-rail-bottom{display:none}.studio-toolbar-wrap{height:61px;padding:7px 10px 6px}.studio-object-toolbar{border-radius:12px;min-height:40px;padding:3px}.studio-object-toolbar button{gap:6px;padding:8px 18px;font-size:10px}.studio-object-toolbar button svg{width:21px;height:21px}.studio-object-toolbar:has(.is-danger) button{gap:4px;padding:3px 8px;font-size:10px}.studio-object-toolbar:has(.is-danger) button svg{width:21px;height:21px}.studio-viewport{flex:1;min-height:150px}.studio-artboard-label{margin-bottom:8px}.studio-artboard-surround{padding-bottom:10px}.studio-artboard{box-shadow:var(--studio-shadow-float)}.studio-empty{padding:15px}.studio-empty-icon{border-radius:14px;width:48px;height:48px;margin-bottom:14px}.studio-empty-icon svg{width:24px;height:24px}.studio-empty h2{font-size:23px;line-height:1.05}.studio-empty p{margin-top:10px;font-size:14px}.studio-empty .studio-primary,.studio-empty .studio-empty-templates{width:100%;min-width:0;max-width:280px;min-height:48px}.studio-empty .studio-primary{margin-top:16px}.studio-empty .studio-empty-templates{margin-top:10px;display:inline-flex}.studio-empty .studio-text-link{margin-top:6px}.studio-side-panel{bottom:calc(71px + max(7px, env(safe-area-inset-bottom)));border:1px solid var(--studio-line);z-index:9;border-bottom:0;border-radius:20px 20px 0 0;max-height:min(62dvh,540px);margin:0;display:none;position:absolute;left:8px;right:8px;box-shadow:0 -8px 24px #1a1a1a1f}.studio-side-panel.is-open{animation:.2s ease-out studio-appear;display:flex}.studio-panel-header{padding:17px 18px 8px}.studio-close-tools{visibility:visible}.studio-panel-content{padding:8px 18px 18px}.studio-panel-backdrop{inset:106px 0 calc(70px + max(7px, env(safe-area-inset-bottom)));z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1a1a1a38;border:0;display:block;position:absolute}.studio-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-search{display:none}.studio-chips{scrollbar-width:none;flex-wrap:nowrap;padding:4px 0 12px;overflow-x:auto}.studio-chips::-webkit-scrollbar{display:none}.studio-library-footnote{margin-top:15px;font-size:13px}.studio-library-empty span{font-size:13px}.studio-dialog{border-radius:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 34px)}.studio-dialog-inner{padding:20px}.studio-dialog-header{gap:10px;margin-bottom:14px}.studio-dialog-header h2{font-size:24px}.studio-dialog-intro{font-size:14px}.studio-dialog-footnote{font-size:13px}.studio-dialog-actions{flex-direction:column;align-items:stretch;gap:8px}.studio-dialog-actions>button{width:100%;min-height:48px}.studio-account-allowance{font-size:13px}.studio-toast{width:max-content;font-size:13px;top:64px;bottom:auto}.studio-alert{gap:9px;width:calc(100vw - 28px);padding:8px 10px 8px 14px;font-size:13px;top:64px;bottom:auto}.studio-shortcuts>div{font-size:13px}}@media (max-width:370px){.studio-brand{gap:7px}.studio-empty h2{font-size:21px}.studio-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px) and (max-height:740px){.studio-toolbar-wrap{height:57px}.studio-empty-icon{margin-bottom:10px}.studio-empty p{margin-top:8px}}@media (prefers-reduced-motion:reduce){.studio-root *,.studio-root :before,.studio-root :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.studio-root :is(.text-\[\#8A8680\],.text-\[\#4A4740\],.text-\[\#C8C0AE\]){color:var(--studio-ink-2)}.studio-root .border-\[\#EDE8DC\]:not(:hover):not(:focus){border-color:var(--studio-line)}@media (hover:hover) and (pointer:fine){.studio-root :is(.hover\:text-\[\#1A1A1A\],.hover\:text-\[\#4A4740\]):hover{color:var(--studio-ink)}.studio-root .hover\:text-red-500:hover{color:var(--studio-danger)}}.studio-root :is(button,label).h-7.w-7.rounded-full.ring-2{--tw-ring-color:var(--studio-ink)}.studio-root :is(button,label).h-7.w-7.rounded-full.ring-1:not(:hover){--tw-ring-color:var(--studio-line-strong)}@media (hover:none),(pointer:coarse){.studio-panel-content p:has(>kbd){display:none}}.studio-inspector-layers button.flex-1,.studio-panel-content button.flex-1{min-width:0}.studio-inspector-layers button.flex-1 p,.studio-panel-content button.flex-1 p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:700px){.studio-title{align-self:start;height:24px;margin-top:0}.studio-save-status{grid-area:2/1;align-self:end;gap:4px;padding-bottom:1px;font-size:11px;line-height:1;display:flex}.studio-save-status i{width:5px;height:5px}}.studio-upload{flex-direction:column;gap:12px;display:flex}.studio-upload-primary{border-radius:var(--studio-r-pill);background:var(--studio-cta-bg);width:100%;min-height:48px;color:var(--studio-cta-ink);box-shadow:var(--studio-cta-edge);font-family:var(--studio-font-display);letter-spacing:.08em;text-transform:uppercase;border:0;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:14px;font-weight:700;line-height:1;display:flex}.studio-upload-primary:not(:disabled):active{box-shadow:0 1px 0 var(--studio-yellow-edge);transform:translateY(2px)}.studio-upload-primary:disabled{box-shadow:none}@media (hover:hover) and (pointer:fine){.studio-upload-primary:hover:not(:disabled){filter:brightness(.96)}}.studio-upload-formats{color:var(--studio-ink-2);text-align:center;margin-top:-4px;font-size:12px;line-height:1.5}.studio-upload-drop-note{color:var(--studio-ink-2);text-align:center;font-size:12px;line-height:1.5;display:none}@media (hover:hover) and (pointer:fine){.studio-upload-drop-note{display:block}}.studio-upload-note{color:var(--studio-ink-2);font-size:12px;line-height:1.5}.studio-upload-message{background:var(--studio-warn-bg);color:var(--studio-warn-ink);border-radius:var(--studio-r-card);border:0;align-items:center;gap:8px;padding:10px 10px 10px 14px;font-size:13px;font-weight:500;display:flex}.studio-upload-message button{color:var(--studio-ink);background:0 0;border:0;margin-left:auto;padding:8px}.studio-upload-selected{flex-direction:column;gap:12px;margin-top:10px;display:flex}.studio-upload-section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-upload-section-title>span{border-radius:var(--studio-r-pill);background:var(--studio-tint);color:var(--studio-ink-2);padding:2px 8px;font-size:12px;font-weight:700}.studio-upload-preview,.studio-upload-thumbnail{background-color:var(--studio-surface);background-image:conic-gradient(#1a1a1a0d 25%, transparent 0 50%, #1a1a1a0d 0 75%, transparent 0);background-size:16px 16px}.studio-upload-preview{border-radius:var(--studio-r-card);border:1px solid var(--studio-line);justify-content:center;align-items:center;height:140px;padding:12px;display:flex;overflow:hidden}.studio-upload-preview img{object-fit:contain;width:100%;height:100%}.studio-upload-preview>span{color:var(--studio-ink-2);flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.studio-upload-file{flex-direction:column;gap:2px;min-width:0;display:flex}.studio-upload-file strong{text-overflow:ellipsis;white-space:nowrap;color:var(--studio-ink);font-size:13px;font-weight:600;display:block;overflow:hidden}.studio-upload-file>span{color:var(--studio-ink-2);font-size:12px}.studio-upload-file+.studio-upload-note{margin-top:-6px}.studio-upload-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.studio-upload-tool{border:1px solid var(--studio-line);border-radius:var(--studio-r-field);background:var(--studio-surface);min-width:0;min-height:46px;color:var(--studio-ink);text-align:left;justify-content:flex-start;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:600;line-height:1.3;display:flex}@media (hover:hover) and (pointer:fine){.studio-upload-tool:hover:not(:disabled),.studio-upload-feature:hover:not(:disabled){background:var(--studio-tint);border-color:var(--studio-line-strong)}}.studio-upload-tool[aria-pressed=true],.studio-upload-tool[aria-pressed=true]:hover{border-color:var(--studio-yellow);background:var(--studio-yellow-soft)}.studio-upload-photo-tools{border-top:1px solid var(--studio-line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.studio-upload-processed{color:var(--studio-success);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.studio-upload-feature{border:1px solid var(--studio-line);border-radius:var(--studio-r-card);background:var(--studio-surface);min-height:64px;color:var(--studio-ink);text-align:left;align-items:center;gap:10px;padding:12px;display:flex}.studio-upload-feature>span{flex-direction:column;flex:1;gap:3px;display:flex}.studio-upload-feature strong{font-size:13px;font-weight:600;line-height:1.35}.studio-upload-feature small{color:var(--studio-ink-2);font-size:12px}.studio-upload-remove{border-radius:var(--studio-r-pill);min-height:44px;color:var(--studio-danger);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}@media (hover:hover) and (pointer:fine){.studio-upload-remove:hover:not(:disabled){background:#cc00000f}}.studio-upload-drop-link{text-underline-offset:3px;align-items:center;gap:8px;font-size:13px;font-weight:700;text-decoration:underline;display:flex}.studio-upload-collection{border-top:1px solid var(--studio-line);margin-top:8px;padding-top:20px}.studio-upload-collection>p{color:var(--studio-ink-2);margin-top:6px;font-size:12px}.studio-upload-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.studio-upload-thumbnail{aspect-ratio:1;border:1px solid var(--studio-line);border-radius:var(--studio-r-field);justify-content:center;align-items:center;width:100%;min-width:0;padding:8px;font-size:11px;display:flex;overflow:hidden}.studio-upload-thumbnail img{object-fit:contain;width:100%;height:100%}.studio-upload-thumbnail[aria-pressed=true],.studio-upload-thumbnail[aria-pressed=true]:hover{border:2px solid var(--studio-yellow);box-shadow:0 0 0 2px var(--studio-yellow-soft)}.studio-upload-saved-item{position:relative}.studio-upload-delete-saved{border:1px solid var(--studio-line-strong);width:30px;height:30px;color:var(--studio-danger);background:var(--studio-surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.studio-toast button{color:inherit;background:0 0;border:0;margin-block:-10px}.studio-toast .studio-toast-undo{color:var(--studio-yellow);text-underline-offset:3px;white-space:nowrap;min-height:44px;padding:4px;font-weight:700;text-decoration:underline}.studio-toast-close{place-items:center;min-width:36px;min-height:44px;display:grid}.studio-properties-panel .studio-inspector-content{padding:0}.studio-properties-panel .studio-inspector-header,.studio-properties-panel .studio-inspector-layers,.studio-properties-panel .studio-inspector-footer{display:none}.studio-properties-panel .studio-inspector-selection{padding-top:0}@media (max-width:1190px){.studio-object-toolbar:has(.is-danger) button{padding-left:12px;padding-right:12px}}@media (max-width:950px) and (min-width:701px){.studio-object-toolbar:has(.is-danger) button{padding-left:8px;padding-right:8px}.studio-upload-tool{gap:6px;padding:10px 8px}}@media (max-width:700px){.studio-header{grid-template-rows:53px 46px;gap:0 4px;padding-left:12px;padding-right:12px}.studio-brand{gap:7px}.studio-brand>a img{width:64px}.studio-history .studio-icon-button{width:44px;height:44px}.studio-my-designs{justify-content:center;width:44px;height:44px;padding:0}.studio-continue{min-height:44px;padding:8px}.studio-title{height:44px}.studio-panel-backdrop{display:none}.studio-side-panel.is-open{border-radius:20px 20px 0 0;flex:0 0 min(40dvh,320px);order:1;height:min(40dvh,320px);min-height:0;max-height:min(40dvh,320px);margin:0 8px;position:static;box-shadow:0 -4px 16px #1a1a1a0f}.studio-side-panel.is-open:is([data-tool=designs],[data-tool=elements],[data-tool=uploads]){left:8px;right:8px;bottom:calc(71px + max(7px, env(safe-area-inset-bottom)));z-index:9;flex:none;height:min(60dvh,520px);max-height:none;margin:0;position:absolute;box-shadow:0 -8px 24px #1a1a1a1f}.studio-side-panel[data-tool=text] textarea{height:44px;min-height:44px;max-height:44px}.studio-tool-rail{order:2}.studio-panel-header{flex-shrink:0;min-height:44px;padding:14px 14px 0;position:relative}.studio-panel-header:before{content:"";background:#1a1a1a2e;border-radius:2px;width:36px;height:4px;margin-left:-18px;position:absolute;top:6px;left:50%}.studio-panel-header .studio-icon-button{width:44px;height:44px}.studio-panel-header h2{font-family:var(--studio-font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--studio-ink-2);font-size:11px;font-weight:700;line-height:1.2}.studio-panel-content{min-height:0;padding:7px 14px 18px}.has-tools-panel .studio-toolbar-wrap{display:none}.studio-viewport{min-height:0}:is(.studio-object-toolbar button,.studio-object-toolbar:has(.is-danger) button){min-height:44px}.studio-object-toolbar:has(.is-danger) button{padding:3px 6px}.studio-toolbar-wrap{scrollbar-width:none;justify-content:flex-start;height:61px;overflow:auto hidden}.studio-object-toolbar{flex-shrink:0;margin:0 auto}.has-tools-panel .studio-artboard-label{margin-bottom:6px}.has-tools-panel .studio-artboard-surround{padding-top:6px}.has-tools-panel .studio-empty{padding:8px}.has-tools-panel .studio-empty-icon,.has-tools-panel .studio-empty p,.has-tools-panel .studio-empty .studio-empty-templates,.has-tools-panel .studio-empty .studio-text-link{display:none}.has-tools-panel .studio-empty h2{font-size:16px}.has-tools-panel .studio-empty .studio-primary{letter-spacing:.04em;width:auto;min-width:0;min-height:44px;margin-top:10px;padding:0 16px;font-size:12px}.studio-upload-preview{height:112px}.studio-upload-selected{margin-top:3px}.studio-upload-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-toast{gap:8px;width:max-content;padding:10px 10px 10px 16px;font-size:13px}}@media (prefers-reduced-motion:reduce){.studio-side-panel.is-open,.studio-toast{transition:none;animation:none}}@media (max-width:700px){.studio-upload-selected{grid-template-columns:66px minmax(0,1fr);gap:8px 12px;display:grid}.studio-upload-section-title{grid-column:1/-1}.studio-upload-selected .studio-upload-preview{border-radius:var(--studio-r-field);grid-area:2/1/4;height:66px;padding:5px}.studio-upload-selected .studio-upload-file{grid-column:2;align-self:end}.studio-upload-selected>.studio-upload-note{grid-column:2;line-height:1.4}.studio-upload-selected>.studio-upload-tools,.studio-upload-photo-tools,.studio-upload-remove{grid-column:1/-1}.studio-upload-formats,.studio-upload-note,.studio-upload-collection>p,.studio-upload-feature small,.studio-upload-preview>span,.studio-panel-hint{font-size:13px}}.studio-dialog[aria-label=Crop\ image] button{min-height:44px}.studio-dialog[aria-label=Crop\ image] .bg-blue-600{background:var(--studio-yellow);color:var(--studio-ink)}@media (hover:hover) and (pointer:fine){.studio-dialog[aria-label=Crop\ image] .bg-blue-600:hover{filter:brightness(.96)}}.studio-icon-button,.studio-my-designs,.studio-text-link,.studio-chips>button,.studio-inspector-edit,.studio-inspector-save,.studio-inspector-footer-actions>button,.studio-library-empty>button,.studio-alert>button,.studio-upload-message>button{min-height:44px}.studio-icon-button{min-width:44px}.studio-inspector-swatch,.studio-inspector-custom-colour{position:relative}.studio-inspector-swatch:before,.studio-inspector-custom-colour:before,.studio-upload-delete-saved:before{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;translate:-50% -50%}.studio-inspector-colours{flex-wrap:wrap;gap:16px}@media (hover:hover) and (pointer:fine){.studio-icon-button,.studio-my-designs,.studio-text-link,.studio-chips>button,.studio-inspector-edit,.studio-inspector-save,.studio-inspector-footer-actions>button,.studio-library-empty>button,.studio-alert>button,.studio-upload-message>button{min-height:0}.studio-icon-button{min-width:0}.studio-inspector-swatch:before,.studio-inspector-custom-colour:before,.studio-upload-delete-saved:before{content:none}.studio-inspector-colours{flex-wrap:nowrap;gap:9px}}@media (hover:hover) and (pointer:fine) and (max-width:1430px){.studio-inspector-colours{gap:7px}}@media (hover:none),(pointer:coarse){.studio-template-card{flex-direction:column;display:flex}.studio-template-card img{flex:1 1 0;height:auto;min-height:0}.studio-template-label{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;transition:none;position:static;overflow:hidden;transform:none}}@media (max-width:1430px){.studio-title{min-width:120px}}@media (max-width:1190px){.studio-save-status{display:none}.studio-my-designs{justify-content:center;width:40px;padding:0}.studio-my-designs>span{display:none}.studio-my-designs>svg{display:block}}@media (max-width:950px) and (min-width:701px){.studio-header{gap:6px;padding:0 12px}.studio-badge,.studio-continue>span:first-child{display:none}.studio-mobile-continue{display:inline}}@media (max-width:950px){.studio-help-toggle{justify-content:center;width:40px;padding:0}.studio-help-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (hover:none),(pointer:coarse){.studio-root .gap-1>button.h-6.w-6{width:44px;height:44px}.studio-root .gap-1:has(>button.h-6.w-6){gap:0}}@media (any-pointer:coarse){.studio-icon-button,.studio-my-designs,.studio-text-link,.studio-chips>button,.studio-inspector-edit,.studio-inspector-save,.studio-inspector-footer-actions>button,.studio-library-empty>button,.studio-alert>button,.studio-upload-message>button{min-height:44px}.studio-icon-button{min-width:44px}.studio-inspector-swatch:before,.studio-inspector-custom-colour:before,.studio-upload-delete-saved:before{content:""}.studio-inspector-colours{flex-wrap:wrap;gap:16px}}.studio-toolbar-wrap{height:64px;padding:10px 18px}.studio-artboard-surround{margin:auto}.studio-brand-mark{display:none}.studio-more-menu{gap:12px;display:grid}.studio-more-name{gap:8px;display:grid}.studio-more-name>input{font:inherit;color:var(--studio-ink);border:1px solid var(--studio-line-strong);border-radius:var(--studio-r-field);background:var(--studio-surface);outline:0;min-height:44px;padding:10px 14px;font-size:16px;font-weight:500;transition:border-color .16s,box-shadow .16s}.studio-more-status{color:var(--studio-ink-2);margin:0;font-size:13px}.studio-more-actions{gap:8px;display:grid}.studio-more-actions>button{justify-content:center;width:100%;min-height:44px}.studio-more-links{gap:8px;display:flex}.studio-more-links>a{border-radius:var(--studio-r-pill);background:var(--studio-surface);min-height:44px;color:var(--studio-ink);border:2px solid #1a1a1a33;flex:1;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .16s,border-color .16s;display:flex}@media (hover:hover) and (pointer:fine){.studio-more-links>a:hover{border-color:var(--studio-ink);background:#1a1a1a0d}}.studio-more-menu .studio-more-new{color:var(--studio-danger);justify-self:center;margin-top:0}@media (min-width:701px){.studio-more-menu .studio-more-phone-only{display:none}}@media (max-width:700px){.studio-header,.has-tools-panel .studio-header{border-bottom:0;align-items:center;gap:4px;height:56px;padding:0 8px;display:flex}.studio-badge,.studio-title,.studio-save-status,.studio-my-designs,.studio-save-action{display:none}.studio-brand{flex-shrink:0;gap:0}.studio-history{gap:4px;margin-left:auto;display:flex}.studio-history .studio-icon-button{width:40px;min-width:40px;height:40px;min-height:40px}.studio-mobile-more{display:inline-flex}.studio-continue{letter-spacing:.04em;flex-shrink:0;gap:4px;min-height:44px;margin:0;padding:0 14px;font-size:12px;display:inline-flex}.studio-toolbar-wrap{z-index:5;pointer-events:none;justify-content:center;height:auto;padding:0;display:flex;position:absolute;top:0;left:0;right:0}.studio-root:not(.has-tools-panel):has(.studio-object-toolbar) .studio-tool-rail{visibility:hidden}.studio-root:not(.has-tools-panel) .studio-toolbar-wrap:has(.studio-object-toolbar){z-index:12;min-height:77px;padding:6px 8px max(7px, env(safe-area-inset-bottom));background:var(--studio-ground);border-top:1px solid var(--studio-line);scrollbar-width:none;pointer-events:auto;justify-content:flex-start;position:fixed;inset:auto 0 0;overflow:auto hidden}.studio-toolbar-wrap>.studio-object-toolbar{pointer-events:auto;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-shrink:0;gap:0;margin:0 auto;padding:0}:is(.studio-object-toolbar button,.studio-object-toolbar:has(.is-danger) button){letter-spacing:.04em;flex-direction:column;justify-content:center;gap:4px;width:auto;min-width:54px;height:57px;padding:0 4px}.studio-object-toolbar .studio-toolbar-done{display:flex}.studio-viewport{padding:10px 0 12px}.studio-artboard-label{margin-bottom:6px}.studio-dialog:has(.studio-more-menu){width:100%;max-width:100%;max-height:calc(100dvh - 24px);padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;margin:auto 0 0}.studio-more-menu{gap:0}.studio-more-name,.studio-more-status{margin-bottom:12px}.studio-more-actions{gap:0}.studio-more-actions>.studio-primary{min-height:48px;margin-bottom:8px}.studio-more-links{flex-direction:column;gap:0}.studio-more-actions>.studio-secondary,.studio-more-links>a,.studio-more-menu .studio-more-new{border:0;border-top:1px solid var(--studio-line);text-align:left;background:0 0;border-radius:0;justify-content:flex-start;justify-self:stretch;width:100%;min-height:52px;margin:0;padding:0 4px;font-size:15px;font-weight:600;text-decoration:none}}@media (max-width:700px) and (hover:hover) and (pointer:fine){.studio-more-actions>.studio-secondary:hover:not(:disabled),.studio-more-links>a:hover{border-color:var(--studio-line);background:#1a1a1a0a}}@media (max-width:700px){.studio-artboard-label{white-space:nowrap}.has-tools-panel .studio-artboard-surround{margin-top:8px}}.studio-root .customizer-layers button.flex-1 p:first-child{-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box}@media (max-width:370px){.studio-history{gap:2px}.studio-continue{letter-spacing:.02em;padding:0 12px}}@media (max-width:400px){.studio-brand>a img:not(.studio-brand-mark){display:none}.studio-brand>a img.studio-brand-mark{width:34px;height:34px;display:block}}.studio-brand>a img.studio-brand-mark{display:none}@media (max-width:700px){.studio-artboard-surround{margin:20px auto auto}}@media (max-width:400px){.studio-brand>a img.studio-brand-mark{display:block}}