.editor-page{height:100vh;display:flex;flex-direction:column;background:#f0f0f0}.editor-canvas-area{flex:1;display:flex;align-items:flex-start;justify-content:center;overflow:hidden;padding:20px 20px 8px}.editor-canvas-wrapper{position:relative;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;overflow:hidden}.editor-case-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:1}.editor-canvas-wrapper canvas{position:relative;z-index:2;background:transparent!important}.editor-mask-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.editor-toolbar{background:#fff;border-top:1px solid #eee;padding:8px 0}.editor-toolbar-items{display:flex;justify-content:space-around;padding:8px 16px}.editor-toolbar-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:#666;cursor:pointer;padding:4px 12px;border-radius:8px;border:none;background:none}.editor-toolbar-item.active{color:#1677ff;background:#e6f4ff}.editor-toolbar-item svg{width:24px;height:24px}.editor-panel{max-height:240px;overflow-y:auto;padding:12px;border-top:1px solid #eee}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;background-color:#f5f5f5}