*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}body{color:#1c1917;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafaf9;font-family:"Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit}img,svg{max-width:100%;display:block}.app{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;max-width:960px;min-height:100%;margin:0 auto;padding:28px 24px 32px;display:flex}.app-header{text-align:left;align-self:flex-start;max-width:34rem}.app-header__title{font-variation-settings:"opsz" 72;letter-spacing:-.04em;color:#1c1917;font-family:Bricolage Grotesque,"Source Sans 3",system-ui,sans-serif;font-size:clamp(1.85rem,4.2vw,2.35rem);font-weight:800;line-height:1.05;animation:.55s cubic-bezier(.22,1,.36,1) both app-header-in}.app-header__desc{color:#57534e;margin-top:4px;font-size:15px;font-weight:400;line-height:1.55;animation:.55s cubic-bezier(.22,1,.36,1) 90ms both app-header-in}@keyframes app-header-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.canvas-area{cursor:pointer;box-sizing:border-box;background:#fafaf9;border:2px dashed #0000;border-radius:12px;outline:none;flex-direction:column;align-self:stretch;align-items:center;width:100%;min-height:480px;transition:background-color .16s,border-color .18s,box-shadow .18s,transform .18s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:visible}.canvas-area--dragging{background:#f5f5f4;border-color:#d6d3d1;transform:scale(1.006);box-shadow:0 16px 40px #1c19171a}.upload-hint{color:#a8a29e;text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;margin-bottom:12px;font-size:13px}.upload-hint--active{color:#57534e}.canvas-area__preview{background:#e7e5e4;border-radius:8px;flex:auto;justify-content:center;align-items:center;width:100%;min-height:380px;padding:16px;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:flex;overflow:visible}.canvas-area__preview--dragging{transform:scale(1.02);box-shadow:0 12px 32px #1c191724}.sticker-canvas{justify-content:center;align-items:center;max-width:100%;display:flex}.sticker-canvas__svg{transform-origin:50%;width:100%;max-width:520px;height:auto;max-height:460px;transition:transform .38s cubic-bezier(.22,1,.36,1),filter .38s cubic-bezier(.22,1,.36,1);overflow:visible}.sticker-canvas:hover .sticker-canvas__svg{filter:drop-shadow(0 10px 5px #1c191752)drop-shadow(0 3px 1.5px #1c191747);transform:translateY(-10px)rotate(-3.5deg)}.canvas-area__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.controls-bar{align-self:stretch;align-items:flex-end;gap:16px;width:100%;display:flex}.stroke-slider{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.stroke-slider__label{color:#57534e;font-size:13px}.stroke-slider__row{align-items:center;gap:12px;display:flex}.stroke-slider__input{appearance:none;background:0 0;flex:auto;min-width:0;height:20px}.stroke-slider__input:focus-visible{outline:none}.stroke-slider__input::-webkit-slider-runnable-track{background:#e7e5e4;border-radius:999px;height:4px}.stroke-slider__input::-moz-range-track{background:#e7e5e4;border-radius:999px;height:4px}.stroke-slider__input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:1px solid #a8a29e;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 1px 2px #1c191714}.stroke-slider__input::-moz-range-thumb{cursor:pointer;background:#fff;border:1px solid #a8a29e;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 2px #1c191714}.stroke-slider__value{color:#57534e;text-align:right;font-variant-numeric:tabular-nums;min-width:44px;font-size:13px}.download-button{color:#1c1917;background:#fff;border:1px solid #e7e5e4;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:border-color .12s,background-color .12s,transform 60ms;display:inline-flex}.download-button:hover{background:#f5f5f4;border-color:#d6d3d1}.download-button:active{transform:translateY(1px)}.download-button--success{color:#14532d;background:#f0fdf4;border-color:#86efac}.download-button--success:hover{background:#dcfce7;border-color:#4ade80}.download-button--success .download-button__icon{color:#15803d}.download-button__icon{color:#57534e;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.download-button__label{text-align:center;min-width:5.5em;display:inline-block}.toast{color:#fafaf9;background:#1c1917;border-radius:8px;padding:10px 16px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #1c191733}@media (prefers-reduced-motion:reduce){.canvas-area,.canvas-area__preview{transition:background-color .12s,border-color .12s}.canvas-area--dragging{transform:none;box-shadow:0 8px 20px #1c191714}.canvas-area__preview--dragging{transform:none;box-shadow:0 4px 16px #1c19171a}.sticker-canvas__svg{transition:none}.sticker-canvas:hover .sticker-canvas__svg{filter:none;transform:none}}