.twbf{--twbf-accent:#1f6feb;--twbf-ink:#1b1f24;--twbf-muted:#5b6470;--twbf-line:#d7dce2;max-width:460px;margin:1.5em auto;color:var(--twbf-ink);text-align:center}.twbf *,.twbf *::before,.twbf *::after{box-sizing:border-box}.twbf__title{margin:0 0 .75em;font-size:1.35em;line-height:1.25}.twbf__stage{position:relative;overflow:hidden;border-radius:14px;background:repeating-conic-gradient(#eceff2 0 25%,#fff 0 50%) 0 0 / 20px 20px;box-shadow:0 0 0 1px var(--twbf-line);transition:box-shadow 0.15s ease}.twbf__stage.is-dragover{box-shadow:0 0 0 3px var(--twbf-accent)}.twbf__canvas{display:block;width:100%;height:auto;touch-action:none;user-select:none;-webkit-user-select:none}.twbf.has-photo .twbf__canvas{cursor:grab}.twbf__canvas.is-grabbing{cursor:grabbing}.twbf__canvas:focus-visible{outline:3px solid var(--twbf-accent);outline-offset:-3px}.twbf__circle{position:absolute;inset:0;margin:auto;width:100%;aspect-ratio:1;max-height:100%;border-radius:50%;border:2px dashed rgb(255 255 255 / .9);outline:1px dashed rgb(0 0 0 / .35);pointer-events:none;opacity:0;transition:opacity 0.2s ease}.twbf.has-photo .twbf__stage:hover .twbf__circle,.twbf.has-photo .twbf__canvas.is-grabbing+.twbf__circle{opacity:1}.twbf__drop{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;margin:0;background:rgb(255 255 255 / .6);cursor:pointer;color:var(--twbf-ink)}.twbf.has-photo .twbf__drop{display:none}.twbf__drop-icon{display:grid;place-items:center;width:60px;height:60px;margin-bottom:.3em;border-radius:50%;background:var(--twbf-accent);color:#fff;transition:transform 0.15s ease}.twbf__drop:hover .twbf__drop-icon{transform:scale(1.06)}.twbf__drop-text{font-weight:600;font-size:1.05em}.twbf__drop-sub{font-size:.85em;color:var(--twbf-muted)}.twbf__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.twbf__file:focus-visible+.twbf__drop,.twbf__drop:focus-within{outline:3px solid var(--twbf-accent);outline-offset:-3px}.twbf__controls{margin-top:1em;text-align:left}.twbf__controls[hidden],.twbf__share[hidden]{display:none}.twbf__range{display:grid;grid-template-columns:5.5em 1fr;align-items:center;gap:.75em;margin:0 0 .5em;font-size:.9em;color:var(--twbf-muted)}.twbf__range input[type="range"]{width:100%;margin:0;accent-color:var(--twbf-accent)}.twbf__row{display:flex;justify-content:space-between;gap:1em;margin-top:.25em}.twbf__link{padding:.35em 0;border:0;background:none;color:var(--twbf-accent);font:inherit;font-size:.9em;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.twbf__actions{display:flex;gap:.6em;margin-top:1em}.twbf__btn{flex:1;padding:.85em 1.2em;border:2px solid var(--twbf-accent);border-radius:10px;background:var(--twbf-accent);color:#fff;font:inherit;font-weight:600;line-height:1.2;cursor:pointer;transition:filter 0.15s ease,opacity 0.15s ease}.twbf__btn:hover:not(:disabled){filter:brightness(1.08)}.twbf__btn:focus-visible,.twbf__link:focus-visible{outline:3px solid var(--twbf-accent);outline-offset:2px}.twbf__btn:disabled{opacity:.4;cursor:not-allowed}.twbf__btn--ghost{background:#fff0;color:var(--twbf-accent)}.twbf__status{min-height:1.4em;margin:.75em 0 0;font-size:.85em;color:var(--twbf-muted)}.twbf__status.is-error{color:#b42318}.twbf-preview{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1em;padding:1.5em;background:rgb(0 0 0 / .96);color:#fff;text-align:center}.twbf-preview img{max-width:90vw;max-height:65vh;border-radius:8px;-webkit-touch-callout:default;user-select:auto;-webkit-user-select:auto}.twbf-preview p{max-width:30em;margin:0;font-size:1em;line-height:1.45}.twbf-preview button{padding:.7em 1.6em;border:1px solid #fff;border-radius:10px;background:#fff0;color:#fff;font:inherit;cursor:pointer}@media (prefers-reduced-motion:reduce){.twbf *,.twbf *::before,.twbf *::after{transition:none!important}}