.sg-step{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;margin-bottom:14px}.sg-step span{width:24px;height:24px;border-radius:50%;background:var(--acc);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sg-create{margin-top:0}.sg-place{margin-top:28px}.sg-tabs{display:flex;gap:4px;background:var(--hover);border-radius:var(--r-sm);padding:4px;margin-bottom:14px}.sg-tab{flex:1;border:none;background:none;border-radius:8px;padding:9px 8px;font-size:14px;font-weight:600;color:var(--mut);cursor:pointer;min-height:40px}.sg-tab[aria-selected=true]{background:var(--card);color:var(--txt);box-shadow:var(--shadow-sm)}.sg-pad-wrap{position:relative;border:1px dashed var(--line2);border-radius:12px;background:#fff;overflow:hidden}.sg-pad{display:block;width:100%;height:240px;touch-action:none;cursor:crosshair}.sg-tools__right{display:flex;gap:2px}.sg-full-btn{display:inline-flex;align-items:center;gap:6px}.sg-pad-stage.is-full{position:fixed;inset:0;z-index:1000;background:var(--bg);display:flex;flex-direction:column;gap:10px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.sg-pad-stage.is-full .sg-pad-wrap{flex:1;min-height:0;border-style:solid}.sg-pad-stage.is-full .sg-pad{height:100%}.sg-pad-stage.is-full .sg-pad-line{bottom:22%}.sg-full-bar{display:flex;align-items:center;gap:8px}.sg-full-tip{flex:1;font-size:13px;color:var(--mut)}.sg-full-done{margin-top:0;padding:10px 20px}body.sg-no-scroll{overflow:hidden;overscroll-behavior:none}.sg-pad-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px;pointer-events:none}.sg-pad-line{position:absolute;left:8%;right:8%;bottom:42px;border-bottom:1px solid #e5e7eb;pointer-events:none}.sg-tools{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.sg-colors{display:flex;gap:10px}.sg-color{width:36px;height:36px;border-radius:50%;border:2px solid var(--faint);background:var(--ink);cursor:pointer;box-shadow:inset 0 0 0 3px #fff}.sg-color[aria-checked=true]{border-color:var(--acc);box-shadow:inset 0 0 0 3px #fff,0 0 0 3px var(--acc-soft)}.sg-type-preview,.sg-image-preview{margin-top:12px;min-height:110px;border:1px dashed var(--line2);border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px;color:#9ca3af;font-size:14px;text-align:center}.sg-type-preview img,.sg-image-preview img{max-width:100%;max-height:120px}.sg-import{margin-top:0;cursor:pointer}.sg-stamps{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;-webkit-overflow-scrolling:touch}.sg-stamp{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;width:132px;padding:8px;border:2px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer}.sg-stamp[aria-selected=true]{border-color:var(--acc);background:var(--acc-soft)}.sg-stamp__img{width:100%;height:44px;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;padding:4px}.sg-stamp__img img{max-width:100%;max-height:100%}.sg-stamp__label{font-size:12px;font-weight:600;color:var(--mut);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-stamp__del{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:none;background:var(--card);color:var(--mut);box-shadow:var(--shadow-sm),0 0 0 1px var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer}.sg-stamp__del:hover{color:var(--err)}.sg-hint{font-size:13.5px;color:var(--mut);margin:8px 0 12px}.sg-hint--flash{animation:sg-flash .9s ease}@keyframes sg-flash{0%,to{color:var(--mut)}30%{color:var(--acc-txt)}}.sg-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px;font-size:14px;font-weight:600;color:var(--mut)}.sg-nav .btn-icon{background:var(--card);border:1px solid var(--line)}.sg-page{position:relative;width:100%;max-width:640px;margin:0 auto;background:#fff;border-radius:6px;box-shadow:var(--shadow),0 0 0 1px var(--line);overflow:hidden;user-select:none;-webkit-user-select:none}.sg-page canvas{display:block;width:100%;height:100%}.sg-layer{position:absolute;inset:0;cursor:copy}.sg-page-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff9}.sg-item{position:absolute;touch-action:none;cursor:move;outline:1.5px dashed color-mix(in srgb,var(--acc) 55%,transparent);outline-offset:2px;border-radius:2px}.sg-item--selected{outline:2px solid var(--acc)}.sg-item img{display:block;width:100%;height:100%;pointer-events:none}.sg-item__del{position:absolute;top:-14px;right:-14px;width:28px;height:28px;border-radius:50%;border:none;background:var(--err);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm)}.sg-item__resize{position:absolute;right:-11px;bottom:-11px;width:22px;height:22px;border-radius:50%;background:var(--acc);border:3px solid #fff;box-shadow:var(--shadow-sm);cursor:nwse-resize}.sg-count{font-size:13px;color:var(--mut);text-align:center;margin-top:10px;min-height:1em}@media(hover:none)and (pointer:coarse){.sg-item__del{width:34px;height:34px;top:-17px;right:-17px}.sg-item__resize{width:28px;height:28px;right:-14px;bottom:-14px}.sg-item__resize:after{content:"";position:absolute;inset:-10px}.sg-stamp__del{width:32px;height:32px}}@media(max-width:640px){.sg-pad{height:280px}.sg-tools{flex-wrap:wrap;gap:6px}.sg-stamp{width:116px}}