.ui-template{--uit-ready-height:324px;--uit-ready-padding:16px;--uit-drop-height:290px;--uit-drop-padding:12px;--uit-ready-icon:70px;--uit-ready-button-width:232px;--uit-ready-button-height:54px;--uit-ready-button-font:19px;--uit-ready-button-weight:550;--uit-ready-icon-gap:26px;--uit-ready-button-gap:23px;--uit-ready-support-gap:14px;--uit-ready-drop-font:17px;--uit-ready-support-font:16px;--uit-toolbar-padding:9.6px;--uit-toolbar-gap:6.4px;--uit-toolbar-radius:16px;--uit-hit-height:44px;--uit-labeled-height:60px;--uit-artwork-width:56px;--uit-artwork-height:36px;--uit-label-font:12px;--uit-label-line:16px;--uit-action-height:38px;--uit-action-font:17px;--uit-option-width:280px;--uit-option-padding:14px;--uit-option-gap:16px;--uit-option-radius:12px;--uit-workspace-gap:8px;--uit-workspace-padding:10px;--uit-workspace-radius:16px;--uit-card-gap:16px;--uit-guide-gap:72px;--uit-motion:.2s;color:var(--text);font-family:inherit;font-size:16px;line-height:1.4}.ui-template,.ui-template *,.ui-template :before,.ui-template :after{box-sizing:border-box}.ui-template.uit-workspace{min-width:0;padding:var(--uit-workspace-padding);border:1px solid var(--border);border-radius:var(--uit-workspace-radius);background:var(--surface)}.ui-template [hidden]{display:none!important}.ui-template :is(button,input,select,textarea){letter-spacing:normal;font-family:inherit;font-style:normal}.ui-template button{cursor:pointer}.ui-template button:disabled{cursor:default;opacity:.35}.ui-template :is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--focus,var(--text));outline-offset:3px}.ui-template .uit-icon{pointer-events:none;flex-shrink:0;display:block}.ui-template .uit-icon--toolbar{width:var(--uit-artwork-width);height:var(--uit-artwork-height);overflow:hidden}.ui-template .uit-icon--plain{width:24px;height:24px}.ui-template .uit-ready{min-height:var(--uit-ready-height);width:100%;padding:var(--uit-ready-padding);border:1px solid var(--border);background:var(--surface);border-radius:16px;position:relative}.ui-template .uit-dropzone{min-height:var(--uit-drop-height);padding:var(--uit-drop-padding);border:1px dashed var(--border);background:var(--surface);text-align:center;border-radius:12px;place-items:center;display:grid}.ui-template .uit-dropzone[data-drag-active=true]{border-color:var(--text);background:var(--surface-muted)}.ui-template .uit-ready-content{flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.ui-template .uit-ready-icon{width:var(--uit-ready-icon);height:var(--uit-ready-icon);margin-bottom:var(--uit-ready-icon-gap);color:var(--text);opacity:.75;display:block}.ui-template .uit-ready-icon svg{stroke-width:1.35px;width:100%;height:100%}.ui-template .uit-ready-button{width:var(--uit-ready-button-width);max-width:100%;min-height:var(--uit-ready-button-height);border:1px solid var(--text);background:var(--text);color:var(--bg,var(--surface));font-size:var(--uit-ready-button-font);font-weight:var(--uit-ready-button-weight);border-radius:10px;justify-content:center;align-items:center;margin:0;padding:15px 24px;line-height:22px;display:inline-flex}.ui-template .uit-drop-prompt{margin:var(--uit-ready-button-gap) 0 0;color:var(--text);font-size:var(--uit-ready-drop-font);text-wrap:balance;font-weight:450;line-height:23px}.ui-template .uit-support{margin:var(--uit-ready-support-gap) 0 0;color:var(--text-muted);font-size:var(--uit-ready-support-font);text-wrap:balance;font-weight:400;line-height:22px}.ui-template .uit-ready-status{color:var(--text-muted);margin-top:12px;font-size:14px;line-height:20px}.ui-template .uit-toolbar{z-index:3;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(var(--uit-labeled-height), auto);align-items:center;gap:var(--uit-toolbar-gap);width:100%;padding:var(--uit-toolbar-padding);border:1px solid var(--border);border-radius:var(--uit-toolbar-radius);background:var(--surface);display:grid;position:relative;container:uit-toolbar/inline-size}.ui-template .uit-toolbar-controls,.ui-template .uit-toolbar-actions{align-items:center;gap:var(--uit-toolbar-gap);flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.ui-template .uit-toolbar-controls{grid-area:1/1;justify-content:flex-start;justify-self:start}.ui-template .uit-toolbar-actions{grid-area:1/2;justify-content:flex-end;justify-self:end}.ui-template .uit-tool-wrap{flex:none;display:inline-flex;position:relative}.ui-template .uit-tool-button{width:auto;min-width:44px;height:var(--uit-hit-height);min-height:var(--uit-hit-height);color:var(--text);background:0 0;border:1px solid #0000;border-radius:10.4px;flex:none;justify-content:center;align-items:center;margin:0;padding:2.4px 10.4px;display:inline-flex;position:relative}.ui-template .uit-tool-button:before{content:"";pointer-events:none;border:1px solid #0000;border-radius:8px;position:absolute;inset:3px 5px}.ui-template .uit-tool-button:hover:not(:disabled):before{background:var(--surface-muted)}.ui-template .uit-tool-button:is([aria-pressed=true],[aria-expanded=true]):before{border-color:var(--text);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--text)}.ui-template .uit-tool-button--labeled{height:var(--uit-labeled-height);flex-direction:column;gap:0}.ui-template .uit-tool-artwork{width:var(--uit-artwork-width);height:var(--uit-artwork-height);place-items:center;display:grid;position:relative}.ui-template .uit-tool-label{font-size:var(--uit-label-font);font-weight:400;line-height:var(--uit-label-line);white-space:nowrap;pointer-events:none;position:relative}.ui-template .uit-toolbar-divider{width:1px;height:42px;margin-inline:calc((var(--uit-toolbar-gap) + 1px) / -2);background:var(--border);flex:0 0 1px}.ui-template .uit-toolbar-divider--count{margin-inline:calc(1px - var(--uit-toolbar-gap) / 2) calc(-2px - var(--uit-toolbar-gap) / 2)}.ui-template .uit-tooltip{z-index:20;border:1px solid var(--border);width:max-content;max-width:min(260px,100vw - 16px);color:var(--text);background:var(--surface);text-align:center;pointer-events:none;border-radius:7.2px;padding:6.4px 10.4px;font-size:14px;font-weight:400;line-height:1.4;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.ui-template .uit-primary-slot{grid-template-rows:var(--uit-action-height);flex:none;display:grid}.ui-template .uit-primary-slot:before{content:"Download PNG";visibility:hidden;height:var(--uit-action-height);white-space:nowrap;border:1px solid #0000;grid-area:1/1;padding:8.4px 17.5px;font-size:14px;font-weight:600;line-height:normal}.ui-template .uit-primary-slot--fixed{flex:0 0 180px;width:180px;min-width:180px;max-width:180px;height:38px;min-height:38px;max-height:38px}.ui-template .uit-primary-slot--fixed:before{content:none;display:none}.ui-template .uit-primary-action{height:var(--uit-action-height);min-height:var(--uit-action-height);border:1px solid var(--text);width:100%;color:var(--bg,var(--surface));background:var(--text);font-size:var(--uit-action-font);white-space:nowrap;border-radius:10.4px;grid-area:1/1;justify-content:center;align-items:center;margin:0;padding:8.4px 7px;font-weight:600;line-height:normal;display:inline-flex}.ui-template .uit-add-files{height:44px;min-height:44px;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10.4px;flex:none;justify-content:center;align-items:center;gap:6.4px;margin:0;padding:2.4px 10.4px;font-size:18px;font-weight:400;display:inline-flex}.ui-template .uit-add-files:has(+.uit-toolbar-divider--count){line-height:normal}.ui-template .uit-add-files .uit-icon{width:var(--uit-artwork-width);height:var(--uit-artwork-height)}.ui-template .uit-add-files:hover:not(:disabled){background:var(--surface-muted)}.ui-template .uit-options{align-items:stretch;gap:var(--uit-option-gap);width:100%;min-width:0;height:100%;min-height:0;padding:var(--uit-option-padding);border:1px solid var(--border);border-radius:var(--uit-option-radius);background:var(--surface);color:var(--text);flex-direction:column;font-size:16px;font-weight:400;display:flex;overflow-y:auto}.ui-template .uit-options-title{font:inherit;margin:0;font-weight:400;line-height:1.4}.ui-template .uit-option-button{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:44px;color:var(--text);border-radius:9.6px;justify-content:center;align-items:center;padding:8px 10px;font-size:16px;font-weight:400;line-height:1.3;display:inline-flex}.ui-template .uit-option-button:hover:not(:disabled){background:var(--surface-muted)}.ui-template .uit-option-button[aria-pressed=true]{border-color:var(--text);background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--text)}.ui-template .uit-option-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10.4px;margin-top:16px;display:grid}.ui-template .uit-options>.uit-option-actions{margin-top:0}.ui-template .uit-option-actions>.uit-option-button{border-radius:10.4px;width:100%;padding:9.6px 6.4px}.ui-template .uit-option-button--affirmative{color:var(--bg,var(--surface));background:var(--text);border-color:var(--text)}.ui-template .uit-option-button--affirmative:hover:not(:disabled){background:var(--text)}.ui-template .uit-file-card{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--surface);border-radius:16px;position:relative;overflow:hidden;container:uit-file-card/inline-size}.ui-template .uit-file-card[draggable=true]{cursor:grab}.ui-template .uit-file-card[draggable=true]:active{cursor:grabbing}.ui-template .uit-file-card[data-drop-target=true]{box-shadow:inset 0 0 0 2px var(--text)}.ui-template .uit-file-thumbnail{justify-content:center;align-items:center;height:254px;padding:44px 20px 20px;display:flex;overflow:hidden}.ui-template .uit-file-thumbnail :is(img,video,canvas){object-fit:contain;max-width:100%;max-height:100%;display:block}.ui-template .uit-file-caption{padding:0 16px 14.4px}.ui-template .uit-file-caption>strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;display:block;overflow:hidden}.ui-template .uit-file-result{grid-template-rows:minmax(44px,auto);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5.6px;margin-top:5.6px;display:grid}.ui-template .uit-file-metadata{min-width:0;color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:0 8px;font-size:13.6px;line-height:1.4;display:flex}.ui-template .uit-file-actions{grid-area:1/2;grid-auto-columns:44px;grid-auto-flow:column;justify-content:end;align-items:center;display:grid}.ui-template .uit-card-action{width:44px;min-width:44px;height:44px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10.4px;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.ui-template .uit-card-action .uit-icon{width:22px;height:22px}.ui-template .uit-card-action:hover:not(:disabled){background:var(--surface-muted)}.ui-template.uit-slot-header{justify-content:space-between;align-items:center;min-width:0;min-height:44px;display:flex}.ui-template .uit-slot-number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13.6px;line-height:1.5}.ui-template.uit-slot-move-controls{flex:none;align-items:center;gap:0;display:flex}.ui-template .uit-file-remove{z-index:1;position:absolute;top:9.6px;right:9.6px}.ui-template .uit-file-remove .uit-card-action{border-radius:6.4px;width:24px;min-width:24px;height:24px}.ui-template .uit-file-remove .uit-icon{width:18px;height:18px}.ui-template .uit-intro{margin:0 0 18px}.ui-template .uit-breadcrumb{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;line-height:18px;display:flex}.ui-template .uit-breadcrumb>span{align-items:center;gap:8px;display:inline-flex}.ui-template .uit-breadcrumb a{color:inherit;text-decoration:none}.ui-template .uit-breadcrumb a:hover,.ui-template .uit-breadcrumb [aria-current=page]{color:var(--text)}.ui-template .uit-intro h1{letter-spacing:-.025em;margin:0 0 6px;font-size:32px;font-weight:550;line-height:1.2}.ui-template .uit-intro p{color:var(--text-muted);margin:0;font-size:15px;line-height:22px}.ui-template .uit-guide{margin-top:var(--uit-guide-gap)}.ui-template .uit-guide h2{margin:0 0 28px;font-size:28px;font-weight:550;line-height:1.2}@container uit-toolbar (width<=1000px){.ui-template .uit-toolbar-controls{grid-column:1/-1}.ui-template .uit-toolbar-actions{grid-area:2/1/auto/-1}}@media (width<=800px){.ui-template .uit-intro h1{font-size:28px}}@media (width<=640px){.ui-template .uit-toolbar{gap:3.2px;padding:6.4px}}@media (width<=600px){.ui-template .uit-file-thumbnail{height:204px;padding:48px 10.4px 10.4px}.ui-template .uit-file-caption{padding:0 10.4px 10.4px}.ui-template .uit-file-caption>strong{font-size:14.4px}.ui-template .uit-file-remove{top:6.4px;right:6.4px}.ui-template .uit-tooltip{left:0;transform:none}}@media (prefers-reduced-motion:reduce){.ui-template{--uit-motion:0s}.ui-template *,.ui-template :before,.ui-template :after{scroll-behavior:auto!important}}.ui-template .uit-type1-body{--uit-preview-reserve:var(--uit-option-width);--uit-preview-gap:10px;margin-top:var(--uit-workspace-gap);grid-template-columns:minmax(0,1fr) 0;align-items:stretch;gap:0;min-width:0;display:grid}.ui-template .uit-type1-body[data-options-open=true]{grid-template-columns:minmax(0, 1fr) var(--uit-option-width);gap:var(--uit-preview-gap)}.ui-template .uit-preview-stage{border:1px solid var(--border);background:var(--surface);border-radius:16px;place-items:center;min-width:0;height:clamp(26rem,58dvh,38rem);display:grid;position:relative;overflow:hidden}.ui-template .uit-preview-fit{place-items:center;max-width:100%;max-height:100%;display:grid;position:relative}.ui-template .uit-preview-fit>:is(img,canvas,video,svg){object-fit:contain;width:100%;height:100%;display:block}.ui-template .uit-type1-options{min-width:0;min-height:0;overflow:hidden}.ui-template .uit-type1-options>*{width:var(--uit-option-width);height:100%}.ui-template .uit-workspace-overlay{background:var(--surface);z-index:2;place-items:center;display:grid;position:absolute;inset:0}@media (width<=800px){.ui-template .uit-type1-body,.ui-template .uit-type1-body[data-options-open=true]{--uit-preview-reserve:0px;grid-template-columns:minmax(0,1fr);transition:none}.ui-template .uit-preview-stage{height:clamp(25rem,66dvh,38rem)}.ui-template .uit-type1-options>*{width:100%;height:auto}}@media (prefers-reduced-motion:reduce){.ui-template .uit-type1-body{transition:none}}.ui-template .uit-type2-body{margin-top:var(--uit-workspace-gap);min-width:0;min-height:340px;transition:grid-template-columns var(--uit-motion) ease, gap var(--uit-motion) ease;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 0;align-items:stretch;gap:0;display:grid}.ui-template .uit-type2-body[data-options-open=true]{grid-template-columns:minmax(0, 1fr) var(--uit-option-width);gap:var(--uit-workspace-gap)}.ui-template .uit-gallery{overscroll-behavior:auto;min-width:0;min-height:0;overflow:auto}.ui-template .uit-file-grid{gap:var(--uit-card-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));align-content:start;display:grid}.ui-template .uit-type2-options{min-width:0;min-height:0;overflow:hidden}.ui-template .uit-type2-options>*{width:var(--uit-option-width);height:100%}@media (width<=700px){.ui-template .uit-type2-body,.ui-template .uit-type2-body[data-options-open=true]{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);transition:none;height:auto!important}.ui-template .uit-gallery{overflow:visible}.ui-template .uit-file-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))!important}.ui-template .uit-type2-options>*{width:100%;height:auto}}@media (prefers-reduced-motion:reduce){.ui-template .uit-type2-body{transition:none}}