.baha-smiley-picture640{display:inline-block;vertical-align:middle;line-height:0}.smiley.smiley-baha640{width:64px!important;height:64px!important;max-width:100%;max-height:64px!important;object-fit:contain;vertical-align:middle}.smiley-choice .smiley-baha640{width:46px!important;height:46px!important;max-height:46px!important}.smiley-choice .baha-smiley-picture640{margin:0 auto}.smiley-upload-action{display:flex;flex-wrap:wrap;gap:8px}
.sm640{--sm-panel:var(--surface-1,#fff);--sm-soft:var(--surface-2,#eef4f5);--sm-line:var(--border-default,#b8cbd1);--sm-ink:var(--text-primary,#193c43);--sm-muted:var(--text-secondary,#50666d);--sm-accent:#208575;max-width:1280px;padding:24px 20px 120px;margin:auto;color:var(--sm-ink);font-size:16px;line-height:1.55}.sm640 *{box-sizing:border-box}.sm640 [hidden]{display:none!important}.sm640 :is(h1,h2,h3,p){overflow-wrap:anywhere}.sm640 h1{font-size:2.5em;letter-spacing:-.04em;margin:0 0 8px;line-height:1.15}.sm640 h2{font-size:1.6em;margin:0 0 6px;line-height:1.3}.sm640 h3{font-size:1.04em;margin:0 0 10px}.sm640 p{margin:8px 0}.sm640-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:8px 0 25px}.sm640-heading p{color:var(--sm-muted)}.sm640 .sm640-eyebrow{font-size:.71em;letter-spacing:.17em;font-weight:800;color:var(--sm-accent);margin:0 0 10px}.sm640 :is(button,.sm640-button){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;border:1px solid var(--sm-line)!important;border-radius:8px!important;font:650 .85em/1.35 system-ui,sans-serif;background:var(--sm-soft)!important;color:var(--sm-ink)!important;text-decoration:none;cursor:pointer;white-space:normal;max-width:100%;text-align:center}.sm640 button:disabled{opacity:.48;cursor:default}.sm640 :is(button,a,input,select,summary):focus-visible{outline:3px solid #e3a54d;outline-offset:3px}.sm640 .sm640-primary{background:#197b68!important;color:#fff!important;border-color:#126452!important;min-height:50px}.sm640-tabs{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:24px;border-bottom:1px solid var(--sm-line)}.sm640-tabs a{padding:10px 0;min-height:45px;font-weight:700;color:var(--sm-ink);text-decoration:none;border-bottom:3px solid var(--sm-accent)}.sm640-editor,.sm640-gallery{scroll-margin-top:24px}.sm640-editor{padding:24px;border:1px solid var(--sm-line);border-radius:14px;background:var(--sm-panel)}.sm640-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.sm640-section-heading p{color:var(--sm-muted);font-size:.88em}.sm640-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.sm640-drawing-area,.sm640-settings{min-width:0}.sm640-canvas-wrap{display:grid;place-items:center;padding:25px;min-height:330px;background:var(--sm-soft);border:1px solid var(--sm-line);border-radius:12px}.sm640-canvas-wrap canvas,.sm640-preview canvas{background-color:#fff;background-image:linear-gradient(45deg,#dbe3e6 25%,transparent 25%),linear-gradient(-45deg,#dbe3e6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dbe3e6 75%),linear-gradient(-45deg,transparent 75%,#dbe3e6 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid #94abb2;border-radius:8px}#sm640-canvas{display:block;width:288px;height:288px;max-width:100%;aspect-ratio:1;touch-action:none;cursor:crosshair;image-rendering:auto}.sm640-canvas-note{font-size:.77em;color:var(--sm-muted);line-height:1.6}.sm640-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.sm640 [data-tool][aria-pressed=true]{background:#207c6a!important;color:#fff!important;border-color:#126452!important;box-shadow:0 0 0 2px #30a28b33}.sm640-brush{display:flex;gap:12px 24px;align-items:center;flex-wrap:wrap;padding:12px 0;border-block:1px solid var(--sm-line)}.sm640 label{display:block;font-size:.82em;font-weight:650;min-width:0}.sm640 :is(input:not([type=checkbox]),select){display:block;min-height:44px;width:100%;max-width:100%;margin:6px 0 13px;padding:9px 11px;border:1px solid var(--sm-line)!important;border-radius:7px;background:var(--sm-soft)!important;color:var(--sm-ink)!important;font:400 1rem/1.3 system-ui,sans-serif}.sm640 input[type=color]{height:44px;width:68px;padding:5px;margin-bottom:0;cursor:pointer}.sm640 input[type=range]{padding:8px 0;accent-color:var(--sm-accent);margin-bottom:0}.sm640 input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--sm-accent);flex:none}.sm640 .sm640-check{display:flex;gap:8px;align-items:center;font-weight:500}.sm640 output{font-size:.8em;color:var(--sm-muted)}.sm640-brush>label:nth-child(2){flex:1;min-width:130px}.sm640-frame-tools{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 12px}.sm640-frame-tools button{font-size:.74em;padding-inline:10px}.sm640-timeline{display:flex;gap:8px;overflow-x:auto;min-height:82px;padding:5px 3px 10px;scrollbar-width:thin}.sm640-timeline button{display:flex;flex-direction:column;gap:2px;flex:0 0 64px;min-height:75px;padding:3px;font-size:11px}.sm640-timeline [aria-pressed=true]{outline:2px solid var(--sm-accent);outline-offset:0;background:#bce3d8!important;color:#173b43!important}.sm640-timeline canvas{width:50px;height:50px;background:#f9fafb;border-radius:4px}.sm640-settings>section{padding:17px;background:var(--sm-soft);border:1px solid var(--sm-line);border-radius:10px;margin-bottom:18px}.sm640-settings select{font-size:.86em}.sm640-settings label{margin-top:10px}.sm640-preview{text-align:center}.sm640-preview canvas{display:block;width:144px;height:144px;margin:12px auto}.sm640-preview button{width:100%;font-size:.76em}.sm640-import{margin:22px 0 0;border:1px solid var(--sm-line);border-radius:8px;background:var(--sm-soft)}.sm640-import>summary{padding:14px;font-weight:650;cursor:pointer}.sm640-import>div{padding:0 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.sm640-import p{font-size:.8em;color:var(--sm-muted);grid-column:1/-1}.sm640-import input[type=file]{font-size:.8em;overflow:hidden}.sm640-import button{align-self:start}.sm640-save{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding-top:22px;border-top:1px solid var(--sm-line);margin-top:24px}.sm640-save>div:first-child,.sm640-save-actions{grid-column:1/-1}.sm640-save>div:first-child p{font-size:.85em;color:var(--sm-muted)}.sm640-save-actions{display:flex;flex-wrap:wrap;gap:10px}.sm640-save-actions .sm640-primary{flex:1 1 260px}.sm640 .sm640-status{padding:14px 16px;border:1px solid var(--sm-accent);border-left:4px solid var(--sm-accent);border-radius:8px;background:var(--sm-soft);margin:18px 0;color:var(--sm-ink);font-size:.9em;scroll-margin-top:20px;overflow-wrap:anywhere}.sm640 .sm640-status.is-error{border-color:#c54a57}.sm640-gallery{margin-top:40px}.sm640-gallery-filters{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.sm640-gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.sm640-gallery-grid article{background:var(--sm-panel);border:1px solid var(--sm-line);border-radius:12px;padding:16px 10px 12px;text-align:center;display:flex;flex-direction:column;min-width:0}.sm640-gallery-grid picture{display:block;margin:0 auto 14px}.sm640-gallery-grid .smiley-baha640{width:80px!important;height:80px!important;max-height:80px!important}.sm640-gallery-grid h3{font-size:.88em;min-height:2.8em;margin:0 0 5px}.sm640-gallery-grid code{display:block;font-size:.66em;color:var(--sm-muted);word-break:break-all;margin-bottom:12px}.sm640-gallery-grid article>div{display:flex;flex-direction:column;gap:6px;margin-top:auto}.sm640-gallery-grid button{width:100%;font-size:.73em;min-height:40px;padding:8px}
@media(max-width:960px){.sm640-workspace{grid-template-columns:minmax(0,1fr) 225px;gap:16px}.sm640-editor{padding:18px}.sm640-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.sm640{padding:16px 10px 100px}.sm640-heading{display:block}.sm640-heading h1{font-size:2em}.sm640-heading>.sm640-button{margin-top:12px}.sm640-tabs{font-size:.87em;gap:15px}.sm640-editor{padding:15px 12px}.sm640-section-heading{gap:10px;align-items:start}.sm640 h2{font-size:1.3em}.sm640-section-heading>button{font-size:.75em;flex:none}.sm640-workspace{display:flex;flex-direction:column}.sm640-canvas-wrap{padding:16px;min-height:280px}#sm640-canvas{width:256px;height:256px}.sm640-toolbar{gap:6px}.sm640-toolbar button{flex:1 1 72px;font-size:.76em;padding:9px 8px}.sm640-settings{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px}.sm640-settings>section{padding:11px;min-width:0}.sm640-preview canvas{width:108px;height:108px;max-width:100%}.sm640-settings h3{font-size:.87em}.sm640-settings select{padding:8px 6px}.sm640-preview button{font-size:.7em;padding-inline:5px}.sm640-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sm640-gallery-grid article{padding:12px 6px 8px}.sm640-gallery-grid .smiley-baha640{width:64px!important;height:64px!important;max-height:64px!important}.sm640-gallery-grid h3{font-size:.77em}.sm640-gallery-grid code{font-size:.57em}.sm640-gallery-grid button{font-size:.67em;padding-inline:5px}.sm640-import>div,.sm640-save{grid-template-columns:1fr}.sm640-gallery-filters{gap:10px;grid-template-columns:1fr}.sm640-save-actions button{width:100%}.sm640-canvas-note{font-size:.73em}}
@media(max-width:380px){.sm640-settings{grid-template-columns:minmax(0,1fr) 118px}.sm640-preview canvas{width:88px;height:88px}.sm640-editor{padding:12px 9px}.sm640-canvas-wrap{padding:10px;min-height:246px}#sm640-canvas{width:224px;height:224px}.sm640-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.sm640 *{scroll-behavior:auto!important}}

.sm640 button,.sm640 a{touch-action:manipulation}