*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;overscroll-behavior:none;height:100%;overflow:hidden}body{color:#333;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button{-webkit-tap-highlight-color:transparent;font-family:inherit}#root{height:100%}.top-bar{z-index:20;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;position:relative}.top-btn{cursor:pointer;white-space:nowrap;background:#f0f0f0;border:none;border-radius:20px;padding:8px 16px;font-size:15px;font-weight:600;transition:background .15s}.top-btn:hover{background:#e4e4e4}.top-btn:active{background:#d8d8d8}.top-center{align-items:center;gap:6px;display:flex}.reset-btn{color:#e65100;background:#fff3e0}.reset-btn:hover{background:#ffe0b2}.help-wrap{position:relative}.help-btn{color:#888;cursor:pointer;background:#fff;border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;transition:border-color .15s;display:flex}.help-btn:hover{border-color:#999}.help-tooltip{color:#fff;white-space:nowrap;z-index:100;background:#333;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.4;position:absolute;top:36px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.help-tooltip:before{content:"";border-bottom:6px solid #333;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.sticker-on-canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;z-index:1;position:absolute}.sticker-on-canvas:active{cursor:grabbing}.sticker-selected{z-index:10}.sticker-img{object-fit:contain;pointer-events:none;width:100%;height:100%}.selection-ring{pointer-events:none;border:2px dashed #4fc3f7;border-radius:8px;position:absolute;inset:-4px}.handle{cursor:pointer;touch-action:none;z-index:20;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;position:absolute;box-shadow:0 2px 6px #0003}.handle-delete{color:#fff;background:#ff5252;font-size:13px;font-weight:700;top:-16px;left:-16px}.handle-delete:hover{background:#ff1744}.handle-rotate{color:#555;cursor:grab;background:#fff;font-size:16px;top:-20px;left:50%;transform:translate(-50%)}.handle-rotate:active{cursor:grabbing;background:#e0e0e0}.handle-resize{color:#555;cursor:nwse-resize;background:#fff;font-size:16px;bottom:-16px;right:-16px}.handle-resize:active{background:#e0e0e0}.canvas-stage{touch-action:none;background-color:#f5f5f5;background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1;position:relative;overflow:hidden}.canvas-empty{text-align:center;color:#aaa;-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-empty-icon{margin-bottom:12px;font-size:48px;display:block}.canvas-empty p{margin:0;font-size:16px;font-weight:500}.drawer-overlay{z-index:30;background:#00000040;position:fixed;inset:0}.drawer{z-index:40;background:#fff;flex-direction:column;width:280px;max-width:80vw;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;box-shadow:0 0 20px #0000001a}.drawer-left{left:0;transform:translate(-100%)}.drawer-right{right:0;transform:translate(100%)}.drawer-open{transform:translate(0)}.drawer-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px;display:flex}.drawer-title{letter-spacing:1.5px;color:#555;margin:0;font-size:14px;font-weight:700}.drawer-close{cursor:pointer;color:#999;background:0 0;border:none;padding:4px;font-size:18px}.drawer-close:hover{color:#333}.drawer-body{flex:1;padding:12px;overflow-y:auto}.asset-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.asset-tile{aspect-ratio:1;cursor:pointer;background:#fafafa;border:2px solid #eee;border-radius:14px;justify-content:center;align-items:center;transition:border-color .15s,transform .1s;display:flex;overflow:hidden}.asset-tile:hover{border-color:#ccc;transform:scale(1.03)}.asset-tile:active{transform:scale(.97)}.asset-active{border-color:#4fc3f7;box-shadow:0 0 0 2px #4fc3f74d}.upload-tile{background:#fff;border:2px dashed #ccc;flex-direction:column;gap:4px}.upload-icon{color:#bbb;font-size:28px;line-height:1}.upload-label{color:#aaa;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sticker-tile{background:#fff}.sticker-emoji{font-size:32px}.sticker-thumb{object-fit:contain;width:60%;height:60%}.wallpaper-thumb{background-position:50%;background-size:cover}.asset-status{text-align:center;color:#999;grid-column:1/-1;padding:20px 8px;font-size:13px;line-height:1.5}.asset-error{color:#e53935}.retry-btn{cursor:pointer;color:#555;background:#fff;border:1px solid #ccc;border-radius:12px;margin-top:8px;padding:4px 14px;font-size:12px;display:inline-block}.retry-btn:hover{background:#f5f5f5}.bottom-actions{background:#fff;border-top:1px solid #eee;justify-content:center;gap:12px;padding:12px 16px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:24px;flex:1;max-width:160px;padding:12px 24px;font-size:16px;font-weight:700;transition:background .15s,transform .1s,opacity .15s}.action-btn:active:not(:disabled){transform:scale(.97)}.action-btn:disabled{opacity:.45;cursor:not-allowed}.share-btn{color:#fff;background:#4fc3f7}.share-btn:hover:not(:disabled){background:#29b6f6}.print-btn{color:#333;background:#e0e0e0}.print-btn:hover:not(:disabled){background:#d5d5d5}.studio-shell{background:#fafafa;flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}