*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.app{display:flex;height:100vh}.sidebar{width:320px;background:#16213e;padding:20px;overflow-y:auto;border-right:1px solid #0f3460}.sidebar h2{margin-bottom:20px;color:#e94560}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:14px;color:#aaa}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #0f3460;border-radius:5px;background:#1a1a2e;color:#fff;font-size:14px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#e94560}.btn{padding:12px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;width:100%;margin-bottom:10px;transition:all .3s}.btn-primary{background:#e94560;color:#fff}.btn-primary:hover{background:#c73e54}.btn-secondary{background:#0f3460;color:#fff}.btn-secondary:hover{background:#1a4a7a}.btn-success{background:#00d4aa;color:#1a1a2e}.btn-success:hover{background:#00b894}.canvas-area{flex:1;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#0f0f23;overflow:auto}.canvas-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.canvas-controls{display:flex;gap:10px;align-items:center;background:#16213e;padding:10px 20px;border-radius:8px}.canvas-controls button{padding:8px 16px;border:none;border-radius:4px;background:#0f3460;color:#fff;cursor:pointer;font-size:14px}.canvas-controls button:hover{background:#1a4a7a}.canvas-controls span{color:#888;font-size:13px;min-width:60px;text-align:center}.canvas-container{background:#fff;box-shadow:0 10px 40px #00000080;position:relative;transform-origin:top center}.canvas-page-info{color:#888;font-size:12px;margin-top:10px}.label-box{position:absolute;border:2px solid #333;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:move;background:#fff}.label-box.selected{border-color:#e94560;box-shadow:0 0 10px #e9456080}.label-box .text-content{text-align:center;word-break:break-word;padding:5px}.label-box .qr-content{display:flex;align-items:center;justify-content:center}.label-box .qr-content svg{max-width:100%;max-height:100%}.boxes-list{margin-top:20px}.boxes-list h3{margin-bottom:10px;font-size:14px;color:#aaa}.box-item{padding:10px;background:#1a1a2e;border-radius:5px;margin-bottom:8px;cursor:pointer;border:1px solid transparent}.box-item:hover{border-color:#0f3460}.box-item.selected{border-color:#e94560}.box-item-header{display:flex;justify-content:space-between;align-items:center}.box-item-title{font-size:14px;font-weight:500}.delete-btn{background:#e94560;color:#fff;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;font-size:12px}.file-input-wrapper{position:relative;overflow:hidden}.file-input-wrapper input[type=file]{position:absolute;left:0;top:0;opacity:0;cursor:pointer;width:100%;height:100%}.dimensions-row{display:flex;gap:10px}.dimensions-row .form-group{flex:1}.toolbar{display:flex;gap:10px;margin-bottom:20px}